@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Styles for goog.ui.ac.AutoComplete and its derivatives.
 * Note: these styles need some work to get them working properly at various
 * font sizes other than the default.
 */

@provide 'goog.css.ac';

/*
 * TODO(annams): Rename (here and in renderer.js) to specify class name as
 * goog-autocomplete-renderer
 */
.ac-renderer {
  font: normal 13px Arial, sans-serif;
  position: absolute;
  background: #fff;
  border: 1px solid #666;
  -moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
  -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
  width: 300px;
}

.ac-row {
  cursor: pointer;
  padding: .4em;
}

.ac-highlighted {
  font-weight: bold;
}

.ac-active {
  background-color: #b2b4bf;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Cross-browser implementation of the "display: inline-block" CSS property.
 * See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
 * Tested on IE 6 & 7, FF 1.5 & 2.0, Safari 2 & 3, Webkit, and Opera 9.
 */

@provide 'goog.css.common';

/*
 * Default rule; only Safari, Webkit, and Opera handle it without hacks.
 */
.goog-inline-block {
  position: relative;
  display: -moz-inline-box; /* Ignored by FF3 and later. */
  display: inline-block;
}

/*
 * Pre-IE7 IE hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
* html .goog-inline-block {
  display: inline;
}

/*
 * IE7-only hack.  On IE, "display: inline-block" only gives the element
 * layout, but doesn't give it inline behavior.  Subsequently setting display
 * to inline does the trick.
 */
*:first-child+html .goog-inline-block {
  display: inline;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for a goog.ui.DatePicker.
 */

@provide 'goog.css.datepicker';

.goog-date-picker,
.goog-date-picker th,
.goog-date-picker td {
  font: 13px Arial, sans-serif;
}

.goog-date-picker {
  -moz-user-focus: normal;
  -moz-user-select: none;
  position: relative;
  border: 1px solid #000;
  float: left;
  padding: 2px;
  color: #000;
  background: #c3d9ff;
  cursor: default;
}

.goog-date-picker th {
  text-align: center;
}

.goog-date-picker td {
  text-align: center;
  vertical-align: middle;
  padding: 1px 3px;
}


.goog-date-picker-menu {
  position: absolute;
  background: threedface;
  border: 1px solid gray;
  -moz-user-focus: normal;
  z-index: 1;
  outline: none;
}

.goog-date-picker-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.goog-date-picker-menu ul li {
  cursor: default;
}

.goog-date-picker-menu-selected {
  background: #ccf;
}

.goog-date-picker th {
  font-size: .9em;
}

.goog-date-picker td div {
  float: left;
}

.goog-date-picker button {
  padding: 0px;
  margin: 1px 0;
  border: 0;
  color: #20c;
  font-weight: bold;
  background: transparent;
}

.goog-date-picker-date {
  background: #fff;
}

.goog-date-picker-week,
.goog-date-picker-wday {
  padding: 1px 3px;
  border: 0;
  border-color: #a2bbdd;
  border-style: solid;
}

.goog-date-picker-week {
  border-right-width: 1px;
}

.goog-date-picker-wday {
  border-bottom-width: 1px;
}

.goog-date-picker-head td {
  text-align: center;
}

/** Use td.className instead of !important */
td.goog-date-picker-today-cont {
  text-align: center;
}

/** Use td.className instead of !important */
td.goog-date-picker-none-cont {
  text-align: center;
}

.goog-date-picker-month {
  min-width: 11ex;
  white-space: nowrap;
}

.goog-date-picker-year {
  min-width: 6ex;
  white-space: nowrap;
}

.goog-date-picker-monthyear {
  white-space: nowrap;
}

.goog-date-picker table {
  border-collapse: collapse;
}

.goog-date-picker-other-month {
  color: #888;
}

.goog-date-picker-wkend-start,
.goog-date-picker-wkend-end {
  background: #eee;
}

/** Use td.className instead of !important */
td.goog-date-picker-selected {
  background: #c3d9ff;
}

.goog-date-picker-today {
  background: #9ab;
  font-weight: bold !important;
  border-color: #246 #9bd #9bd #246;
  color: #fff;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for buttons created by goog.ui.MenuButtonRenderer.
 */

@provide 'goog.css.menubutton';

@require './common';

/* State: resting. */
.goog-menu-button {
  /* Client apps may override the URL at which they serve the image. */
  background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x top left;
  border: 0;
  color: #000;
  cursor: pointer;
  list-style: none;
  margin: 2px;
  outline: none;
  padding: 0;
  text-decoration: none;
  vertical-align: middle;
}

/* Pseudo-rounded corners. */
.goog-menu-button-outer-box,
.goog-menu-button-inner-box {
  border-style: solid;
  border-color: #aaa;
  vertical-align: top;
}
.goog-menu-button-outer-box {
  margin: 0;
  border-width: 1px 0;
  padding: 0;
}
.goog-menu-button-inner-box {
  margin: 0 -1px;
  border-width: 0 1px;
  padding: 3px 4px;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
  /* @noflip */ left: -1px;
  /* @noflip */ right: auto;
}
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */ right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}
/* IE7 BiDi fix. */
*:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
  /* @noflip */ left: 1px;
  /* @noflip */ right: auto;
}

/* Safari-only hacks. */
::root .goog-menu-button,
::root .goog-menu-button-outer-box,
::root .goog-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}
::root .goog-menu-button-caption,
::root .goog-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* State: disabled. */
.goog-menu-button-disabled {
  background-image: none !important;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}
.goog-menu-button-disabled .goog-menu-button-outer-box,
.goog-menu-button-disabled .goog-menu-button-inner-box,
.goog-menu-button-disabled .goog-menu-button-caption,
.goog-menu-button-disabled .goog-menu-button-dropdown {
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-menu-button-disabled {
  margin: 2px 1px !important;
  padding: 0 1px !important;
}

/* State: hover. */
.goog-menu-button-hover .goog-menu-button-outer-box,
.goog-menu-button-hover .goog-menu-button-inner-box {
  border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
}

/* State: active, open. */
.goog-menu-button-active,
.goog-menu-button-open {
  background-color: #bbb;
  background-position: bottom left;
}

/* State: focused. */
.goog-menu-button-focused .goog-menu-button-outer-box,
.goog-menu-button-focused .goog-menu-button-inner-box {
  border-color: orange;
}

/* Caption style. */
.goog-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: top;
}

/* Dropdown arrow style. */
.goog-menu-button-dropdown {
  height: 15px;
  width: 7px;
  /* Client apps may override the URL at which they serve the sprite. */
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  vertical-align: top;
}

/* Pill (collapsed border) styles. */
/* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
.goog-menu-button-collapse-right,
.goog-menu-button-collapse-right .goog-menu-button-outer-box,
.goog-menu-button-collapse-right .goog-menu-button-inner-box {
  margin-right: 0;
}

.goog-menu-button-collapse-left,
.goog-menu-button-collapse-left .goog-menu-button-outer-box,
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
  margin-left: 0;
}

.goog-menu-button-collapse-left .goog-menu-button-inner-box  {
  border-left: 1px solid #fff;
}

.goog-menu-button-collapse-left.goog-menu-button-checked
.goog-menu-button-inner-box {
  border-left: 1px solid #ddd;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for menus created by goog.ui.MenuRenderer.
 */

@provide 'goog.css.menu';

.goog-menu {
  background: #fff;
  border-color: #ccc #666 #666 #ccc;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  font: normal 13px Arial, sans-serif;
  margin: 0;
  outline: none;
  padding: 4px 0;
  position: absolute;
  z-index: 20000; /* Arbitrary, but some apps depend on it... */
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for menus created by goog.ui.MenuItemRenderer.
 */

@provide 'goog.css.menuitem';

/**
 * State: resting.
 *
 * NOTE(mleibman,chrishenry):
 * The RTL support in Closure is provided via two mechanisms -- "rtl" CSS
 * classes and BiDi flipping done by the CSS compiler.  Closure supports RTL
 * with or without the use of the CSS compiler.  In order for them not
 * to conflict with each other, the "rtl" CSS classes need to have the @noflip
 * annotation.  The non-rtl counterparts should ideally have them as well, but,
 * since .goog-menuitem existed without .goog-menuitem-rtl for so long before
 * being added, there is a risk of people having templates where they are not
 * rendering the .goog-menuitem-rtl class when in RTL and instead rely solely
 * on the BiDi flipping by the CSS compiler.  That's why we're not adding the
 * @noflip to .goog-menuitem.
 */
.goog-menuitem {
  color: #000;
  font: normal 13px Arial, sans-serif;
  list-style: none;
  margin: 0;
  /* 28px on the left for icon or checkbox; 7em on the right for shortcut. */
  padding: 4px 7em 4px 28px;
  white-space: nowrap;
}

/* BiDi override for the resting state. */
/* @noflip */
.goog-menuitem.goog-menuitem-rtl {
  /* Flip left/right padding for BiDi. */
  padding-left: 7em;
  padding-right: 28px;
}

/* If a menu doesn't have checkable items or items with icons, remove padding. */
.goog-menu-nocheckbox .goog-menuitem,
.goog-menu-noicon .goog-menuitem {
  padding-left: 12px;
}

/*
 * If a menu doesn't have items with shortcuts, leave just enough room for
 * submenu arrows, if they are rendered.
 */
.goog-menu-noaccel .goog-menuitem {
  padding-right: 20px;
}

.goog-menuitem-content {
  color: #000;
  font: normal 13px Arial, sans-serif;
}

/* State: disabled. */
.goog-menuitem-disabled .goog-menuitem-accel,
.goog-menuitem-disabled .goog-menuitem-content {
  color: #ccc !important;
}
.goog-menuitem-disabled .goog-menuitem-icon {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

/* State: hover. */
.goog-menuitem-highlight,
.goog-menuitem-hover {
  background-color: #d6e9f8;
  /* Use an explicit top and bottom border so that the selection is visible
   * in high contrast mode. */
  border-color: #d6e9f8;
  border-style: dotted;
  border-width: 1px 0;
  padding-bottom: 3px;
  padding-top: 3px;
}

/* State: selected/checked. */
.goog-menuitem-checkbox,
.goog-menuitem-icon {
  background-repeat: no-repeat;
  height: 16px;
  left: 6px;
  position: absolute;
  right: auto;
  vertical-align: middle;
  width: 16px;
}

/* BiDi override for the selected/checked state. */
/* @noflip */
.goog-menuitem-rtl .goog-menuitem-checkbox,
.goog-menuitem-rtl .goog-menuitem-icon {
  /* Flip left/right positioning. */
  left: auto;
  right: 6px;
}

.goog-option-selected .goog-menuitem-checkbox,
.goog-option-selected .goog-menuitem-icon {
  /* Client apps may override the URL at which they serve the sprite. */
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
}

/* Keyboard shortcut ("accelerator") style. */
.goog-menuitem-accel {
  color: #999;
  /* Keyboard shortcuts are untranslated; always left-to-right. */
  /* @noflip */ direction: ltr;
  left: auto;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right;
}

/* BiDi override for shortcut style. */
/* @noflip */
.goog-menuitem-rtl .goog-menuitem-accel {
  /* Flip left/right positioning and text alignment. */
  left: 0;
  right: auto;
  text-align: left;
}

/* Mnemonic styles. */
.goog-menuitem-mnemonic-hint {
  text-decoration: underline;
}

.goog-menuitem-mnemonic-separator {
  color: #999;
  font-size: 12px;
  padding-left: 4px;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for menus created by goog.ui.SubMenuRenderer.
 */

@provide 'goog.css.submenu';

/* State: resting. */
/* @noflip */
.goog-submenu-arrow {
  color: #000;
  left: auto;
  padding-right: 6px;
  position: absolute;
  right: 0;
  text-align: right;
}

/* BiDi override. */
/* @noflip */
.goog-menuitem-rtl .goog-submenu-arrow {
  text-align: left;
  left: 0;
  right: auto;
  padding-left: 6px;
}

/* State: disabled. */
.goog-menuitem-disabled .goog-submenu-arrow {
  color: #ccc;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for menus created by goog.ui.MenuSeparatorRenderer.
 */

@provide 'goog.css.menuseparator';

.goog-menuseparator {
  border-top: 1px solid #ccc;
  margin: 4px 0;
  padding: 0;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for goog.ui.Dialog.
 */

@provide 'goog.css.dialog';

.modal-dialog {
  background: #c1d9ff;
  border: 1px solid #3a5774;
  color: #000;
  padding: 4px;
  position: absolute;
}

.modal-dialog a,
.modal-dialog a:link,
.modal-dialog a:visited  {
  color: #06c;
  cursor: pointer;
}

.modal-dialog-bg {
  background: #666;
  left: 0;
  position: absolute;
  top: 0;
}

.modal-dialog-title {
  background: #e0edfe;
  color: #000;
  cursor: pointer;
  font-size: 120%;
  font-weight: bold;

  /* Add padding on the right to ensure the close button has room. */
  padding: 8px 31px 8px 8px;

  position: relative;
  _zoom: 1; /* Ensures proper width in IE6 RTL. */
}

.modal-dialog-title-close {
  /* Client apps may override the URL at which they serve the sprite. */
  background: #e0edfe url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -528px 0;
  cursor: default;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 8px;
  width: 15px;
  vertical-align: middle;
}

.modal-dialog-buttons,
.modal-dialog-content {
  background-color: #fff;
  padding: 8px;
}

.goog-buttonset-default {
  font-weight: bold;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for toolbars and toolbar items.
 */

@provide 'goog.css.toolbar';

@require './common';

/*
 * Styles used by goog.ui.ToolbarRenderer.
 */

.goog-toolbar {
  /* Client apps may override the URL at which they serve the image. */
  background: #fafafa url(//ssl.gstatic.com/editor/toolbar-bg.png) repeat-x bottom left;
  border-bottom: 1px solid #d5d5d5;
  cursor: default;
  font: normal 12px Arial, sans-serif;
  margin: 0;
  outline: none;
  padding: 2px;
  position: relative;
  zoom: 1; /* The toolbar element must have layout on IE. */
}

/*
 * Styles used by goog.ui.ToolbarButtonRenderer.
 */

.goog-toolbar-button {
  margin: 0 2px;
  border: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #333;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none;
}

/* Pseudo-rounded corners. */
.goog-toolbar-button-outer-box,
.goog-toolbar-button-inner-box {
  border: 0;
  vertical-align: top;
}

.goog-toolbar-button-outer-box {
  margin: 0;
  padding: 1px 0;
}

.goog-toolbar-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-toolbar-button-rtl .goog-toolbar-button-outer-box {
  /* @noflip */ left: -1px;
}
* html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
  /* @noflip */ right: auto;
}


/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-toolbar-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* IE7 BiDi fix. */
*:first-child+html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
  /* @noflip */ left: 1px;
  /* @noflip */ right: auto;
}

/* Safari-only hacks. */
::root .goog-toolbar-button,
::root .goog-toolbar-button-outer-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-toolbar-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* Disabled styles. */
.goog-toolbar-button-disabled {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

.goog-toolbar-button-disabled .goog-toolbar-button-outer-box,
.goog-toolbar-button-disabled .goog-toolbar-button-inner-box {
  /* Disabled text/border color trumps everything else. */
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-toolbar-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* Only draw borders when in a non-default state. */
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}

.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}

/* Hover styles. */
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  /* Hover border style wins over active/checked/selected. */
  border-color: #a1badf !important;
}

/* Active/checked/selected styles. */
.goog-toolbar-button-active,
.goog-toolbar-button-checked,
.goog-toolbar-button-selected {
  /* Active/checked/selected background color always wins. */
  background-color: #dde1eb !important;
}

.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
  border-color: #729bd1;
}

/* Pill (collapsed border) styles. */
.goog-toolbar-button-collapse-right,
.goog-toolbar-button-collapse-right .goog-toolbar-button-outer-box,
.goog-toolbar-button-collapse-right .goog-toolbar-button-inner-box {
  margin-right: 0;
}

.goog-toolbar-button-collapse-left,
.goog-toolbar-button-collapse-left .goog-toolbar-button-outer-box,
.goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
  margin-left: 0;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
  left: 0;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-toolbar-button-collapse-left
.goog-toolbar-button-inner-box {
  left: 0;
}


/*
 * Styles used by goog.ui.ToolbarMenuButtonRenderer.
 */

.goog-toolbar-menu-button {
  margin: 0 2px;
  border: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  color: #333;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: none;
}

/* Pseudo-rounded corners. */
.goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-inner-box {
  border: 0;
  vertical-align: top;
}

.goog-toolbar-menu-button-outer-box {
  margin: 0;
  padding: 1px 0;
}

.goog-toolbar-menu-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-menu-button-inner-box {
  /* IE6 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* Pre-IE7 BiDi fixes. */
* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-outer-box {
  /* @noflip */ left: -1px;
}
* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-inner-box {
  /* @noflip */ right: auto;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-toolbar-menu-button-inner-box {
  /* IE7 needs to have the box shifted to make the borders line up. */
  left: -1px;
}

/* IE7 BiDi fix. */
*:first-child+html .goog-toolbar-menu-button-rtl
  .goog-toolbar-menu-button-inner-box {
  /* @noflip */ left: 1px;
  /* @noflip */ right: auto;
}

/* Safari-only hacks. */
::root .goog-toolbar-menu-button,
::root .goog-toolbar-menu-button-outer-box,
::root .goog-toolbar-menu-button-inner-box {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: 0;
}

::root .goog-toolbar-menu-button-caption,
::root .goog-toolbar-menu-button-dropdown {
  /* Required to make pseudo-rounded corners work on Safari. */
  line-height: normal;
}

/* Disabled styles. */
.goog-toolbar-menu-button-disabled {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter: alpha(opacity=30);
}

.goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-inner-box {
  /* Disabled text/border color trumps everything else. */
  color: #333 !important;
  border-color: #999 !important;
}

/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
* html .goog-toolbar-menu-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* IE7-only hack; ignored by all other browsers. */
*:first-child+html .goog-toolbar-menu-button-disabled {
  /* IE can't apply alpha to an element with a transparent background... */
  background-color: #f0f0f0;
  margin: 0 1px;
  padding: 0 1px;
}

/* Only draw borders when in a non-default state. */
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}

.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}

/* Hover styles. */
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
  /* Hover border color trumps active/open style. */
  border-color: #a1badf !important;
}

/* Active/open styles. */
.goog-toolbar-menu-button-active,
.goog-toolbar-menu-button-open {
  /* Active/open background color wins. */
  background-color: #dde1eb !important;
}

.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
  border-color: #729bd1;
}

/* Menu button caption style. */
.goog-toolbar-menu-button-caption {
  padding: 0 4px 0 0;
  vertical-align: middle;
}

/* Dropdown style. */
.goog-toolbar-menu-button-dropdown {
  width: 7px;
  /* Client apps may override the URL at which they serve the sprite. */
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
  vertical-align: middle;
}


/*
 * Styles used by goog.ui.ToolbarSeparatorRenderer.
 */

.goog-toolbar-separator {
  margin: 0 2px;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #f7f7f7;
  padding: 0;
  width: 0;
  text-decoration: none;
  list-style: none;
  outline: none;
  vertical-align: middle;
  line-height: normal;
  font-size: 120%;
  overflow: hidden;
}


/*
 * Additional styling for toolbar select controls, which always have borders.
 */

.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
  border-width: 1px 0;
  border-style: solid;
  padding: 0;
}

.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-width: 0 1px;
  border-style: solid;
  padding: 3px;
}

.goog-toolbar-select .goog-toolbar-menu-button-outer-box,
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-color: #bfcbdf;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/* Sample 3-state checkbox styles. */

@provide 'goog.css.checkbox';

.goog-checkbox {
  border: 1px solid #1C5180;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 1px;  /* Fixes the height in IE6 */
  height: 11px;
  margin: 0 4px 0 1px;
  vertical-align: text-bottom;
  width: 11px;
}

.goog-checkbox-checked {
  background: #fff url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px center;
}

.goog-checkbox-undetermined {
  background: #bbb url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px center;
}

.goog-checkbox-unchecked {
  background: #fff;
}

.goog-checkbox-disabled {
  border: 1px solid lightgray;
  background-position: -7px;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for palettes created by goog.ui.PaletteRenderer.
 */

@provide 'goog.css.palette';

.goog-palette {
  cursor: default;
  outline: none;
}

.goog-palette-table {
  border: 1px solid #666;
  border-collapse: collapse;
  margin: 5px;
}

.goog-palette-cell {
  border: 0;
  border-right: 1px solid #666;
  cursor: pointer;
  height: 18px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for color palettes.
 */

@provide 'goog.css.colorpalette';

@require './palette';

.goog-palette-cell .goog-palette-colorswatch {
  border: none;
  font-size: x-small;
  height: 18px;
  position: relative;
  width: 18px;
}

.goog-palette-cell-hover .goog-palette-colorswatch {
  border: 1px solid #fff;
  height: 16px;
  width: 16px;
}

.goog-palette-cell-selected .goog-palette-colorswatch {
  /* Client apps may override the URL at which they serve the sprite. */
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -368px 0;
  border: 1px solid #333;
  color: #fff;
  font-weight: bold;
  height: 16px;
  width: 16px;
}

.goog-palette-customcolor {
  background-color: #fafafa;
  border: 1px solid #eee;
  color: #666;
  font-size: x-small;
  height: 15px;
  position: relative;
  width: 15px;
}

.goog-palette-cell-hover .goog-palette-customcolor {
  background-color: #fee;
  border: 1px solid #f66;
  color: #f66;
}

/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for buttons created by goog.ui.ColorMenuButtonRenderer.
 */

@provide 'goog.css.colormenubutton';

@require './colorpalette';
@require './common';
@require './menubutton';

/* Color indicator. */
.goog-color-menu-button-indicator {
  border-bottom: 4px solid #f0f0f0;
}

/* Thinner padding for color picker buttons, to leave room for the indicator. */
.goog-color-menu-button .goog-menu-button-inner-box,
.goog-toolbar-color-menu-button .goog-toolbar-menu-button-inner-box {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

@provide 'goog.css.roundedtab';

/*
 * Styles used by goog.ui.RoundedTabRenderer.
 */
.goog-rounded-tab {
  border: 0;
  cursor: default;
  padding: 0;
}

.goog-tab-bar-top .goog-rounded-tab,
.goog-tab-bar-bottom .goog-rounded-tab {
  float: left;
  margin: 0 4px 0 0;
}

.goog-tab-bar-start .goog-rounded-tab,
.goog-tab-bar-end .goog-rounded-tab {
  margin: 0 0 4px 0;
}

.goog-rounded-tab-caption {
  border: 0;
  color: #fff;
  margin: 0;
  padding: 4px 8px;
}

.goog-rounded-tab-caption,
.goog-rounded-tab-inner-edge,
.goog-rounded-tab-outer-edge {
  background: #036;
  border-right: 1px solid #003;
}

.goog-rounded-tab-inner-edge,
.goog-rounded-tab-outer-edge {
  font-size: 1px;
  height: 1px;
  overflow: hidden;
}

/* State: Hover */
.goog-rounded-tab-hover .goog-rounded-tab-caption,
.goog-rounded-tab-hover .goog-rounded-tab-inner-edge,
.goog-rounded-tab-hover .goog-rounded-tab-outer-edge {
  background-color: #69c;
  border-right: 1px solid #369;
}

/* State: Disabled */
.goog-rounded-tab-disabled .goog-rounded-tab-caption,
.goog-rounded-tab-disabled .goog-rounded-tab-inner-edge,
.goog-rounded-tab-disabled .goog-rounded-tab-outer-edge {
  background: #ccc;
  border-right: 1px solid #ccc;
}

/* State: Selected */
.goog-rounded-tab-selected .goog-rounded-tab-caption,
.goog-rounded-tab-selected .goog-rounded-tab-inner-edge,
.goog-rounded-tab-selected .goog-rounded-tab-outer-edge {
  background: #369 !important; /* Selected trumps hover. */
  border-right: 1px solid #036 !important;
}


/*
 * Styles for horizontal (top or bottom) tabs.
 */
.goog-tab-bar-top .goog-rounded-tab {
  vertical-align: bottom;
}

.goog-tab-bar-bottom .goog-rounded-tab {
  vertical-align: top;
}

.goog-tab-bar-top .goog-rounded-tab-outer-edge,
.goog-tab-bar-bottom .goog-rounded-tab-outer-edge {
  margin: 0 3px;
}

.goog-tab-bar-top .goog-rounded-tab-inner-edge,
.goog-tab-bar-bottom .goog-rounded-tab-inner-edge {
  margin: 0 1px;
}


/*
 * Styles for vertical (start or end) tabs.
 */
.goog-tab-bar-start .goog-rounded-tab-table,
.goog-tab-bar-end .goog-rounded-tab-table {
  width: 100%;
}

.goog-tab-bar-start .goog-rounded-tab-inner-edge {
  margin-left: 1px;
}

.goog-tab-bar-start .goog-rounded-tab-outer-edge {
  margin-left: 3px;
}

.goog-tab-bar-end .goog-rounded-tab-inner-edge {
  margin-right: 1px;
}

.goog-tab-bar-end .goog-rounded-tab-outer-edge {
  margin-right: 3px;
}


/*
 * Overrides for start tabs.
 */
.goog-tab-bar-start .goog-rounded-tab-table,
.goog-tab-bar-end .goog-rounded-tab-table {
  width: 12ex; /* TODO(attila): Make this work for variable width. */
}

.goog-tab-bar-start .goog-rounded-tab-caption,
.goog-tab-bar-start .goog-rounded-tab-inner-edge,
.goog-tab-bar-start .goog-rounded-tab-outer-edge {
  border-left: 1px solid #003;
  border-right: 0;
}

.goog-tab-bar-start .goog-rounded-tab-hover .goog-rounded-tab-caption,
.goog-tab-bar-start .goog-rounded-tab-hover .goog-rounded-tab-inner-edge,
.goog-tab-bar-start .goog-rounded-tab-hover .goog-rounded-tab-outer-edge {
  border-left: 1px solid #369 !important;
  border-right: 0 !important;
}

.goog-tab-bar-start .goog-rounded-tab-selected .goog-rounded-tab-outer-edge,
.goog-tab-bar-start .goog-rounded-tab-selected .goog-rounded-tab-inner-edge,
.goog-tab-bar-start .goog-rounded-tab-selected .goog-rounded-tab-caption {
  border-left: 1px solid #036 !important;
  border-right: 0 !important;
}

.goog-tab-bar-start .goog-rounded-tab-disabled .goog-rounded-tab-outer-edge,
.goog-tab-bar-start .goog-rounded-tab-disabled .goog-rounded-tab-inner-edge,
.goog-tab-bar-start .goog-rounded-tab-disabled .goog-rounded-tab-caption {
  border-left: 1px solid #ccc !important;
  border-right: 0 !important;
}

/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/**
 * Styles used by goog.ui.TabRenderer.
 */

@provide 'goog.css.tab';

.goog-tab {
  position: relative;
  padding: 4px 8px;
  color: #00c;
  text-decoration: underline;
  cursor: default;
}

.goog-tab-bar-top .goog-tab {
  margin: 1px 4px 0 0;
  border-bottom: 0;
  float: left;
}

.goog-tab-bar-top:after,
.goog-tab-bar-bottom:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.goog-tab-bar-bottom .goog-tab {
  margin: 0 4px 1px 0;
  border-top: 0;
  float: left;
}

.goog-tab-bar-start .goog-tab {
  margin: 0 0 4px 1px;
  border-right: 0;
}

.goog-tab-bar-end .goog-tab {
  margin: 0 1px 4px 0;
  border-left: 0;
}

/* State: Hover */
.goog-tab-hover {
  background: #eee;
}

/* State: Disabled */
.goog-tab-disabled {
  color: #666;
}

/* State: Selected */
.goog-tab-selected {
  color: #000;
  background: #fff;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #6b90da;
}

.goog-tab-bar-top {
  padding-top: 5px !important;
  padding-left: 5px !important;
  border-bottom: 1px solid #6b90da !important;
}
/*
 * Shift selected tabs 1px towards the contents (and compensate via margin and
 * padding) to visually merge the borders of the tab with the borders of the
 * content area.
 */
.goog-tab-bar-top .goog-tab-selected {
  top: 1px;
  margin-top: 0;
  padding-bottom: 5px;
}

.goog-tab-bar-bottom .goog-tab-selected {
  top: -1px;
  margin-bottom: 0;
  padding-top: 5px;
}

.goog-tab-bar-start .goog-tab-selected {
  left: 1px;
  margin-left: 0;
  padding-right: 9px;
}

.goog-tab-bar-end .goog-tab-selected {
  left: -1px;
  margin-right: 0;
  padding-left: 9px;
}

/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Styles used by goog.ui.TabBarRenderer.
 */

@provide 'goog.css.tabbar';

.goog-tab-bar {
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  cursor: default;
  outline: none;
  background: #ebeff9;
}

.goog-tab-bar-clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.goog-tab-bar-start {
  float: left;
}

.goog-tab-bar-end {
  float: right;
}


/*
 * IE6-only hacks to fix the gap between the floated tabs and the content.
 * IE7 and later will ignore these.
 */
/* @if user.agent ie6 */
* html .goog-tab-bar-start {
  margin-right: -3px;
}

* html .goog-tab-bar-end {
  margin-left: -3px;
}
/* @endif */

/*
 * Copyright 2008 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Editor toolbar styles.
 */

@provide 'goog.css.editortoolbar';

/* Common base style for all icons. */
.tr-icon {
  width: 16px;
  height: 16px;
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat;
  vertical-align: middle;
}

.goog-color-menu-button-indicator .tr-icon {
  height: 14px;
}

/* Undo (redo when the chrome is right-to-left). */
.tr-undo,
.goog-toolbar-button-rtl .tr-redo {
  background-position: 0;
}

/* Redo (undo when the chrome is right-to-left). */
.tr-redo,
.goog-toolbar-button-rtl .tr-undo {
  background-position: -16px;
}

/* Font name. */
.tr-fontName .goog-toolbar-menu-button-caption {
  color: #246;
  width: 16ex;
  height: 16px;
  overflow: hidden;
}

/* Font size. */
.tr-fontSize .goog-toolbar-menu-button-caption {
  color: #246;
  width: 8ex;
  height: 16px;
  overflow: hidden;
}

/* Bold. */
.tr-bold {
  background-position: -32px;
}

/* Italic. */
.tr-italic {
  background-position: -48px;
}

/* Underline. */
.tr-underline {
  background-position: -64px;
}

/* Foreground color. */
.tr-foreColor {
  height: 14px;
  background-position: -80px;
}

/* Background color. */
.tr-backColor {
  height: 14px;
  background-position: -96px;
}

/* Link. */
.tr-link {
  font-weight: bold;
  color: #009;
  text-decoration: underline;
}

/* Insert image. */
.tr-image {
  background-position: -112px;
}

/* Insert drawing. */
.tr-newDrawing {
  background-position: -592px;
}

/* Insert special character. */
.tr-spChar {
  font-weight: bold;
  color: #900;
}

/* Increase indent. */
.tr-indent {
  background-position: -128px;
}

/* Increase ident in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-indent {
  background-position: -400px;
}

/* Decrease indent. */
.tr-outdent {
  background-position: -144px;
}

/* Decrease indent in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-outdent {
  background-position: -416px;
}

/* Bullet (unordered) list. */
.tr-insertUnorderedList {
  background-position: -160px;
}

/* Bullet list in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-insertUnorderedList {
  background-position: -432px;
}

/* Number (ordered) list. */
.tr-insertOrderedList {
  background-position: -176px;
}

/* Number list in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-insertOrderedList {
  background-position: -448px;
}

/* Text alignment buttons. */
.tr-justifyLeft {
  background-position: -192px;
}
.tr-justifyCenter {
  background-position: -208px;
}
.tr-justifyRight {
  background-position: -224px;
}
.tr-justifyFull {
  background-position: -480px;
}

/* Blockquote. */
.tr-BLOCKQUOTE {
  background-position: -240px;
}

/* Blockquote in right-to-left text mode, regardless of chrome direction. */
.tr-rtl-mode .tr-BLOCKQUOTE {
  background-position: -464px;
}

/* Remove formatting. */
.tr-removeFormat {
  background-position: -256px;
}

/* Spellcheck. */
.tr-spell {
  background-position: -272px;
}

/* Left-to-right text direction. */
.tr-ltr {
  background-position: -288px;
}

/* Right-to-left text direction. */
.tr-rtl {
  background-position: -304px;
}

/* Insert iGoogle module. */
.tr-insertModule {
  background-position: -496px;
}

/* Strike through text */
.tr-strikeThrough {
  background-position: -544px;
}

/* Subscript */
.tr-subscript {
  background-position: -560px;
}

/* Superscript */
.tr-superscript {
  background-position: -576px;
}

/* Insert drawing. */
.tr-equation {
  background-position: -608px;
}

/* Edit HTML. */
.tr-editHtml {
  color: #009;
}

/* "Format block" menu. */
.tr-formatBlock .goog-toolbar-menu-button-caption {
  color: #246;
  width: 12ex;
  height: 16px;
  overflow: hidden;
}


/*!
 * Bootstrap v2.0.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
input,
select {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */
  /* Makes inputs behave like true block-level elements */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.input-level-block {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333;
}
body.bodylightGrey {
  background-color: #EAEAEA;
}
body.bodyoptin {
  background: url(../img/optin.jpg) no-repeat top left;
  background-size: 100% auto;
  background-position-y: 48px;
  background-color: #415C67;
}
a {
  color: #2FB5B4;
  text-decoration: none;
}
a:hover {
  color: #35D4D2;
  text-decoration: none;
}
.row {
  margin-left: 0px;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 0px;
}
.container,
.navbar-fixed-bottom .container {
  width: 900px;
}
.span15 {
  width: 900px;
}
.span14 {
  width: 840px;
}
.span13 {
  width: 780px;
}
.span12 {
  width: 720px;
}
.span11 {
  width: 660px;
}
.span10 {
  width: 600px;
}
.span9 {
  width: 540px;
}
.span8 {
  width: 480px;
}
.span7 {
  width: 420px;
}
.span6 {
  width: 360px;
}
.span5 {
  width: 300px;
}
.span4 {
  width: 240px;
}
.span3 {
  width: 180px;
}
.span2 {
  width: 120px;
}
.span1 {
  width: 60px;
}
.offset15 {
  margin-left: 900px;
}
.offset14 {
  margin-left: 840px;
}
.offset13 {
  margin-left: 780px;
}
.offset12 {
  margin-left: 720px;
}
.offset11 {
  margin-left: 660px;
}
.offset10 {
  margin-left: 600px;
}
.offset9 {
  margin-left: 540px;
}
.offset8 {
  margin-left: 480px;
}
.offset7 {
  margin-left: 420px;
}
.offset6 {
  margin-left: 360px;
}
.offset5 {
  margin-left: 300px;
}
.offset4 {
  margin-left: 240px;
}
.offset3 {
  margin-left: 180px;
}
.offset2 {
  margin-left: 120px;
}
.offset1 {
  margin-left: 60px;
}
.row-fluid {
  width: 100%;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid > [class*="span"] {
  float: left;
  margin-left: 2.12765957%;
}
.row-fluid > [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid > .span15 {
  width: 125.53191488%;
}
.row-fluid > .span14 {
  width: 117.02127658%;
}
.row-fluid > .span13 {
  width: 108.51063829%;
}
.row-fluid > .span12 {
  width: 99.99999999%;
}
.row-fluid > .span11 {
  width: 91.48936169%;
}
.row-fluid > .span10 {
  width: 82.9787234%;
}
.row-fluid > .span9 {
  width: 74.4680851%;
}
.row-fluid > .span8 {
  width: 65.9574468%;
}
.row-fluid > .span7 {
  width: 57.4468085%;
}
.row-fluid > .span6 {
  width: 48.93617021%;
}
.row-fluid > .span5 {
  width: 40.42553191%;
}
.row-fluid > .span4 {
  width: 31.91489361%;
}
.row-fluid > .span3 {
  width: 23.40425532%;
}
.row-fluid > .span2 {
  width: 14.89361702%;
}
.row-fluid > .span1 {
  width: 6.38297872%;
}
.container {
  margin-left: auto;
  margin-right: auto;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}
p {
  margin: 0 0 9px;
  font-size: 13px;
  line-height: 18px;
}
p small {
  font-size: 11px;
  color: #999;
}
.lead {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #999;
}
h1 {
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
}
h2 small {
  font-size: 18px;
}
h3 {
  line-height: 27px;
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
h4,
h5,
h6 {
  line-height: 18px;
}
h4 {
  font-size: 14px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 11px;
  color: #999;
  text-transform: uppercase;
}
.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eee;
}
.page-header h1 {
  line-height: 1;
}
ul,
ol {
  padding: 0;
  margin: 0 0 9px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 18px;
}
ul.horizontal:before,
ul.horizontal:after {
  display: table;
  content: "";
}
ul.horizontal:after {
  clear: both;
}
ul.horizontal li {
  float: left;
  margin-right: 20px;
}
ul.horizontal.more-space li {
  margin-right: 40px;
}
dl {
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 18px;
}
dt {
  font-weight: bold;
  line-height: 17px;
}
dd {
  margin-left: 9px;
}
hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.muted {
  color: #999;
}
abbr[title] {
  border-bottom: 1px dotted #ddd;
  cursor: help;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}
blockquote small {
  display: block;
  line-height: 18px;
  color: #999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
  border-right: 5px solid #eee;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 18px;
  line-height: 18px;
  font-style: normal;
}
cite {
  font-style: normal;
}
.muted {
  color: #999;
}
.text-warning {
  color: #f7612c;
}
.text-error {
  color: #FF6052;
}
.text-success {
  color: #468847;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
pre.prettyprint {
  margin-bottom: 18px;
}
pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
form {
  margin: 0 0 18px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 19.5px;
  line-height: 36px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #eee;
}
legend small {
  font-size: 13.5px;
  color: #999;
}
label,
select {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
input,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 14px;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 210px;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #000;
  border: 1px solid #ccc;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
label input,
label textarea,
label select {
  display: block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
  /* IE9 and down */
}
input[type="image"] {
  border: 0;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: #fff;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}
select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  line-height: 28px;
}
input[type="file"] {
  line-height: 18px \9;
}
select {
  width: 220px;
  background-color: #fff;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea {
  height: auto;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input,
textarea {
  -webkit-backface-visibility: hidden;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus,
textarea:focus {
  border-color: #2FB5B4;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
  float: none;
  margin-left: 0;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
input.span15,
textarea.span15,
.uneditable-input.span15 {
  width: 890px;
}
input.span14,
textarea.span14,
.uneditable-input.span14 {
  width: 830px;
}
input.span13,
textarea.span13,
.uneditable-input.span13 {
  width: 770px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 650px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 590px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 530px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 470px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 410px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 350px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 290px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 230px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 170px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 110px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 50px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #eee;
  border-color: #ddd;
  cursor: not-allowed;
}
.control-group.warning > label,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #f7612c;
  border-color: #f7612c;
}
.control-group.warning > label:focus,
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #e74309;
  -webkit-box-shadow: 0 0 6px #fbab8e;
  -moz-box-shadow: 0 0 6px #fbab8e;
  box-shadow: 0 0 6px #fbab8e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #f7612c;
  background-color: #fdcfbf;
  border-color: #f7612c;
}
.control-group.error > label,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: red;
  border-color: red;
}
.control-group.error > label:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #cc0000;
  -webkit-box-shadow: 0 0 6px #ff6666;
  -moz-box-shadow: 0 0 6px #ff6666;
  box-shadow: 0 0 6px #ff6666;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: red;
  background-color: #f2dede;
  border-color: red;
}
.control-group.success > label,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.control-group.success > label:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
.uneditable-input {
  display: block;
  background-color: #fff;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}
.input-prepend,
.input-append {
  margin-bottom: 5px;
}
.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  position: relative;
  z-index: 2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc;
}
.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
}
.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-append input,
.input-append select .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
  border-left-color: #eee;
  border-right-color: #ccc;
}
.input-append .add-on,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search .short-select,
.form-inline .short-select,
.form-horizontal .short-select {
  width: 65px;
}
.form-search label,
.form-inline label {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.control-group {
  margin-bottom: 9px;
}
legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
  margin-bottom: 18px;
}
.form-horizontal .control-container:before,
.form-horizontal .control-container:after {
  display: table;
  content: "";
}
.form-horizontal .control-container:after {
  clear: both;
}
.form-horizontal .control-label {
  font-weight: bold;
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  margin-left: 160px;
}
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-extra-condensed th,
.table-extra-condensed td {
  padding: 4px 3px;
}
.table-bordered {
  border: 1px solid #ddd;
  border-left: 0;
  border-collapse: separate;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #ddd;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}
table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
table .span2 {
  float: none;
  width: 104px;
  margin-left: 0;
}
table .span3 {
  float: none;
  width: 164px;
  margin-left: 0;
}
table .span4 {
  float: none;
  width: 224px;
  margin-left: 0;
}
table .span5 {
  float: none;
  width: 284px;
  margin-left: 0;
}
table .span6 {
  float: none;
  width: 344px;
  margin-left: 0;
}
table .span7 {
  float: none;
  width: 404px;
  margin-left: 0;
}
table .span8 {
  float: none;
  width: 464px;
  margin-left: 0;
}
table .span9 {
  float: none;
  width: 524px;
  margin-left: 0;
}
table .span10 {
  float: none;
  width: 584px;
  margin-left: 0;
}
table .span11 {
  float: none;
  width: 644px;
  margin-left: 0;
}
table .span12 {
  float: none;
  width: 704px;
  margin-left: 0;
}
table .span13 {
  float: none;
  width: 764px;
  margin-left: 0;
}
table .span14 {
  float: none;
  width: 824px;
  margin-left: 0;
}
table .span15 {
  float: none;
  width: 884px;
  margin-left: 0;
}
table .span16 {
  float: none;
  width: 944px;
  margin-left: 0;
}
table .span17 {
  float: none;
  width: 1004px;
  margin-left: 0;
}
table .span18 {
  float: none;
  width: 1064px;
  margin-left: 0;
}
table .span19 {
  float: none;
  width: 1124px;
  margin-left: 0;
}
table .span20 {
  float: none;
  width: 1184px;
  margin-left: 0;
}
table .span21 {
  float: none;
  width: 1244px;
  margin-left: 0;
}
table .span22 {
  float: none;
  width: 1304px;
  margin-left: 0;
}
table .span23 {
  float: none;
  width: 1364px;
  margin-left: 0;
}
table .span24 {
  float: none;
  width: 1424px;
  margin-left: 0;
}
.table tbody tr.success td {
  background-color: #dff0d8;
}
.table tbody tr.error td {
  background-color: #f2dede;
}
.table tbody tr.warning td {
  background-color: #fdcfbf;
}
.table tbody tr.info td {
  background-color: #d9edf7;
}
.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
  background-color: #fcbda7;
}
.table-hover tbody tr.info:hover td {
  background-color: #c4e3f3;
}
[class^="icon-"],
[class*=" icon-"],
.icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-white {
  background-image: url("../img/glyphicons-halflings-white.png");
}
.icon-black {
  background-image: url("../img/glyphicons-halflings.png");
}
.icon-blue {
  background-image: url("../img/glyphicons-halflings-blue.png") !important;
}
.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  content: "";
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown:hover .caret,
.open.dropdown .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  font-size: 13px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #2FB5B4;
}
.dropdown.open .dropdown-toggle {
  color: #fff;
  background: #ccc;
  background: rgba(0, 0, 0, 0.3);
}
.dropdown.open .dropdown-menu {
  display: block;
}
.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "\2191";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fade {
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.collapse {
  -webkit-backface-visibility: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}
.collapse.in {
  height: auto;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.btn.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.btn.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.btn.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.btn:active {
  background: #1FA3A2 !important;
  outline: none;
}
.btn-disabled {
  opacity: 0.4 !important;
  background-color: #959595 !important;
  cursor: default!important;
}
.btn-plain {
  background-color: #32c879;
  text-shadow: none !important;
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 18px;
  color: white;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: none !important;
  cursor: pointer;
  box-shadow: none;
  font-family: "lato", sans-serif;
}
.btn-plain[disabled],
.btn-plain[disabled]:hover {
  color: #e0e0e0 !important;
  cursor: default !important;
  background: #aaa !important;
}
.btn-plain:hover {
  background-color: #32c886;
  text-decoration: none;
  color: #fff;
}
.btn-plain-cyan {
  text-shadow: none !important;
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 900;
  line-height: 18px;
  color: white;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  font-family: "lato", sans-serif;
  background-color: #3ee2f6;
  -webkit-box-shadow: 0px 2px 0px 0px #0ddbf4;
  -moz-box-shadow: 0px 2px 0px 0px #0ddbf4;
  box-shadow: 0px 2px 0px 0px #0ddbf4;
}
.btn-plain-cyan:hover {
  background-color: #3ed3f6;
  text-decoration: none;
  color: #fff;
}
.btn-cta {
  text-shadow: none !important;
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 900;
  line-height: 18px;
  color: white;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  font-family: "lato", sans-serif;
  background-color: #f7612c;
  -webkit-box-shadow: 0px 2px 0px 0px #e74309;
  -moz-box-shadow: 0px 2px 0px 0px #e74309;
  box-shadow: 0px 2px 0px 0px #e74309;
}
.btn-cta:hover {
  background-color: #f7722c;
  text-decoration: none;
  color: #fff;
}
.btn-cta-secondary {
  text-shadow: none !important;
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 900;
  line-height: 18px;
  color: white;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  font-family: "lato", sans-serif;
  background-color: transparent;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0);
  color: #f7612c;
  border: 1px solid #f7612c;
}
.btn-cta-secondary:hover {
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  color: #fff;
}
.btn-cta-secondary:hover {
  background: white;
}
.btn-plain-lightgray {
  text-shadow: none !important;
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 900;
  line-height: 18px;
  color: white;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  font-family: "lato", sans-serif;
  background-color: #f5f6f7;
  -webkit-box-shadow: 0px 2px 0px 0px #d9dde0;
  -moz-box-shadow: 0px 2px 0px 0px #d9dde0;
  box-shadow: 0px 2px 0px 0px #d9dde0;
  color: #222222 !important;
}
.btn-plain-lightgray:hover {
  background-color: #f5f6f7;
  text-decoration: none;
  color: #fff;
}
.btn-plain-lightgray:hover {
  color: #222222 !important;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active:not(.btn-link) {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  outline: 0;
}
.btn.active.btn-plain,
.btn:active:not(.btn-link).btn-plain {
  box-shadow: none;
}
button[disabled],
.btn.disabled,
.btn[disabled] {
  cursor: default !important;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button[disabled].btn-primary,
.btn.disabled.btn-primary,
.btn[disabled].btn-primary {
  background-color: #7ccbe7 !important;
  cursor: default;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-plain-lighterblue,
.btn-plain-lighterblue:hover,
.btn-plain-lightblue,
.btn-plain-lightblue:hover {
  color: #F6F6F6;
}
.btn-primary.btn-plain,
.btn-primary:hover.btn-plain,
.btn-warning.btn-plain,
.btn-warning:hover.btn-plain,
.btn-danger.btn-plain,
.btn-danger:hover.btn-plain,
.btn-success.btn-plain,
.btn-success:hover.btn-plain,
.btn-info.btn-plain,
.btn-info:hover.btn-plain,
.btn-plain-lighterblue.btn-plain,
.btn-plain-lighterblue:hover.btn-plain,
.btn-plain-lightblue.btn-plain,
.btn-plain-lightblue:hover.btn-plain {
  text-shadow: none;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  background-image: -moz-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -ms-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4fc0e8), to(#4f9ae8));
  background-image: -webkit-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -o-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: linear-gradient(top, #4fc0e8, #4f9ae8);
  background-repeat: repeat-x;
  border-color: #4f9ae8 #4f9ae8 #1b73cf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #4fc0e8;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  background: #4fb1e8 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-primary:active,
.btn-primary.active {
  background: #2280e2 \9;
}
.btn-warning {
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #fbb450;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active {
  background: #faa732 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-warning:active,
.btn-warning.active {
  background: #c67605 \9;
}
.btn-danger {
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #ee5f5b;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active {
  background: #da4f49 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-danger:active,
.btn-danger.active {
  background: #942a25 \9;
}
.btn-success {
  background-image: -moz-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -ms-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ecc71), to(#2ecc99));
  background-image: -webkit-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -o-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: linear-gradient(top, #2ecc71, #2ecc99);
  background-repeat: repeat-x;
  border-color: #2ecc99 #2ecc99 #208e6a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #2ecc71;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active {
  background: #2ecc81 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-success:active,
.btn-success.active {
  background: #25a279 \9;
}
.btn-info {
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #5bc0de;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active {
  background: #49afcd !important;
  cursor: pointer;
  cursor: hand;
}
.btn-info:active,
.btn-info.active {
  background: #24748c \9;
}
.btn-plain-lighterblue {
  background-image: -moz-linear-gradient(top, #75d4e8, #b7e8f3);
  background-image: -ms-linear-gradient(top, #75d4e8, #b7e8f3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75d4e8), to(#b7e8f3));
  background-image: -webkit-linear-gradient(top, #75d4e8, #b7e8f3);
  background-image: -o-linear-gradient(top, #75d4e8, #b7e8f3);
  background-image: linear-gradient(top, #75d4e8, #b7e8f3);
  background-repeat: repeat-x;
  border-color: #b7e8f3 #b7e8f3 #75d4e8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #75d4e8;
}
.btn-plain-lighterblue:hover,
.btn-plain-lighterblue:active,
.btn-plain-lighterblue.active {
  background: #8fdcec !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-lighterblue:active,
.btn-plain-lighterblue.active {
  background: #8bdbec \9;
}
.btn-plain-lightblue {
  background-image: -moz-linear-gradient(top, #03b4ce, #22e0fc);
  background-image: -ms-linear-gradient(top, #03b4ce, #22e0fc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#03b4ce), to(#22e0fc));
  background-image: -webkit-linear-gradient(top, #03b4ce, #22e0fc);
  background-image: -o-linear-gradient(top, #03b4ce, #22e0fc);
  background-image: linear-gradient(top, #03b4ce, #22e0fc);
  background-repeat: repeat-x;
  border-color: #22e0fc #22e0fc #03b4ce;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #03b4ce;
}
.btn-plain-lightblue:hover,
.btn-plain-lightblue:active,
.btn-plain-lightblue.active {
  background: #0fc6e0 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-lightblue:active,
.btn-plain-lightblue.active {
  background: #03cae7 \9;
}
.btn-plain-blue {
  background-image: -moz-linear-gradient(top, #61ccf6, #a9e3fa);
  background-image: -ms-linear-gradient(top, #61ccf6, #a9e3fa);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61ccf6), to(#a9e3fa));
  background-image: -webkit-linear-gradient(top, #61ccf6, #a9e3fa);
  background-image: -o-linear-gradient(top, #61ccf6, #a9e3fa);
  background-image: linear-gradient(top, #61ccf6, #a9e3fa);
  background-repeat: repeat-x;
  border-color: #a9e3fa #a9e3fa #61ccf6;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #61ccf6;
}
.btn-plain-blue:hover,
.btn-plain-blue:active,
.btn-plain-blue.active {
  background: #7ed5f8 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-blue:active,
.btn-plain-blue.active {
  background: #79d4f7 \9;
}
.btn-plain-lightergray {
  background-image: -moz-linear-gradient(top, #b3b3b3, #d9d9d9);
  background-image: -ms-linear-gradient(top, #b3b3b3, #d9d9d9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #b3b3b3, #d9d9d9);
  background-image: -o-linear-gradient(top, #b3b3b3, #d9d9d9);
  background-image: linear-gradient(top, #b3b3b3, #d9d9d9);
  background-repeat: repeat-x;
  border-color: #d9d9d9 #d9d9d9 #b3b3b3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #b3b3b3;
}
.btn-plain-lightergray:hover,
.btn-plain-lightergray:active,
.btn-plain-lightergray.active {
  background: #c2c2c2 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-lightergray:active,
.btn-plain-lightergray.active {
  background: #c0c0c0 \9;
}
.btn-plain-gray {
  background-image: -moz-linear-gradient(top, #4D4D4D, #737373);
  background-image: -ms-linear-gradient(top, #4D4D4D, #737373);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D4D4D), to(#737373));
  background-image: -webkit-linear-gradient(top, #4D4D4D, #737373);
  background-image: -o-linear-gradient(top, #4D4D4D, #737373);
  background-image: linear-gradient(top, #4D4D4D, #737373);
  background-repeat: repeat-x;
  border-color: #737373 #737373 #4d4d4d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #4D4D4D;
}
.btn-plain-gray:hover,
.btn-plain-gray:active,
.btn-plain-gray.active {
  background: #5c5c5c !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-gray:active,
.btn-plain-gray.active {
  background: #5a5a5a \9;
}
.btn-plain-lightergreen {
  background-image: -moz-linear-gradient(top, #3fe18b, #81ebb3);
  background-image: -ms-linear-gradient(top, #3fe18b, #81ebb3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3fe18b), to(#81ebb3));
  background-image: -webkit-linear-gradient(top, #3fe18b, #81ebb3);
  background-image: -o-linear-gradient(top, #3fe18b, #81ebb3);
  background-image: linear-gradient(top, #3fe18b, #81ebb3);
  background-repeat: repeat-x;
  border-color: #81ebb3 #81ebb3 #3fe18b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #3fe18b;
}
.btn-plain-lightergreen:hover,
.btn-plain-lightergreen:active,
.btn-plain-lightergreen.active {
  background: #59e59b !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-lightergreen:active,
.btn-plain-lightergreen.active {
  background: #55e498 \9;
}
.btn-plain-green {
  background-image: -moz-linear-gradient(top, #3dd57d, #3dd4d5);
  background-image: -ms-linear-gradient(top, #3dd57d, #3dd4d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3dd57d), to(#3dd4d5));
  background-image: -webkit-linear-gradient(top, #3dd57d, #3dd4d5);
  background-image: -o-linear-gradient(top, #3dd57d, #3dd4d5);
  background-image: linear-gradient(top, #3dd57d, #3dd4d5);
  background-repeat: repeat-x;
  border-color: #3dd4d5 #3dd4d5 #23a2a2;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #3dd57d;
}
.btn-plain-green:hover,
.btn-plain-green:active,
.btn-plain-green.active {
  background: #3dd5a0 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-green:active,
.btn-plain-green.active {
  background: #28b7b7 \9;
}
.btn-plain-teal {
  background-image: -moz-linear-gradient(top, #3dd57d, #30d275);
  background-image: -ms-linear-gradient(top, #3dd57d, #30d275);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3dd57d), to(#30d275));
  background-image: -webkit-linear-gradient(top, #3dd57d, #30d275);
  background-image: -o-linear-gradient(top, #3dd57d, #30d275);
  background-image: linear-gradient(top, #3dd57d, #30d275);
  background-repeat: repeat-x;
  border-color: #30d275 #30d275 #209652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #3dd57d;
}
.btn-plain-teal:hover,
.btn-plain-teal:active,
.btn-plain-teal.active {
  background: #38d47a !important;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-teal:active,
.btn-plain-teal.active {
  background: #25ab5d \9;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn-link,
.btn-link:active,
.btn.btn-link:active .btn-link[disabled] {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: inherit;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #2FB5B4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover {
  color: #35D4D2;
  text-decoration: underline;
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link[disabled]:hover {
  color: #333;
  text-decoration: none;
}
.btn-link-dark {
  color: #555;
}
.btn-link-gray {
  color: #999;
}
.btn-link-gray:hover {
  color: #555;
}
.btn-wide,
.btn-full {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  box-sizing: border-box;
}
.btn-nopad {
  padding: 0;
}
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}
.btn-fat {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 120px;
  text-align: center;
}
.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}
.btn-subscribe,
.view-studio-button {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: #222;
  background: #f7612c;
  border-radius: 0;
  height: 100%;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-shadow: none;
  padding: 0 20px;
  margin-left: 20px;
  letter-spacing: 0.26px;
}
.btn-subscribe:hover,
.view-studio-button:hover,
.btn-subscribe:active,
.view-studio-button:active {
  background: #f7722c !important;
}
.view-studio-button {
  background-color: #2FB5B4;
}
.view-studio-button:hover {
  background: #2fabb5 !important;
}
.theme-mobile .btn-subscribe {
  font-size: 14px;
  height: 30px;
  border-radius: 20px;
  margin-right: 10px;
  font-weight: normal;
  letter-spacing: 0px;
}
.hover-linkcolor:hover {
  color: #2FB5B4 !important;
}
.hover-dangercolor:hover {
  color: #ee5f5b !important;
}
.btn-filetoolbar {
  color: #f2f2f2;
  background-color: #6E6E6E;
  width: 30px !important;
  height: 28px !important;
  text-shadow: none;
  box-shadow: none;
  border-radius: unset !important;
}
.btn-filetoolbar .fa-user {
  margin-right: -1px;
  margin-left: -2px;
}
.btn-filetoolbar:hover {
  background-color: #949494 !important;
  outline: none;
}
.btn-filetoolbar:focus {
  border: 1px solid #2FB5B4;
}
.btn-filetoolbar:active {
  background: #616161 !important;
  outline: none;
}
.locked {
  background-color: #878787 !important;
  outline: none;
}
.btn-danger:focus {
  background: #FF6052 !important;
  outline: none;
}
.btn-danger:active {
  background: #ff4938 !important;
  outline: none;
}
/**
 * Styles added past this point correspond with Lauren's style guide (Celtx Echo pdf)
 */
.btn-control {
  padding: 6px 10px;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  text-shadow: none;
}
.btn-control.btn-control--confirm {
  background: #2FB5B4;
}
.btn-control.btn-control--confirm:hover {
  background: #35D4D2;
  color: #fff;
  cursor: pointer;
}
.btn-control.btn-control--confirm:focus {
  background: #1FA3A2;
  color: #fff;
}
.btn-control.btn-control--confirm:active {
  background: #1FA3A2;
  color: #fff;
}
.btn-control.btn-control--cancel {
  background: #5e5e5e;
}
.btn-control.btn-control--cancel:hover {
  background: #7b7b7b;
  color: #fff;
  cursor: pointer;
}
.btn-control.btn-control--cancel:focus {
  background: #339bbf;
  color: #fff;
}
.btn-control.btn-control--cancel:active {
  background: #343535;
  color: #fff;
}
.btn-control.btn-control--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn-control.btn-control--ghost {
  background: transparent;
  color: #000;
}
.btn-control.btn-control--ghost .btn-ghost--no-border {
  border: 0;
}
.btn-control.btn-control--ghost .btn-ghost--dark {
  color: #fff;
}
.action-btn {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .action-btn:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .action-btn.secondary:hover {
    background-color: #A859BD !important;
  }
}
.action-btn:active {
  background-color: #1FA3A2;
  color: #222222;
}
.action-btn.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.action-btn.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.action-btn.create-pill,
.action-btn.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.action-btn.create-pill:hover,
.action-btn.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.action-btn.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.action-btn.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.action-btn.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.action-btn.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.action-btn.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.action-btn.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.action-btn.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.action-btn.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.action-btn.cancel,
.action-btn.save-n-close,
.action-btn.close,
.action-btn.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.action-btn.cancel:hover,
.action-btn.save-n-close:hover,
.action-btn.close:hover,
.action-btn.transparent:hover,
.action-btn.cancel:active,
.action-btn.save-n-close:active,
.action-btn.close:active,
.action-btn.transparent:active {
  background-color: transparent !important;
}
.action-btn.cancel {
  margin-right: 10px;
}
.action-btn.close,
.action-btn.save-n-close {
  padding: 0px;
  line-height: initial;
}
.action-btn.close::before,
.action-btn.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.action-btn.close::before {
  content: '\e818';
}
.action-btn.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.action-btn.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.action-btn.disabled:hover,
.action-btn.disabled:active {
  background-color: #868686 !important;
}
.action-btn.upload {
  height: 40px;
}
.action-btn.download {
  text-transform: none;
  background-color: #292D30;
}
.action-btn.download:hover,
.action-btn.download:active {
  background-color: #292D30 !important;
}
.action-btn.trash {
  height: 25px;
  width: 25px;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block;
  background-color: #2F2F2F;
}
.action-btn.trash:before {
  font-family: 'celtxicons';
  content: '\e88f';
  padding: 5px;
  font-size: 15px;
  line-height: 25px;
}
.action-btn.trash:active {
  background-color: #2FB5B4;
}
.action-btn.trash.file-trash {
  height: 35px;
  width: 35px;
  background-color: transparent;
  color: #292D30;
  border: 2px solid #292D30;
}
.action-btn.trash.file-trash:before {
  font-size: 20px;
}
.project-episodes {
  display: grid;
  grid-template-columns: auto auto;
}
.project-episodes label {
  font-size: 11px;
}
.project-episodes #num-episodes {
  width: 55px;
  padding: 6px;
  grid-column: 1 / span 2;
  justify-self: end;
  margin-top: -1px;
}
.project-episodes #num-episodes::-webkit-inner-spin-button,
.project-episodes #num-episodes::-webkit-outer-spin-button {
  opacity: 1;
}
.project-episodes #num-episodes:disabled {
  background-color: #808080;
  color: #575757;
  border-color: #808080;
}
.project-episodes .toggle-container {
  width: 30px;
  height: 15px;
  background-color: #808080;
  border: solid 1px #808080;
  text-align: right;
  border-radius: 25px;
  margin-left: 5px;
  transition: left 0.3s, background-color 0.3s;
  box-sizing: border-box;
}
.project-episodes .toggle-container.enabled {
  background-color: #2FB5B4;
  border-color: #2FB5B4;
}
.project-episodes .toggle-container input {
  display: none;
}
.project-episodes .toggle-container label {
  height: 15px;
  width: 100%;
  display: block;
  position: relative;
}
.project-episodes .toggle-container label:before {
  content: '';
  left: -1px;
  top: -1px;
  height: 15px;
  width: 15px;
  display: block;
  border-radius: 25px;
  position: absolute;
  background-color: #F6F6F6;
  border: solid 1px #808080;
  transition: left 0.3s, background-color 0.3s;
  box-sizing: border-box;
}
.project-episodes .toggle-container input:checked + label:before {
  left: calc(100% - 14px);
  background-color: #F6F6F6;
  border: solid 1px #2FB5B4;
}
.btn-toolbar {
  background: #686969;
  padding: 5px;
  color: #fff;
}
.btn-toolbar:focus {
  background: #1FA3A2;
  color: #fff;
}
.btn-toolbar:active {
  background: #1FA3A2;
  color: #fff;
}
.btn-toolbar.btn-toolbar--disabled {
  background: #686969;
  color: #909090;
  opacity: 0.5;
}
.btn-toolbar.btn-toolbar--active {
  background: #1FA3A2;
  color: #fff;
}
.btn-group {
  position: relative;
}
.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group + .btn-group {
  margin-left: 6px;
}
.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}
.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
.btn-group .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group .btn.large:last-child,
.btn-group .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
}
.btn-group .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-menu {
  display: block;
  margin-top: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-mini .caret {
  margin-top: 5px;
}
.btn-small .caret {
  margin-top: 6px;
}
.btn-large .caret {
  margin-top: 6px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.alert {
  padding: 8px 14px;
  margin-bottom: 18px;
  background-color: #fdcfbf;
  border: 1px solid #fcb8b1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #f7612c;
}
.alert-heading {
  color: inherit;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: red;
}
.alert-info {
  background-color: #84dfde;
  border-color: #2FB5B4;
  color: #2FB5B4;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
#folder-list > li > a {
  color: #fff;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-right: 5px;
  margin-top: 0px;
  border-radius: 0px;
}
#folder-list > li > a span {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  margin-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 170px;
  padding: 0px 0px 0px 2px;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  -webkit-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  -moz-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  -ms-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  -o-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
}
#folder-list > li > a i {
  font-size: 15px;
  color: white;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms, color 190ms cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: all 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms, color 190ms cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: all 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms, color 190ms cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: all 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms, color 190ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms, color 190ms cubic-bezier(0.55, 0, 0.1, 1);
}
#folder-list > li > a i:before {
  margin-left: 0;
  margin-right: 0;
}
#folder-list > li > a a {
  display: inline-block;
  vertical-align: top;
}
#folder-list > li.active > a span {
  padding: 0px 0px 0px 2px;
}
#folder-list > li.active > a i {
  font-size: 15px;
}
#folder-list > li.active #document-types-dropdown-btn {
  padding-top: 15px;
  padding-bottom: 15px;
}
.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #2FB5B4;
}
.nav-list [class^="icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 24px;
  padding-left: 24px;
  margin-right: 2px;
  line-height: 16px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 11px;
  padding-bottom: 10px;
  line-height: 18px;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  margin-bottom: 2px;
  -webkit-border-radius: 0px 2px 2px 0;
  -moz-border-radius: 0px 2px 2px 0;
  border-radius: 0px 2px 2px 0;
  border-right: 4px solid transparent;
  text-decoration: none;
}
.nav-pills > li > a:hover {
  background: rgba(20, 22, 24, 0.5);
  text-decoration: none;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  background-color: #141618;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu {
  margin-top: 1px;
  border-width: 1px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  border-top-color: #2FB5B4;
  border-bottom-color: #2FB5B4;
  margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #35D4D2;
  border-bottom-color: #35D4D2;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}
.nav > .dropdown.active > a:hover {
  color: #000;
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > .open.active > a:hover {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
  border-color: #999;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}
.tabbable:after {
  clear: both;
}
.tab-content {
  display: table;
  width: 100%;
}
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below .nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below .nav-tabs .active > a,
.tabs-below .nav-tabs .active > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
  float: none;
}
.tabs-left .nav-tabs > li > a,
.tabs-right .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left .nav-tabs > li > a:hover {
  border-color: #eee #ddd #eee #eee;
}
.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
}
.tabs-right .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right .nav-tabs > li > a:hover {
  border-color: #eee #eee #eee #ddd;
}
.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
}
.navbar {
  overflow: visible;
  margin-bottom: 18px;
}
.navbar .container {
  width: auto;
}
.btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-image: -moz-linear-gradient(top, rgba(69, 69, 69, 0.95), #f2f6f6);
  background-image: -ms-linear-gradient(top, rgba(69, 69, 69, 0.95), #f2f6f6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(69, 69, 69, 0.95)), to(#f2f6f6));
  background-image: -webkit-linear-gradient(top, rgba(69, 69, 69, 0.95), #f2f6f6);
  background-image: -o-linear-gradient(top, rgba(69, 69, 69, 0.95), #f2f6f6);
  background-image: linear-gradient(top, rgba(69, 69, 69, 0.95), #f2f6f6);
  background-repeat: repeat-x;
  border-color: #f2f6f6 #f2f6f6 #c5d7d7;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: rgba(69, 69, 69, 0.95);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active {
  background: rgba(142, 144, 144, 0.97) !important;
  cursor: pointer;
  cursor: hand;
}
.btn-navbar:active,
.btn-navbar.active {
  background: #d4e1e1 \9;
}
.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.nav-collapse.collapse {
  height: auto;
}
.navbar {
  color: #23272b;
}
.navbar .navbar-text {
  margin-bottom: 0;
  line-height: 44px;
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 7px;
}
.navbar .btn-group .btn {
  margin-top: 0;
}
.cg-brand {
  float: left;
  display: block;
  padding: 6px 132px 6px 20px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  text-align: left;
}
.cg-brand h1 {
  margin: 0;
}
.navbar-form {
  margin-bottom: 0;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 7px;
}
.navbar-form input,
.navbar-form select {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 8px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  padding: 4px 9px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  background-color: #ffffff;
  border: 1px solid #ff6666;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-backface-visibility: hidden;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-search .search-query:-moz-placeholder {
  color: #ccc;
}
.navbar-search .search-query::-webkit-input-placeholder {
  color: #ccc;
}
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1005;
  margin-bottom: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
  float: right;
}
.navbar .nav > div > a {
  float: none;
  line-height: 19px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #181a1d;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar .divider-vertical {
  height: 44px;
  width: 1px;
  margin: 0 12px;
  overflow: hidden;
  background-color: #f2f6f6;
  border-right: 1px solid rgba(69, 69, 69, 0.95);
}
.navbar .nav.pull-right {
  margin-right: 0;
}
.navbar .dropdown-menu {
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.navbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.navbar-fixed-bottom .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .dropdown-menu:after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav .dropdown-toggle .caret,
.navbar .nav .open.dropdown .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar .nav .active .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar .nav .open > .dropdown-toggle,
.navbar .nav .active > .dropdown-toggle,
.navbar .nav .open.active > .dropdown-toggle {
  background-color: transparent;
}
.navbar .nav .active > .dropdown-toggle:hover {
  color: #fff;
}
.navbar .nav.pull-right .dropdown-menu,
.navbar .nav .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .nav.pull-right .dropdown-menu:before,
.navbar .nav .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .nav.pull-right .dropdown-menu:after,
.navbar .nav .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
#top-nav {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  float: right;
  margin: 0 20px 0 0;
  padding-left: 15px;
  text-align: left;
  white-space: nowrap;
  height: 48px;
}
#top-nav:before,
#top-nav:after {
  display: table;
  content: "";
}
#top-nav:after {
  clear: both;
}
#top-nav li {
  list-style: none;
  display: inline-block;
  overflow: hidden;
}
.wf-loading #top-nav a {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 100ms ease;
  -moz-transition: opacity 100ms ease;
  -ms-transition: opacity 100ms ease;
  -o-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}
#top-nav a {
  opacity: 1;
  letter-spacing: 0.03em;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: #F6F6F6;
  text-decoration: none;
  min-height: 20px;
  padding: 14px 10px 14px 10px;
  font-size: 14px;
  display: block;
  text-shadow: 0 1px 1 rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  font-weight: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#top-nav a i {
  opacity: 0.9;
}
.nav-break-container {
  padding: 9px 40px 10px 28px;
}
.nav-break-container hr {
  opacity: 0.25;
  margin: 20px 0px;
  border-top: none;
}
#top-nav a.active {
  background: rgba(0, 0, 0, 0.1);
  padding-bottom: 12px;
  border-bottom: 2px rgba(0, 0, 0, 0.1) solid;
}
#top-nav a.active i {
  opacity: 1;
}
#topnavbar-container {
  padding-top: 48px;
}
#topnavbar-container #topnavbar {
  height: 48px;
}
#topnavbar-su-warning {
  background: #2FB5B4;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
#topnavbar-su-warning a {
  text-decoration: underline;
  margin-left: 15px;
  color: #222222;
}
#topnavbar-su-warning i {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .cx-usersettingdropdown-username-container {
    display: none !important;
  }
  .navbar-fixed-bottom {
    position: relative !important;
    z-index: 30;
  }
  #topnavbar-container {
    padding: 0;
    height: 48px;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .navbar-fixed-bottom {
    position: relative !important;
  }
  #topnavbar-container {
    padding: 0;
    height: 48px;
  }
}
@media (max-width: 1250px) {
  #top-nav {
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: left 200ms ease-in-out 50ms;
    -moz-transition: left 200ms ease-in-out 50ms;
    -ms-transition: left 200ms ease-in-out 50ms;
    -o-transition: left 200ms ease-in-out 50ms;
    transition: left 200ms ease-in-out 50ms;
    left: -242px;
    width: 242px;
    display: block;
    background: #3C3D3E;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99999999;
    min-width: auto;
    height: auto;
    padding-left: 0px;
  }
  #top-nav li {
    display: block;
    width: 100%;
  }
  #top-nav li a {
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  #cxContent.theme-dark #top-nav a {
    color: #2FB5B4;
  }
  .folderlink {
    max-width: 150px;
  }
  .folderlink:not(:last-child) {
    max-width: 150px;
  }
}
@media (max-width: 500px) {
  #trial-container {
    display: none;
  }
}
.modal-open .dropdown-menu {
  z-index: 2050;
}
.modal-open .popover {
  z-index: 2060;
}
.modal-open .tooltip {
  z-index: 2070;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  width: 236px;
  padding: 1px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.feature-popover .popover-title {
  background: #d9edf7;
  color: #3a87ad;
}
.doc-button-share-popup {
  width: 395px;
  overflow: hidden!important;
  overflow-y: scroll !important;
  padding: 0!important;
}
.doc-button-share-popup .projectpanel-dropcontainer {
  padding-left: 25px;
  padding-right: 25px;
}
.doc-button-share-popup .member-select {
  display: inline-block;
  line-height: 16px;
  width: default;
  height: 25px;
  position: relative;
  margin-bottom: 8px;
  margin-left: 0px !important;
}
.doc-button-share-popup .add-all {
  margin-left: 10px!important;
  margin-top: 1px!important;
}
.doc-button-share-popup .projectpanel-tabsection {
  height: auto!important;
}
.doc-button-share-popup .projectpanel-tabsection-content {
  overflow-x: hidden;
}
.doc-button-share-popup .projectpanel-tabsection-content {
  padding: 0;
  text-align: left;
}
.doc-button-share-popup .btn-plain {
  color: #fff !important;
}
.doc-button-share-popup .btn-plain:hover {
  color: #fff !important;
}
.doc-button-share-popup .studio-management-group-members-container {
  margin-top: 20px;
}
.doc-button-share-popup .projectpanel-heading {
  border-bottom: 0;
}
.doc-button-share-popup .sharelink-container {
  margin-left: 15px!important;
  padding-bottom: 20px;
}
.doc-button-share-popup .studio-management-contacts-image {
  margin-left: 25px;
  vertical-align: middle;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow:after {
  content: "";
  z-index: -1;
}
.popover.top.arrow-on-corner .arrow {
  left: 20px;
}
.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}
.popover.top .arrow:after {
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -1px;
  left: -11px;
}
.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #fff;
}
.popover.right .arrow:after {
  border-width: 11px 11px 11px 0;
  border-right-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  left: -1px;
}
.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
}
.popover.bottom .arrow:after {
  border-width: 0 11px 11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -1px;
  left: -11px;
}
.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #fff;
}
.popover.left .arrow:after {
  border-width: 11px 0 11px 11px;
  border-left-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  right: -1px;
}
.popover-buttons {
  clear: both;
}
.popover-buttons:before,
.popover-buttons:after {
  display: table;
  content: "";
}
.popover-buttons:after {
  clear: both;
}
.popover-buttons > .btn {
  margin-left: 10px;
  margin-right: 0px;
}
.popover-buttons > .btn:not(.pull-right) {
  margin-left: 0px;
  margin-right: 10px;
}
.breakdown-item-popover,
.shot-breakdown-item-popover {
  background-color: #3b3d3e;
  color: #fff;
  border-radius: 0px;
}
.breakdown-item-popover .popover-title,
.shot-breakdown-item-popover .popover-title {
  background-color: transparent;
  border-bottom: none;
  font-size: 12px;
  text-transform: uppercase;
}
.breakdown-item-popover.pointed-popover .popover-buttons,
.shot-breakdown-item-popover.pointed-popover .popover-buttons {
  padding: 20px 25px 20px 25px;
}
.breakdown-item-popover.pointed-popover .popover-buttons .btn,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .btn {
  font-size: 12px;
  min-width: 60px;
  height: 20px;
  line-height: 20px;
  border-radius: 7px !important;
  letter-spacing: 0.03em;
  padding: 5px;
}
.breakdown-item-popover.pointed-popover .popover-buttons .cancel,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .cancel {
  background-color: #565755;
}
.breakdown-item-popover.pointed-popover .popover-buttons .cancel:hover,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .cancel:hover {
  background-color: #636462;
}
.breakdown-item-popover.pointed-popover .popover-buttons .tag-item,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .tag-item,
.breakdown-item-popover.pointed-popover .popover-buttons .find-item,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .find-item,
.breakdown-item-popover.pointed-popover .popover-buttons .tag-next,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .tag-next,
.breakdown-item-popover.pointed-popover .popover-buttons .save-item,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .save-item {
  background-color: #2FB5B4;
}
.breakdown-item-popover.pointed-popover .popover-buttons .tag-item:hover,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .tag-item:hover,
.breakdown-item-popover.pointed-popover .popover-buttons .find-item:hover,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .find-item:hover,
.breakdown-item-popover.pointed-popover .popover-buttons .tag-next:hover,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .tag-next:hover,
.breakdown-item-popover.pointed-popover .popover-buttons .save-item:hover,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .save-item:hover {
  background-color: #34c9c8;
}
.breakdown-item-popover.pointed-popover .popover-buttons .remove-item,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .remove-item {
  background-color: #eb0e47;
}
.breakdown-item-popover.pointed-popover .popover-buttons .remove-item:hover,
.shot-breakdown-item-popover.pointed-popover .popover-buttons .remove-item:hover {
  background-color: #f22157;
}
.breakdown-item-popover.popover.bottom .arrow,
.shot-breakdown-item-popover.popover.bottom .arrow {
  border-bottom-color: #3b3d3e;
}
.breakdown-item-popover .form-horizontal .control-label,
.shot-breakdown-item-popover .form-horizontal .control-label {
  font-weight: normal;
}
.breakdown-item-popover .map-canvas-update,
.shot-breakdown-item-popover .map-canvas-update {
  height: auto;
}
.breakdown-item-popover.wide {
  width: 746px;
}
.breakdown-item-popover .form-horizontal {
  margin-bottom: 0;
}
.breakdown-item-popover textarea {
  height: 34px;
}
.shot-breakdown-item-popover .close-btn {
  background-color: #676868;
  box-shadow: none;
}
.shot-breakdown-item-popover .control-group {
  display: inline-block;
  width: 48%;
  margin-right: 2%;
}
.shot-breakdown-item-popover .form-horizontal {
  margin-bottom: 0;
}
.shot-breakdown-item-popover textarea {
  height: 34px;
}
.button-popover {
  width: auto;
  padding: 20px;
}
.button-popover .popover-content {
  max-height: 500px;
  overflow: auto;
}
@media (max-width: 767px) {
  .button-popover .popover-content {
    max-height: 400px;
  }
}
@media (max-width: 650px) {
  .breakdown-item-popover {
    top: 0 !important;
  }
  .breakdown-settings-dialog-title .modal-dialog-content .breakdown-settings-dialog-form label input {
    display: inline-block;
    width: auto !important;
  }
  .location-modal .form-horizontal > div:first-child {
    float: initial !important;
  }
  .location-modal .form-horizontal > div:first-child #additem-name input {
    width: 210px !important;
  }
  .shot-breakdown-item-popover .control-group {
    display: block;
  }
}
@media (max-width: 380px) {
  .breakdown-item-popover .popover-content .control-group .control-label {
    width: auto;
  }
  .breakdown-item-popover .popover-content .control-group .controls {
    margin-left: 115px;
  }
  .breakdown-item-popover .popover-content .control-group .controls select {
    width: 150px;
  }
  .breakdown-item-popover .popover-content .control-group .controls input {
    width: 140px;
  }
}
.label {
  padding: 1px 4px 2px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 13px;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label:hover {
  color: #fff;
  text-decoration: none;
}
.label-important {
  background-color: red;
}
.label-warning {
  background-color: #f89406;
}
.label-success {
  background-color: #468847;
}
.label-info {
  background-color: #3a87ad;
}
.label-inverse {
  background-color: #333;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.hide.ib,
.hide.ibmid {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
/* FLEX CLASSES */
.flex-border {
  border: 1px solid #e0e0e0;
}
.flex-row {
  display: flex;
  flex-flow: row;
}
.flex-row:last-child .flex-cell {
  border-bottom: 0;
}
.flex-cell {
  padding: 10px;
  /*
   * I'm reintroducing some styling that was apparently causing conflicts before.
   * As far as I know this is only needed in the breakdown report, so I'm applying the class
   * wk-flex-cell (wk = webkit) to the breakdown template to keep this change
   * localized there.
   *
   * See https://greyfirst.atlassian.net/browse/SI-6005 for more details
   *
   * -- Andy Lilly, 13 Jan 2021
   *
   */
  border-right: 1px solid #e0e0e0;
}
.flex-cell.wk-flex-cell {
  box-sizing: border-box;
  -webkit-flex: 1 0 0;
}
.flex-cell-right {
  margin-left: auto;
}
/*
 * TEXT ALIGNMENT CLASSES
 */
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
/*
 * PADDING CLASSES
 */
.pad-5 {
  padding: 5px;
}
.pad-top-5 {
  padding-top: 5px;
}
.pad-bottom-5 {
  padding-bottom: 5px;
}
.pad-left-5 {
  padding-left: 5px;
}
.pad-right-5 {
  padding-right: 5px;
}
.pad-10 {
  padding: 10px;
}
.pad-top-10 {
  padding-top: 10px;
}
.pad-bottom-10 {
  padding-bottom: 10px;
}
.pad-left-10 {
  padding-left: 10px;
}
.pad-right-10 {
  padding-right: 10px;
}
#tooltip {
  /**/
}
.change-password-dialog-input {
  width: 350px;
}
.comedysketch-dialog {
  width: 750px;
  height: 325px;
}
.comedysketch-tower {
  width: 220px;
  float: right;
  margin: 0px 5px;
}
#filelist-container {
  background-color: transparent;
  margin: 6px 4px 0 6px;
}
#noResults {
  padding: 10px;
  text-align: center;
  font-size: 18px;
}
.cx-filelist {
  position: relative;
  margin-top: 9px;
  margin-left: 4px;
}
.cx-filelist.cx-filelistLoading {
  background-image: url("../img/loading-circle32.gif") !important;
  background-repeat: no-repeat !important;
  background-position: center 20px !important;
  min-height: 60px;
}
.cx-filelist.trash-view .projecttitle-link {
  cursor: default !important;
}
.cx-filelist.trash-view .cx-filelistitem:hover {
  background: #f6f6f6 !important;
  cursor: default!important;
}
.cx-filelist.trash-view .cx-filelistitem:nth-child(even):hover {
  background: #e3e6e7 !important;
  cursor: default !important;
}
.cx-filelist.trash-view .cx-filelistitem-checkbox {
  cursor: pointer !important;
}
.cx-filelist.trash-view .projectpanel-tabber {
  display: none !important;
}
.cx-filelist.trash-view .projectlistitem-logo-container:hover .projectlistitem-logo-edit {
  display: none !important;
}
.filelist-search-query {
  width: 300px;
  margin: 0;
}
@media only screen and (max-width: 320px) {
  .filelist-search-query {
    width: 150px;
  }
}
.filelist-search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.game-production .tabber-tab a[name=progress],
.game-production .tabber-tab a[name=budget],
.game-production .tabber-tab a[name=approvals] {
  display: none;
}
#filelist-search-form input {
  width: 80px;
  margin: 0;
}
#filelist-search-form .input-append {
  margin: 0;
}
.cx-filelist.filelistcompactchooser {
  width: 300px;
  max-width: 100%;
  height: 300px;
  overflow-y: auto;
  background: #f6f6f6;
  border: #ddd 1px solid;
  padding: 0;
  position: relative;
}
.cx-filelist.filelistcompactchooser .cx-filelistitem {
  padding: 0 !important;
  height: 50px !important;
}
.cx-filelist.filelistcompactchooser .cx-filelistitem:before,
.cx-filelist.filelistcompactchooser .cx-filelistitem:after {
  display: table;
  content: "";
}
.cx-filelist.filelistcompactchooser .cx-filelistitem:after {
  clear: both;
}
.cx-filelist.filelistcompactchooser .cx-filelistitem-lastmod,
.cx-filelist.filelistcompactchooser .cx-filelistitem-owner,
.cx-filelist.filelistcompactchooser .cx-filelistitem-status {
  display: none !important;
}
.cx-filelist.filelistcompactchooser .cx-filelistitem-icon {
  height: auto !important;
  margin-top: 15px !important;
}
.cx-filelist.filelistcompactchooser .cx-filelistitem-icon,
.cx-filelist.filelistcompactchooser .cx-filelistitem-description,
.cx-filelist.filelistcompactchooser .cx-filelistitem-checkbox {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: inline-block;
  vertical-align: middle;
}
.cx-filelist.filelistcompactchooser .cx-filelistitem-anchor-button {
  width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}
.cx-filelist.filelistcompactchooser .cx-filelistitem-checkbox {
  float: left;
  margin: 0;
  clear: both;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.cx-filelist.filelistcompactchooser .cx-projectlistitem {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.cx-filelist.filelistcompactchooser .cx-projectlistitem:nth-child(even) {
  background: #f6f6f6;
}
.cx-filelist.filelistcompactchooser .projectlistitem-logo-container {
  width: 30px;
  height: 30px;
  margin: 9px 12px 9px 10px;
}
.cx-filelist.filelistcompactchooser .projectlistitem-teamshare-container {
  display: none;
}
.cx-filelist.filelistcompactchooser .projectlistitem-header {
  margin-left: 0;
}
.cx-filelist.filelistcompactchooser .projectdetails {
  padding: 0;
}
.cx-filelist.filelistcompactchooser .projectlistitem-content {
  display: none;
}
.cx-filelist.filelistcompactchooser .projecttitle-link {
  color: #333;
  font-size: 16px;
  margin: 0 10px 0 0;
  max-width: 170px;
  line-height: 1;
  padding-top: 7px;
  padding-bottom: 2px;
}
.cx-filelist.filelistcompactchooser .projectdetails {
  display: block;
}
.cx-filelist.filelistcompactchooser .projectdetails label {
  margin-bottom: 0;
}
.cx-filelist.filelistcompactchooser .projectlistitem-categoryselect-container {
  font-size: 12px;
}
.cx-filelist.filelistcompactchooser .projecttitle {
  margin: 0;
}
.cx-filelist.filelistcompactchooser .projectlistitem-form {
  margin: 0;
}
.cx-filelist.filelistcompactchooser .projectlistitem-btn-container {
  width: 300px;
  margin-bottom: 20px;
}
.filelistcompactchooser-error {
  border-color: red;
}
.filelistcompactchooser-error-msg {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 4px 8px;
  background: rgba(255, 0, 0, 0.8);
  color: white;
  text-align: center;
}
.lockedfilelistitem .cx-filelistitem-icon:after {
  font-family: FontAwesome !important;
  content: "\f023" !important;
}
.cx-filelistitem-body {
  display: flex;
  font-family: "lato", sans-serif;
  height: 80px;
  justify-content: start;
}
.cx-filelistitem-body .cx-filelistitem-lastmod {
  width: 180px;
}
.cx-filelistitem-details {
  display: flex;
  align-items: center;
}
.cx-filelistitem-body[disabled] {
  opacity: 0.5;
}
.projectitem-main {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.cx-filelistitem-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.cx-filelist-nonselectable .cx-filelistitem-checkbox {
  display: none !important;
}
/*
 * Styling for the permission dialog and respective file items
 */
.cx-filelistitem-permissions {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.cx-filelistitem-permissions .goog-menu-button-inner-box {
  width: 100px;
}
.cx-filelistitem-permissions .goog-menu-button-dropdown {
  float: right;
}
.cx-filelist-perms-heading {
  display: flex;
  align-items: center;
  padding: 0px 0px 10px 0px;
}
.cx-filelist-perms-heading .perms-user {
  display: flex;
  align-items: center;
  width: 100%;
}
.cx-filelist-perms-heading .perms-user .perms-user-avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 15px;
}
.cx-filelist-perms-heading .perms-user .perms-user-avatar img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.cx-filelist-perms-heading .perms-user .perms-user-options {
  margin-left: auto;
}
.cx-filelist-perms-heading .perms-user .perms-user-options button {
  font-size: 10px;
  text-shadow: none;
  box-shadow: none;
  border-radius: 3px;
  border: none;
}
.cx-filelist-perms-heading .perms-user .perms-user-options button:focus {
  outline: none;
  box-shadow: none;
}
.cx-filelist-perms-heading .perms-user .perms-user-options #remove-team-member {
  border: 1px solid #e0e0e0;
  background: #fff;
  color: #a0a0a0;
}
.cx-filelist-perms-heading .perms-user .perms-user-options #remove-team-member:hover {
  border-color: #c0c0c0;
  color: #808080;
}
.cx-filelist-perms-heading .perms-user .perms-user-options #become-team-member {
  margin-right: 10px;
  color: #fff;
}
.cx-filelist-perms-heading .perms-options {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.cx-filelist-perms-heading .perms-options .perms-heading-cell {
  width: 60px;
  text-align: center;
}
.perms-config-heading {
  display: flex;
  margin: 20px 0 15px 0;
  text-transform: uppercase;
}
.perms-config-heading .heading {
  font-size: 16px;
  font-weight: 500;
}
.perms-config-heading .perms-legend {
  margin-left: auto;
  display: flex;
  font-size: 11px;
}
.perms-config-heading .perms-legend div {
  width: 50px;
  text-align: center;
}
.cx-filelistitemcontainer {
  margin: 20px 0 10px 0;
}
.cx-filelistitemcontainer-master .cx-filelistitem-checkbox {
  display: none;
}
.cx-filelistitemcontainer-additional .cx-filelistitem-lastmod {
  left: 490px;
}
.cx-filelistitemcontainer-title {
  color: #404040;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
  font-size: 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cx-filelistitem {
  position: relative;
  margin: 10px 0px 10px 0;
  background: #fff;
  height: 80px;
}
.cx-filelist-compact .cx-filelistitem {
  margin: 0px !important;
}
.cx-filelist-compact .cx-filelistitem-icon {
  padding: 8px 0px;
  font-size: 14px;
}
.cx-filelist-compact .cx-filelistitemcontainer-episodes {
  margin-bottom: 10px;
}
.grid-view .cx-filelistitem {
  width: 200px;
  overflow: hidden;
  height: 134px;
  margin: 8px 4px 0px 4px;
  -webkit-box-shadow: 0px 0px 4px #222;
  -moz-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  float: left;
  padding: 0;
  cursor: pointer;
}
.grid-view .cx-filelistitem .cx-filelistitem-lastmod {
  display: none;
}
.cx-filelistitem-filetype {
  font-size: 12px;
  margin-left: 0px;
}
.cx-filelistitem-lastmod {
  white-space: nowrap;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0;
  font-size: 12px;
}
@media (max-width: 1000px) {
  .cx-filelistitem-lastmod {
    display: none !important;
  }
  .cx-filelistitem-filetype {
    display: none;
  }
}
@media (max-width: 1300px) {
  .cx-projectlistitem {
    width: auto;
  }
}
.cx-projectlistitem .cx-filelistitem-lastmod {
  letter-spacing: 0px;
}
.cx-projectlistitem .cx-filelistitem-checkbox {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
  left: 0;
}
.cx-projectlistitem .cx-filelistitem-checkbox input[type="checkbox"]:focus {
  outline-offset: 2px;
}
.grid-view .cx-filelistitem-lastmod {
  display: none;
}
.cx-filelistitem-owner {
  position: absolute;
  left: 64%;
  top: 6px;
}
.grid-view .cx-filelistitem-owner {
  display: none;
}
.cx-filelistitem-checkbox {
  min-width: 12px;
  display: inline-block;
  vertical-align: top;
  min-height: 16px;
  padding: 18px 20px 10px 20px;
  margin-bottom: 0;
  background-color: #F6F6F6;
  cursor: pointer;
}
.cx-filelistitem-checkbox:hover {
  background: #e9e9e9;
}
.grid-view .cx-filelistitem-checkbox {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.grid-view .cx-filelistitem-checkbox input[type=checkbox] {
  cursor: default;
}
.cx-filelistitem-icon {
  width: 62px;
  text-align: center;
  font-size: 24px;
  margin: 0px 15px 0px 25px;
}
.cx-filelistitem-context {
  position: relative;
}
.cx-filelistitem-icon-readonly {
  position: relative;
}
.cx-filelistitem-icon-readonly:after {
  font-family: FontAwesome;
  content: "\f06e";
  position: absolute;
  top: -10px;
  right: 10px;
  background: #F6F6F6;
  font-size: 10px;
  -webkit-box-shadow: 0 0 2px #F6F6F6;
  -moz-box-shadow: 0 0 2px #F6F6F6;
  box-shadow: 0 0 2px #F6F6F6;
  width: 18px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.cx-unifiedsharing-icon-readonly {
  position: relative;
}
.cx-unifiedsharing-icon-readonly:after {
  font-family: FontAwesome;
  content: "\f06e";
  position: absolute;
  top: -4px;
  right: -7px;
  background: #F6F6F6;
  font-size: 10px;
  -webkit-box-shadow: 0 0 2px #F6F6F6;
  -moz-box-shadow: 0 0 2px #F6F6F6;
  box-shadow: 0 0 2px #F6F6F6;
  width: 18px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.cx-filelistitem:nth-child(even) .cx-filelistitem-icon-readonly:after {
  background: #E3E6E7;
  -webkit-box-shadow: 0 0 2px #E3E6E7;
  -moz-box-shadow: 0 0 2px #E3E6E7;
  box-shadow: 0 0 2px #E3E6E7;
}
.cx-filelist-large-icon {
  width: 128px;
  height: 128px;
  display: inline-block;
}
.cx-filelist-large-icon-ai_file {
  background: url(../img/icons/large/ai_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-avi_file {
  background: url(../img/icons/large/avi_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-bmp_file {
  background: url(../img/icons/large/bmp_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-comedy_file {
  background: url(../img/icons/large/comedy_bg.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-celtx_file {
  background: url(../img/icons/large/celtx_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-comedy_file {
  background: url(../img/icons/large/comedy_bg.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-sketch_file {
  background: url(../img/icons/large/sketch_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-storyboard_file {
  background: url(../img/icons/large/storyboard.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-breakdown_file {
  background: url(../img/icons/large/breakdown.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-shotlist_file {
  background: url(../img/icons/large/photo_camera.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-novel_file {
  background: url(../img/icons/large/novel_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-calendar_file {
  background: url(../img/icons/large/calendar.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-comicbook_file {
  background: url(../img/icons/large/comicbook_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-stageplay_file {
  background: url(../img/icons/large/stageplay_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-storyboard_file {
  background: url(../img/icons/large/storyboard.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-audioplay_file {
  background: url(../img/icons/large/audioplay_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-avscript_file {
  background: url(../img/icons/large/avscript_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-production_file {
  background: url(../img/icons/large/portfolio_green.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-catalog_file {
  background: url(../img/icons/large/catalog_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-budget_file {
  background: url(../img/icons/large/dollar_currency_sign.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-css_file {
  background: url(../img/icons/large/css_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-csv_file {
  background: url(../img/icons/large/csv_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-doc_file {
  background: url(../img/icons/large/doc_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-eps_file {
  background: url(../img/icons/large/eps_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-film {
  background: url(../img/icons/large/film.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-videoclip {
  background: url(../img/icons/large/video_clip.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-full_page {
  background: url(../img/icons/large/full_page.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-gif_file {
  background: url(../img/icons/large/gif_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-html_file {
  background: url(../img/icons/large/html_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-ico_file {
  background: url(../img/icons/large/ico_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-jpg_file {
  background: url(../img/icons/large/sprite.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-js_file {
  background: url(../img/icons/large/js_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-mov_file {
  background: url(../img/icons/small/mov_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-mp3_file {
  background: url(../img/icons/large/mp3_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-music {
  background: url(../img/icons/large/music.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-new_page {
  background: url(../img/icons/large/new_page.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-open_folder {
  background: url(../img/icons/large/open_folder.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-pdf_file {
  background: url(../img/icons/large/pdf_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-png_file {
  background: url(../img/icons/large/png_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-portfolio {
  background: url(../img/icons/large/portfolio.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-ppt_file {
  background: url(../img/icons/large/ppt_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-psd_file {
  background: url(../img/icons/large/psd_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-svg_file {
  background: url(../img/icons/large/svg_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-tiff_file {
  background: url(../img/icons/large/tiff_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-trash_can {
  background: url(../img/icons/large/trash_can.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-txt_file {
  background: url(../img/icons/large/txt_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-wav_file {
  background: url(../img/icons/large/wav_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-xls_file {
  background: url(../img/icons/large/xls_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-xml_file {
  background: url(../img/icons/large/xml_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-zip_file {
  background: url(../img/icons/large/zip_file.png) no-repeat;
  background-position: center center;
}
.cx-filelist-large-icon-report_file {
  background: url(../img/icons/large/report.png) no-repeat;
  background-position: center center;
}
.cx-filelist-small-icon-ai_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 0;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-avi_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -82px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-bmp_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -164px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-novel_file {
  background: url(../img/icons/small/novel_file.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-calendar_file {
  background: url(../img/icons/small/calendar.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-comicbook_file {
  background: url(../img/icons/small/comicbook_file.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-storyboard_file {
  background: url(../img/icons/small/storyboard.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-stageplay_file {
  background: url(../img/icons/small/stageplay_file.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-audioplay_file {
  background: url(../img/icons/small/audioplay_file.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-avscript_file {
  background: url(../img/icons/small/avscript_file.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-production_file {
  background: url(../img/icons/small/portfolio_green.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-catalog_file {
  background: url(../img/icons/small/catalog_file.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-budget_file {
  background: url(../img/icons/small/dollar_currency_sign.png) no-repeat;
  background-position: center center;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-css_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -328px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-csv_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -410px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-doc_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -492px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-eps_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -574px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-film {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -656px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-full_page {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -738px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-gif_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -820px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-html_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -902px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-ico_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -984px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-jpg_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1066px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-js_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1148px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-mov_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1230px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-mp3_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1312px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-music {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1394px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-new_page {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1476px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-open_folder {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1558px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-pdf_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1640px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-png_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1722px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-portfolio {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1804px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-ppt_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -1886px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-psd_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px 0;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-svg_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -82px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-tiff_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -164px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-trash_can {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -246px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-txt_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -328px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-wav_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -410px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-xls_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -492px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-xml_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -574px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-zip_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -656px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-sketch_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -820px;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-breakdown_file {
  background: url(../img/icons/small/breakdown.png) no-repeat;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-comedy_file {
  background: url(../img/icons/small/comedy_bg.png) no-repeat;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-videoclip {
  background: url(../img/icons/small/video_clip.png) no-repeat;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-shotlist_file {
  background: url(../img/icons/small/photo_camera.png) no-repeat;
  width: 32px;
  height: 32px;
}
.cx-filelist-small-icon-report_file {
  background: url(../img/icons/small/report.png) no-repeat;
  width: 32px;
  height: 32px;
}
.grid-view .cx-filelistitem-icon {
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.grid-view .cx-filelistitem-icon img {
  vertical-align: middle;
  margin: 0;
}
/* status icons */
.cx-filelistitem-status {
  position: absolute;
  left: 54%;
  top: 35%;
  opacity: 1;
}
.cx-filelistitem-status span.status {
  position: relative;
}
.cx-filelistitem-status span.status:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.cx-filelistitem-status span.status > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.cx-filelistitem-status span.status > :last-child * {
  max-width: 100%;
}
.cx-filelistitem-status span.status > :last-child:after,
.cx-filelistitem-status span.status > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.cx-filelistitem-status span.status > :last-child {
  bottom: 100%;
  margin-bottom: 10px;
}
.cx-filelistitem-status span.status > :last-child:after {
  margin-top: -1px;
}
.cx-filelistitem-status span.status > :last-child:after,
.cx-filelistitem-status span.status > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}
.cx-filelistitem-status span.status > :last-child:before {
  margin-top: 0px;
}
.cx-filelistitem-status span.status > :last-child {
  left: -60px;
  margin-left: 50%;
}
.cx-filelistitem-status span.status > :last-child:after,
.cx-filelistitem-status span.status > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.cx-filelistitem-status span.status > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.cx-filelistitem-status span.status > :last-child:after {
  border-color: #333333;
}
.cx-filelistitem-status span.status > :last-child:before {
  border-color: #0d0d0d;
}
.cx-filelistitem-status span.status > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.grid-view .cx-filelistitem-status {
  position: absolute;
  right: 5px;
  bottom: 4px;
  opacity: 1;
}
.grid-view .cx-filelistitem-status i {
  background-image: url("../img/glyphicons-halflings-white.png");
}
.grid-view .cx-filelistitem-status span.status {
  position: relative;
}
.grid-view .cx-filelistitem-status span.status:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.grid-view .cx-filelistitem-status span.status > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.grid-view .cx-filelistitem-status span.status > :last-child * {
  max-width: 100%;
}
.grid-view .cx-filelistitem-status span.status > :last-child:after,
.grid-view .cx-filelistitem-status span.status > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.grid-view .cx-filelistitem-status span.status > :last-child {
  bottom: 100%;
  margin-bottom: 10px;
}
.grid-view .cx-filelistitem-status span.status > :last-child:after {
  margin-top: -1px;
}
.grid-view .cx-filelistitem-status span.status > :last-child:after,
.grid-view .cx-filelistitem-status span.status > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}
.grid-view .cx-filelistitem-status span.status > :last-child:before {
  margin-top: 0px;
}
.grid-view .cx-filelistitem-status span.status > :last-child {
  left: -60px;
  margin-left: 50%;
}
.grid-view .cx-filelistitem-status span.status > :last-child:after,
.grid-view .cx-filelistitem-status span.status > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.grid-view .cx-filelistitem-status span.status > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.grid-view .cx-filelistitem-status span.status > :last-child:after {
  border-color: #333333;
}
.grid-view .cx-filelistitem-status span.status > :last-child:before {
  border-color: #0d0d0d;
}
.grid-view .cx-filelistitem-status span.status > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
/* document title */
.cx-filelistitem-title {
  font-size: 16px;
  font-weight: normal;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cx-filelistitem-parenttitle {
  vertical-align: middle;
  font-size: 12px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0;
  margin-left: 10px;
  color: #888;
  font-weight: normal;
  display: none;
}
.cx-filelist-mostrecent .cx-filelistitem-parenttitle {
  display: inline-block;
}
.cx-filelistitem-description {
  display: flex;
  line-height: 20px;
  flex-direction: column;
  /* parent folder or project */
  /* project label */
}
.cx-filelistitem-description .cx-filelistitem-parent {
  display: inline-block;
  float: left;
  margin-left: 5px;
  font-weight: bold;
  color: #999;
}
.cx-filelistitem-description .cx-filelistitem-project {
  display: inline-block;
  float: left;
  margin-left: 5px;
}
.cx-filelistitem-expander {
  margin: 10px 0 !important;
}
.cx-filelistitem-expander > .cx-filelistitem-content .cx-filelistitem-title:after {
  font-family: FontAwesome;
  content: "\f0d7";
  margin-left: 8px;
}
.cx-filelistitem-expander .cx-filelistitem {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  background: transparent;
  border-top: 1px solid #e0e0e0;
}
.cx-filelistitem-expander .cx-filelistitem .cx-filelistitem-icon {
  padding-left: 20px;
}
.cx-filelistitem-expander .cx-filelistitem .cx-filelistitem-description {
  padding-left: 20px;
  max-width: 255px;
}
.cx-filelistitem-expander .cx-filelistitem-epchildfile {
  background: #f0f0f0;
}
.cx-filelistitem-expander .cx-filelistitem-epchildfile:hover {
  background: #e0e0e0;
}
.cx-filelistitem-expander.cx-filelistitem-expander-extended > .cx-filelistitem-content .cx-filelistitem-title:after {
  content: "\f0d8";
}
.cx-filelistitem-share {
  display: flex;
  justify-content: flex-end;
  position: relative;
  min-width: 150px;
}
#createproject-form {
  background: #fff;
}
.createproject-logo-container {
  position: relative;
  width: 100px;
  height: 100px;
  margin-right: 20px;
}
.createproject-logo-container:hover {
  cursor: pointer;
}
.createproject-logo-container:hover .createproject-logo-edit {
  display: inline-block;
}
.createproject-logo-container .createproject-logo {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.createproject-logo-container .createproject-logo-bg {
  position: absolute;
  background-color: black;
  width: 100px;
  height: 100px;
  opacity: 0.1;
  border-radius: 100%;
}
.createproject-logo-container .createproject-logo-edit {
  display: none;
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 5px;
  color: white;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  width: 40px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  text-align: center;
}
.createproject-title {
  display: inline-block;
  margin-right: 10px;
}
.createproject-category {
  display: inline-block;
}
.createproject-episode-count {
  display: block;
  clear: both;
  margin-top: 10px;
}
.flex-row {
  display: flex;
  align-items: center;
}
.flex-row.row-top {
  align-items: flex-start;
}
#filetoolbar-container {
  position: relative;
  z-index: 999;
  text-align: right;
  display: flex;
}
#filetoolbar-container .minimalistselect .goog-menu-button-dropdown {
  top: 7px;
}
.cx-tool-item-locked:after {
  content: "\f023";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #9a9393;
  font-size: 14px;
  position: absolute;
  top: 14px;
  left: 48px;
}
.cx-filetoolbar {
  margin-left: 10px;
}
.cx-filetoolbar .btn {
  margin-right: 5px;
  margin-bottom: 0px;
  width: 60px;
  height: 30px;
  z-index: zindexTooltip;
  border: none;
  padding: 0;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  position: relative;
}
.cx-filetoolbar .btn:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.cx-filetoolbar .btn > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.cx-filetoolbar .btn > :last-child * {
  max-width: 100%;
}
.cx-filetoolbar .btn > :last-child:after,
.cx-filetoolbar .btn > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.cx-filetoolbar .btn > :last-child {
  margin-top: 10px;
  top: 100%;
}
.cx-filetoolbar .btn > :last-child:after {
  margin-bottom: -1px;
}
.cx-filetoolbar .btn > :last-child:after,
.cx-filetoolbar .btn > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.cx-filetoolbar .btn > :last-child:before {
  margin-bottom: 0px;
}
.cx-filetoolbar .btn > :last-child {
  left: -60px;
  margin-left: 50%;
}
.cx-filetoolbar .btn > :last-child:after,
.cx-filetoolbar .btn > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.cx-filetoolbar .btn > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.cx-filetoolbar .btn > :last-child:after {
  border-color: #333333;
}
.cx-filetoolbar .btn > :last-child:before {
  border-color: #0d0d0d;
}
.cx-filetoolbar .btn > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.cx-filetoolbar .btn[disabled] {
  background: rgba(230, 230, 230, 0.5);
  display: none;
}
.cx-filetoolbar .btn[disabled] i {
  opacity: 0.4;
}
.sketch-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../img/icon-sketch.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.duplicate-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../img/icon-duplicate.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.pin-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../img/icon-pin.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 700px) {
  .cx-filetoolbar {
    clear: both;
  }
  .cx-filetoolbar .btn {
    margin-top: 4px;
  }
}
.fly-out-menu {
  background-color: #222222;
  position: fixed;
  top: var(--flyout-menu-top, 0%);
  left: var(--flyout-menu-left, 100%);
  max-height: calc(100vh - (var(--flyout-menu-top, 0px)));
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10;
}
.fly-out-menu :first-child > .fly-out-menu-item-container {
  padding: 15px 20px 10px 20px !important;
}
.fly-out-menu :last-child > .fly-out-menu-item-container {
  padding: 10px 20px 15px 20px !important;
}
.fly-out-menu .fly-out-menu-item {
  min-width: 175px;
  font: normal normal normal 12px Lato;
  color: #F6F6F6;
  cursor: pointer;
  display: flex;
}
.fly-out-menu .fly-out-menu-item.hoverable:hover {
  background-color: #6E6E6E;
}
.fly-out-menu .fly-out-menu-item.disabled {
  opacity: 0.25;
  cursor: default;
}
.fly-out-menu .fly-out-menu-item .fly-out-menu-item-container {
  padding: 10px 20px 10px 20px;
  background: inherit;
  display: flex;
  flex: 1;
  align-items: center;
}
.fly-out-menu .fly-out-menu-item .fly-out-menu-item-container .fly-out-menu-item-label {
  justify-content: flex-start;
  display: inline-flex;
  flex: 1;
}
.fly-out-menu .fly-out-menu-item .fly-out-menu-item-container .fly-out-menu-item-shortcut {
  justify-content: flex-end;
  display: inline-flex;
}
.fly-out-menu .fly-out-menu-item .fly-out-menu-item-container .fly-out-menu-item-icon {
  font-size: 12px;
  margin-right: 15px;
}
.fly-out-menu .fly-out-sub-menu {
  display: flex;
  position: relative;
}
.fly-out-menu .fly-out-sub-menu .fly-out-menu-item-container .fly-out-sub-menu-arrow {
  justify-content: flex-end;
  flex: 1;
  display: flex;
}
.fly-out-menu .fly-out-sub-menu .fly-out-sub-menu-hitbox {
  top: var(--flyout-menu-top, 0%);
  left: var(--flyout-menu-left, 100%);
  max-height: calc(100vh - (var(--flyout-menu-top, 0px)));
  background-color: transparent;
  cursor: default;
  position: fixed;
  padding: 25px;
}
.fly-out-menu .fly-out-sub-menu .fly-out-sub-menu-hitbox:empty {
  padding: 0px;
}
.fly-out-menu .fly-out-sub-menu .fly-out-sub-menu-hitbox .fly-out-sub-menu__scroll-container {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 25px - (var(--flyout-menu-top, 0px)));
}
.fly-out-menu .fly-out-sub-menu .fly-out-sub-menu-hitbox .fly-out-sub-menu__scroll-container .fly-out-sub-menu-items {
  background-color: #222222;
  display: flex;
  flex-direction: column;
}
.fly-out-menu.fly-out-light {
  background-color: #F6F6F6;
}
.fly-out-menu.fly-out-light .fly-out-menu-item {
  color: #222222;
}
.fly-out-menu.fly-out-light .fly-out-menu-item.hoverable:hover {
  background-color: #D8D8D8;
}
.fly-out-menu.fly-out-rounded {
  border-radius: 15px;
}
.fly-out-menu.fly-out-rounded .fly-out-menu-item:first-child,
.fly-out-menu.fly-out-rounded .fly-out-menu-item-container:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.fly-out-menu.fly-out-rounded .fly-out-menu-item:last-child,
.fly-out-menu.fly-out-rounded .fly-out-menu-item-container:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.mobile-full-screen-menu .mobile-full-screen-component {
  flex-direction: column;
}
.mobile-full-screen-menu .mobile-full-screen-component .close-button {
  background-color: unset;
  color: #F6F6F6;
  padding: 10px 20px;
  opacity: 1;
  display: flex;
  align-self: flex-start;
}
.mobile-full-screen-menu .mobile-full-screen-component .close-button .action-btn {
  opacity: 1;
  font-size: 11px;
}
.mobile-full-screen-menu .mobile-full-screen-component .close-button .action-btn:before {
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mobile-full-screen-menu .mobile-full-screen-component .mobile-menu-title {
  padding: 10px 60px;
  font-size: 16px;
  color: #A2A2A3;
  text-overflow: ellipsis;
}
.mobile-full-screen-menu .mobile-full-screen-component .mobile-menu-items {
  padding: 20px 60px;
}
.mobile-full-screen-menu .mobile-full-screen-component .mobile-menu-items :first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.mobile-full-screen-menu .mobile-full-screen-component .mobile-menu-items :last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mobile-full-screen-menu .mobile-full-screen-component .mobile-menu-items .mobile-full-screen-menu-item {
  background-color: #292D30;
  width: 100%;
  height: 60px;
  color: #F6F6F6;
  display: flex;
  font-size: 14px;
  align-items: center;
}
.mobile-full-screen-menu .mobile-full-screen-component .mobile-menu-items .mobile-full-screen-menu-item .mobile-menu-item-icon {
  min-width: 40px;
  max-width: 40px;
  display: flex;
  justify-content: center;
}
.mobile-color-picker-navigation {
  display: flex;
  flex-direction: row;
  border-radius: 0px;
  padding: 10px 20px;
}
.mobile-color-picker-navigation .close-button {
  display: flex;
  padding: 0px;
}
.mobile-color-picker-navigation .save-button-container {
  border-radius: 0px;
  display: flex;
  flex: 1;
  align-self: center;
  justify-content: flex-end;
}
.color-palette {
  width: 250px;
}
.color-palette,
.mobile-color-picker-colors {
  display: grid;
  grid-template-rows: repeat(var(--max-color-palette-rows), 1fr);
  grid-template-columns: repeat(var(--max-color-palette-columns), 1fr);
  padding: 10px;
  background-color: #323232;
}
.color-palette .color-palette-circle-container,
.mobile-color-picker-colors .color-palette-circle-container,
.color-palette .invisible-color-palette-circle-container,
.mobile-color-picker-colors .invisible-color-palette-circle-container {
  justify-content: center;
  aspect-ratio: 1;
  padding: 5px;
  border-radius: 100%;
}
.color-palette .color-palette-circle-container .color-palette-border-circle,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-border-circle,
.color-palette .invisible-color-palette-circle-container .color-palette-border-circle,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-border-circle {
  aspect-ratio: 1;
  background-color: #707070;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.color-palette .color-palette-circle-container .color-palette-border-circle:active,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-border-circle:active,
.color-palette .invisible-color-palette-circle-container .color-palette-border-circle:active,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-border-circle:active,
.color-palette .color-palette-circle-container .color-palette-border-circle.active,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-border-circle.active,
.color-palette .invisible-color-palette-circle-container .color-palette-border-circle.active,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-border-circle.active {
  background-color: #2FB5B4;
}
.color-palette .color-palette-circle-container .color-palette-border-circle.disabled,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-border-circle.disabled,
.color-palette .invisible-color-palette-circle-container .color-palette-border-circle.disabled,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-border-circle.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.color-palette .color-palette-circle-container .color-palette-border-circle.disabled:after,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-border-circle.disabled:after,
.color-palette .invisible-color-palette-circle-container .color-palette-border-circle.disabled:after,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-border-circle.disabled:after {
  opacity: 0.2;
}
.color-palette .color-palette-circle-container .color-palette-circle,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-circle,
.color-palette .invisible-color-palette-circle-container .color-palette-circle,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-circle {
  max-width: calc(100% - 10%);
  min-width: calc(100% - 10%);
  aspect-ratio: 1;
  border-radius: 100%;
}
.color-palette .color-palette-circle-container .color-palette-circle.no-border,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-circle.no-border,
.color-palette .invisible-color-palette-circle-container .color-palette-circle.no-border,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-circle.no-border {
  max-width: 100%;
  min-width: 100%;
}
.color-palette .color-palette-circle-container .color-palette-circle,
.mobile-color-picker-colors .color-palette-circle-container .color-palette-circle {
  background-color: var(--color-palette-circle-color);
}
.color-palette .invisible-color-palette-circle-container .color-palette-circle,
.mobile-color-picker-colors .invisible-color-palette-circle-container .color-palette-circle {
  background-color: #F2F2F2;
  overflow: hidden;
  background-image: repeating-linear-gradient(135deg, transparent 0%, transparent 46%, red 46%, red 50%, red 54%, transparent 54%, transparent 100%);
}
.mobile-color-picker .mobile-full-screen-component {
  flex-direction: column;
}
.mobile-color-picker .mobile-full-screen-component .mobile-color-picker-colors {
  background-color: unset;
}
.mobile-color-picker .mobile-full-screen-component .mobile-color-picker-colors .invisible-color-palette-circle-container .invisible-color-palette-circle-strikethrough {
  border: 2px solid red;
}
.celtx-color-picker {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px 45px;
}
.celtx-color-picker .celtx-colorful-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.celtx-color-picker .celtx-colorful-container .react-colorful {
  width: unset;
  flex: 1;
  border-radius: 0px;
  min-height: 200px;
}
.celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__saturation {
  border: none;
  border-radius: 0px;
  min-height: 70%;
}
.celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__saturation .react-colorful__saturation-pointer {
  height: 20px;
  width: 20px;
  aspect-ratio: 1;
  border: 2px solid #F6F6F6;
}
.celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__hue {
  border-radius: 0px;
  margin: 0px;
  align-self: flex-end;
  width: 85%;
  background-size: 100% 20px;
  background-repeat: no-repeat;
  background-position-y: center;
  display: flex;
  padding: 20px 0px;
  align-items: center;
}
.celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__hue::before {
  border-radius: 100%;
  padding: 0px;
  border: 1px solid #F6F6F6;
  background-color: var(--color-picker-current-color);
  height: 20px;
  width: 20px;
  aspect-ratio: 1;
  display: flex;
  content: '';
  position: absolute;
  right: calc((100% * (100 / 85)) - (20px + 2px));
}
.celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__hue .react-colorful__hue-pointer {
  height: 20px;
  width: 20px;
  aspect-ratio: 1;
  border: 2px solid #F6F6F6;
  background-color: #F6F6F6;
}
.celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__hue .react-colorful__hue-pointer .react-colorful__pointer-fill {
  background-color: unset !important;
}
.celtx-color-picker .color-picker-color-input-container {
  height: 30px;
  display: flex;
}
.celtx-color-picker .color-picker-color-input-container .color-picker-color-input {
  padding: 6px;
  font-size: 14px;
  font-family: lato;
  display: flex;
  flex: 1;
  margin: 0px;
  border: 0px;
}
.celtx-color-picker .color-picker-color-input-container .color-picker-color-input.invalid-hex {
  outline: 1px solid red;
}
.celtx-color-picker .celtx-color-picker-swatches {
  padding-top: 15px;
}
.celtx-color-picker .celtx-color-picker-swatches .color-palette {
  background: unset;
  width: unset;
  padding: 0px;
}
.mobile-full-screen-component .celtx-color-picker .color-picker-color-input-container {
  height: 34px;
}
.mobile-full-screen-component .celtx-color-picker .color-picker-color-input-container .color-picker-color-input {
  padding: 8px;
  height: unset;
}
.mobile-full-screen-component .celtx-color-picker .celtx-colorful-container {
  height: 40%;
}
.mobile-full-screen-component .celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__hue {
  width: 80%;
  background-size: 100% 34px;
}
.mobile-full-screen-component .celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__hue::before {
  height: 34px;
  width: 34px;
  position: absolute;
  right: calc((100% * (100 / 80)) - (34px + 2px));
}
.mobile-full-screen-component .celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__hue .react-colorful__hue-pointer {
  height: calc(34px - 2px);
  width: calc(34px - 2px);
}
.mobile-full-screen-component .celtx-color-picker .celtx-colorful-container .react-colorful .react-colorful__saturation .react-colorful__saturation-pointer {
  height: 34px;
  width: 34px;
}
.celtx-color-picker-desktop-dialog {
  background-color: #222222;
  border-radius: 5px;
  z-index: 1;
  width: 340px;
  display: flex;
  flex-direction: column;
}
.celtx-color-picker-desktop-dialog .dragger {
  height: 20px;
}
.celtx-color-picker-desktop-dialog .title {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 14px;
  color: #F6F6F6;
  padding-left: 20px;
  text-transform: uppercase;
}
.celtx-color-picker-desktop-dialog .draggable-dialog-content {
  width: 100%;
  height: 100%;
}
.celtx-color-picker-desktop-dialog .draggable-dialog-content .celtx-color-picker {
  padding: 30px 20px 20px 20px;
  height: calc(100% - 30px - 20px - 20px);
}
.celtx-color-picker-desktop-dialog .draggable-dialog-content .celtx-color-picker .react-colorful__saturation {
  height: 160px;
}
.celtx-color-picker-desktop-dialog .draggable-dialog-content .celtx-color-picker-dialog-buttons {
  padding: 0px 20px 0px 20px;
  display: flex;
  justify-content: flex-end;
}
.folderlink {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
  color: #F6F6F6 !important;
  font-weight: normal;
  max-width: 350px;
}
.folderlink i {
  font-size: 12px;
}
.folderlink:focus {
  outline-offset: 3px;
}
.folderlink:last-child {
  text-decoration: none;
  flex-grow: 1;
}
@media (max-width: 1800px) {
  .folderlink:not(:last-child) {
    max-width: 250px;
  }
}
@media (max-width: 1600px) {
  .folderlink:not(:last-child) {
    max-width: 150px;
  }
}
@media (max-width: 1500px) {
  .folderlink {
    max-width: 180px;
  }
  .folderlink-long {
    max-width: 200px;
  }
  .folderlink:not(:last-child) {
    max-width: 130px;
  }
}
@media (max-width: 875px) {
  .container-fluid {
    display: block;
  }
}
.goog-menu.goog-menu-vertical .goog-menuitem.goog-menuitem-highlight {
  border-width: 1px 0!important;
}
.episode-select.goog-toolbar-menu-button {
  background-color: #3C3F3E;
  color: #F4F1EB;
  margin-left: 10px;
}
.episode-select.goog-toolbar-menu-button .goog-toolbar-menu-button-dropdown {
  background-image: none;
  margin-right: 3px;
}
.episode-select.goog-toolbar-menu-button .goog-toolbar-menu-button-dropdown:before {
  content: '\e829';
  font-family: celtxicons;
  font-size: 10px;
  margin-left: -10px;
}
.episode-select.goog-toolbar-menu-button.goog-toolbar-menu-button-open {
  background-color: #2B2B2A !important;
}
.episode-select.goog-toolbar-menu-button.goog-toolbar-menu-button-open .goog-toolbar-menu-button-dropdown:before {
  content: '\e898';
}
.episode-select .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-inner-box {
  border: none !important;
}
.episode-select .goog-toolbar-menu-button-caption {
  padding: 3px 60px 3px 15px;
}
.episode-select .goog-toolbar-menu-button-caption::before {
  content: '\e803';
  font-family: celtxicons;
  padding-right: 5px;
}
#content {
  background-color: #5A5A5A;
  padding: 20px;
}
.show {
  max-height: 1000px;
}
.hide {
  max-height: 0px;
}
.accordion-container {
  min-width: 300px;
  background-color: white;
  color: #888;
  overflow: hidden;
}
.accordion-container {
  background-color: white;
}
.accordion-header {
  cursor: pointer;
}
.accordion-container header {
  display: flex;
  background-color: #5A5A5A;
  border-top: 1px solid #b6b6b6;
  color: #F6F6F6;
  padding: 8px 0;
}
.prairie-nav-hidden-buttons .dropdown-menu {
  position: fixed;
  top: calc(50% - 154px);
  left: calc(50% - 251px);
}
.prairie-nav-hidden-buttons .btn-addfile {
  background: #3d3c3f !important;
  color: #fff;
  width: 80px !important;
  border-radius: 8px !important;
  text-transform: lowercase;
}
.prairie-nav-hidden-buttons .btn-addfile.disabled:hover,
.prairie-nav-hidden-buttons .btn-addfile.disabled:active {
  background: #3d3c3f !important;
}
.prairie-nav-hidden-buttons .btn-addfile .cxi-add_plus {
  font-size: 10px;
}
.prairie-nav-hidden-buttons .btn-addfile:hover {
  background: #878787 !important;
}
.prairie-nav-hidden-buttons .btn-addfile:active {
  background: #28beb5 !important;
}
.prairie-nav-hidden-buttons .dropdown-menu {
  z-index: 1013;
}
.accordion-container .expand {
  transform: rotate(-90deg);
  font-size: 10px;
  align-self: center;
  margin-right: 20px;
}
.accordion-container.open .expand {
  transform: rotate(90deg);
}
.accordion-container #contentContainer {
  max-height: 0px;
  overflow: auto;
  line-height: 1.6;
}
.reorder-episodes-dialog .modal-dialog-content {
  max-height: 400px !important;
}
.reorder-episode {
  border: 1px solid white;
  padding: 8px;
}
.draggable-episode {
  display: flex;
  justify-content: space-between;
  padding: 5px;
  background-color: #3b3d3e;
  transition: all 1s ease;
  border-radius: 5px;
}
.draggable-episode:nth-of-type(odd) {
  background-color: #464849;
}
.draggable-episode:hover {
  cursor: grab;
}
.draggable-episode .draggable-episode-inner {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
  white-space: nowrap;
}
.draggable-episode.reorder-episode-dragging {
  color: white;
  z-index: 2002;
  background-color: dimgrey;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.45);
  border-left: 4px solid #2FB5B4;
  border-radius: 5px;
  width: 364px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  cursor: grabbing;
  transition: background-color 1s ease;
}
.draggable-episode.reorder-episode-drophere {
  background: #959595;
  box-sizing: border-box;
  opacity: 0.5;
}
.draggable-episode.reorder-episode-drophere:after {
  visibility: hidden;
}
input.file-upload {
  position: absolute;
  width: 40px;
  height: 80px;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#drag-drop-upload {
  position: absolute;
  left: 30px;
  top: -20px;
  z-index: 1000;
  width: 295px;
}
.drag-drop-upload-list {
  height: 155px;
  margin: 20px 20px 20px 0;
  overflow-y: auto;
  width: 160px;
  text-align: left;
}
.drag-drop-upload-list::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.drag-drop-upload-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.drag-drop-upload-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.drag-drop-upload-list-wide {
  width: 380px;
}
.drag-drop-helpimage {
  margin: 20px 0;
  text-align: center;
  width: 180px;
  display: none;
}
#drag-drop-upload .arrow {
  height: 0;
  width: 0;
  float: left;
  border-color: transparent whitesmoke transparent transparent;
  border-width: 12px;
  border-style: solid;
  margin-top: 23px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1200;
}
#drag-drop-upload .arrow-background {
  height: 0;
  width: 0;
  float: left;
  border-color: transparent #aaa transparent transparent;
  border-width: 13px;
  border-style: solid;
  margin-top: 23px;
  position: absolute;
  top: -1px;
  left: -2px;
}
.drag-drop-upload-contents {
  text-align: center;
}
.drag-drop-upload-contents .browse-button {
  margin: 8px 0 20px 0;
  height: 30px;
}
.upload-popover-content {
  margin-left: 23px;
  padding: 8px;
  background: whitesmoke;
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px #aaa;
  -moz-box-shadow: 0 0 20px #aaa;
  box-shadow: 0 0 20px #aaa;
}
.drag-drop-upload-contents .drag-drop-upload-target {
  border: 2px dashed rgba(0, 0, 0, 0.15);
  padding: 10px 10px;
  color: #444;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.modal-dark .drag-drop-upload-contents .drag-drop-upload-target,
.modal-dark .drag-drop-upload-helptitle,
.modal-dark .drag-drop-upload-helpor {
  color: white;
}
.modal-dark .drag-drop-upload-target {
  border-color: rgba(255, 255, 255, 0.25);
}
.drag-drop-upload-contents .drag-drop-upload-target .helpText {
  text-align: center;
  font-size: 12px;
  padding: 0;
}
.dragover-filelist {
  border-color: #2FB5B4 !important;
}
.file-upload-button {
  padding: 10px 10px 11px 10px;
  text-shadow: none !important;
  background-color: #42a1c3;
}
.file-upload-multiple {
  position: absolute;
  top: 8px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 100px;
}
.loading-indicator {
  background: url('../img/loading-small.gif');
  width: 16px;
  height: 16px;
}
.file-num-indicator {
  padding: 0 2px;
}
.drag-drop-upload-item {
  margin: 1px 0;
  padding: 5px;
  background: #d9edf7;
}
.drag-drop-upload-item.failed {
  background: #f2dede;
}
.drag-drop-upload-item.success {
  background: #dff0d8;
}
.drag-drop-upload-item-filename {
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#createitem-container {
  display: block;
  margin: 25px auto 25px auto;
  width: auto;
  text-align: center;
}
#createitem-container .btn {
  float: none !important;
}
#createitem-container .btn:focus {
  outline: none;
  box-shadow: none;
}
#createitem-container {
  margin: 25px 10px 25px auto;
  display: block;
  width: auto;
  text-align: center;
}
.cx-processinglabel {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  position: fixed;
  top: 130px;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  z-index: 100000000000000000000;
  min-height: 20px;
  max-width: 640px;
  min-width: 100px;
  padding: 6px 20px;
  background: #2FB5B4;
  color: #222222;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.cx-processinglabel .cx-processinglabel-dismiss {
  display: none;
}
@media (max-width: 500px) {
  .cx-processinglabel {
    top: 80px;
  }
}
.cx-processinglabel.dismissable .cx-processinglabel-dismiss {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  text-decoration: underline;
}
.cx-processinglabel i {
  margin-right: 10px;
}
.cx-processinglabel.cx-processinglabel-success {
  background: #2FB5B4;
}
.cx-processinglabel.cx-processinglabel-success .loadingdot-one,
.cx-processinglabel.cx-processinglabel-success .loadingdot-two,
.cx-processinglabel.cx-processinglabel-success .loadingdot-three {
  display: none !important;
}
.cx-processinglabel.cx-processinglabel-danger {
  background: #eb0e47;
  color: #fff;
}
.cx-processinglabel.cx-processinglabel-danger .loadingdot-one,
.cx-processinglabel.cx-processinglabel-danger .loadingdot-two,
.cx-processinglabel.cx-processinglabel-danger .loadingdot-three {
  display: none !important;
}
.cx-processinglabel.cx-processinglabel-info {
  background: #2FB5B4;
}
.cx-processinglabel.cx-processinglabel-info .loadingdot-one,
.cx-processinglabel.cx-processinglabel-info .loadingdot-two,
.cx-processinglabel.cx-processinglabel-info .loadingdot-three {
  display: none !important;
}
.cx-processinglabel.cx-processinglabel-whitebg {
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5), 0 0 0 1000000px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5), 0 0 0 1000000px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5), 0 0 0 1000000px rgba(255, 255, 255, 0.5);
}
.cx-processinglabel-whiteoutbg {
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.6), 0 0 0 100000px rgba(255,255,255,.6);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.6), 0 0 0 100000px rgba(255,255,255,.6);
  box-shadow: 0 0 10px rgba(0,0,0,.6), 0 0 0 100000px rgba(255,255,255,.6);
}
.cx-processinglabel-production-wizard {
  top: auto;
}
.cx-processinglabel-documentview {
  left: 35%;
}
.cx-processinglabel-typeset {
  left: 35%;
  background-position: center center;
}
.cx-processinglabel-text {
  font-size: 12px;
  margin-top: -4px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
.cx-processinglabel-ellipsis {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  margin-top: -4px;
}
.cx-processinglabel-success .cx-processinglabel-ellipsis,
.cx-processinglabel-info .cx-processinglabel-ellipsis,
.cx-processinglabel-danger .cx-processinglabel-ellipsis {
  display: none;
}
.loadingdot-one {
  opacity: 0;
  -webkit-animation: dot 0.75s infinite;
  -moz-animation: dot 0.75s infinite;
  animation: dot 0.75s infinite;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.loadingdot-two {
  opacity: 0;
  -webkit-animation: dot 0.75s infinite;
  -moz-animation: dot 0.75s infinite;
  animation: dot 0.75s infinite;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.loadingdot-three {
  opacity: 0;
  -webkit-animation: dot 0.75s infinite;
  -moz-animation: dot 0.75s infinite;
  animation: dot 0.75s infinite;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cx-processinglabel-bigattention-dots {
  display: none;
}
.cx-processinglabel-hide-ellipsis .cx-processinglabel-ellipsis {
  display: none;
}
.cx-processinglabel-bigattention {
  min-height: 130px;
  padding: 20px;
  top: 50%;
  margin-top: -85px;
  background: #F2F4F5;
  border: none;
  color: #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.cx-processinglabel-bigattention .cx-processinglabel-text {
  text-transform: uppercase;
  font-size: 16px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: 1px;
  font-weight: bold;
}
.cx-processinglabel-bigattention .cx-processinglabel-bigattention-dots {
  display: block;
}
.cx-processinglabel-bigattention .cx-processinglabel-ellipsis {
  display: none;
}
.cx-processinglabel-bigattention .spinnerdots {
  margin: 80px auto 20px auto;
}
.cx-processinglabel-bigattention .spinnerdots > div {
  background-color: #333;
}
.cx-processinglabel-multistep {
  z-index: 100000000000000000000;
  background: #23272b;
  color: white;
  border-color: #222222;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 40px;
  -webkit-box-shadow: 0 0 20px 100000px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 20px 100000px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 20px 100000px rgba(255, 255, 255, 0.5);
}
.cx-processinglabel-multistep .cx-processinglabel-text {
  position: relative;
  margin: 0 -41px;
  display: block;
}
.cx-processinglabel-multistep p {
  margin-bottom: 30px;
  font-size: 18px;
}
.cx-processinglabel-multistep .cx-processinglabel-ellipsis {
  display: none;
}
.cx-processinglabel-multistep i {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  font-size: 40px;
  animation-delay: 100ms;
  margin-bottom: 14px;
}
.projectloading {
  position: relative;
  top: -40px;
  background: #4fc0e8;
  height: 2px;
  display: block;
  width: 0%;
}
.projectloading-2500 {
  -webkit-backface-visibility: hidden;
  -webkit-transition: width ease-in 2200ms;
  -moz-transition: width ease-in 2200ms;
  -ms-transition: width ease-in 2200ms;
  -o-transition: width ease-in 2200ms;
  transition: width ease-in 2200ms;
}
.projectloading-3000 {
  -webkit-backface-visibility: hidden;
  -webkit-transition: width ease-in 2700ms;
  -moz-transition: width ease-in 2700ms;
  -ms-transition: width ease-in 2700ms;
  -o-transition: width ease-in 2700ms;
  transition: width ease-in 2700ms;
}
.projectloading-10000 {
  -webkit-backface-visibility: hidden;
  -webkit-transition: width ease-in 9700ms;
  -moz-transition: width ease-in 9700ms;
  -ms-transition: width ease-in 9700ms;
  -o-transition: width ease-in 9700ms;
  transition: width ease-in 9700ms;
}
.projectloading-startloading {
  width: 100%;
}
.projectloading-startloading.projectloading-neverending {
  width: 90%;
}
.cx-processinglabel-abspos {
  position: absolute;
}
.cx-processingspinner {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 999999;
  background: #fff url(../img/loading-big.gif) center center no-repeat;
  width: 50px;
  height: 50px;
  margin: auto;
  padding: 10px;
  align-self: center;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  display: flex;
  border-radius: 50%;
}
.cx-processingspinner.hide {
  display: none !important;
}
.cx-sharecomponent {
  min-width: 500px;
  position: relative;
  color: #666769;
}
.cx-sharecomponent > * {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.cx-sharecomponent.loading > * {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0ms ease;
  -moz-transition: opacity 0ms ease;
  -ms-transition: opacity 0ms ease;
  -o-transition: opacity 0ms ease;
  transition: opacity 0ms ease;
}
.cx-sharecomponent.loading:after {
  content: ' ';
  width: 32px;
  height: 32px;
  background-image: url("../img/loading-circle32.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
  list-style: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.cx-sharecomponent-small {
  min-width: 360px;
  width: 360px;
}
.cx-shareitem-container {
  max-height: 220px;
  overflow-y: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  padding: 0;
}
.cx-shareitem-container::-webkit-scrollbar {
  height: 16px;
  overflow: visible;
  width: 16px;
}
.cx-shareitem-container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 6px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.cx-shareitem-container::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
.cx-shareitem-container::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}
.cx-shareitem-container::-webkit-search-results-decoration element ::-webkit-scrollbar-corner {
  background: transparent;
}
.cx-sharelistitem {
  display: block;
  position: relative;
  padding: 10px 0;
  background-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.cx-sharelistitem:before,
.cx-sharelistitem:after {
  display: table;
  content: "";
}
.cx-sharelistitem:after {
  clear: both;
}
.cx-sharelistitem:hover .cx-sharelistitem-remove {
  opacity: 1;
}
.cx-sharelistitem.justadded {
  background-color: #dff0d8;
  color: successText;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.cx-sharelistitem-user {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 10px 4px 0;
}
.cx-sharelistitem-user-avatar {
  display: inline-block;
  vertical-align: middle !important;
  margin-right: 10px;
}
.cx-sharelistitem-user-name {
  color: #222;
  display: inline-block;
  vertical-align: middle;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-sharelistitem-user-email {
  color: #999;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.cx-sharelistitem-permission {
  float: right;
  margin: 0;
}
.cx-sharelistitem-permission span {
  margin: 11px 0;
  display: inline-block;
  vertical-align: middle;
}
.cx-sharelistitem-permission select {
  margin: 7px 0;
  width: 75px;
  height: 25px;
  font-size: 12px;
}
.cx-sharelistitem-roleselect {
  width: 75px;
  height: 25px;
  font-size: 12px;
}
.cx-sharelistitem-remove {
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  line-height: 1;
}
.cx-sharelistitem-remove-button {
  color: #222 !important;
}
.shareteam {
  width: 340px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.shareteam-table,
.shareteam-shareall-table {
  width: 100%;
}
.shareteam-table td,
.shareteam-shareall-table td {
  vertical-align: middle;
}
.shareteam-shareall-table tr td {
  background-color: #d9edf7;
}
.shareteam-shareall-table tr:hover td {
  background-color: #c4e3f3 !important;
}
.shareteam-table-container.shareteam-table-container-scroll {
  max-height: 300px;
  overflow: auto;
}
.shareteam-table-row {
  vertical-align: middle;
  height: 40px;
}
.shareteam-table-row .cx-sharelistitem-roleselect {
  margin: 0;
}
.shareteam-table-row td {
  padding-right: 10px;
}
.shareteam-table-item-checkbox {
  margin-left: 10px !important;
  vertical-align: middle;
}
.shareteam-table-item-text {
  vertical-align: middle;
  margin: 0 0 0 10px !important;
  width: 155px;
  cursor: hand;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.shareteam-table-item-avatar {
  width: 100%;
  vertical-align: middle;
}
.shareteam-table-item-avatar.loading .avatar-wrapper {
  opacity: 1 !important;
}
.shareteam-table-item-avatar.loading .avatar {
  background: url('../img/loading-small.gif') !important;
}
.share-dialog .modal-dialog-content {
  max-height: 500px;
  overflow: auto;
}
.cx-shareadd {
  margin: 0 0 0 0;
  position: relative;
  z-index: 9;
}
.cx-shareadd .shareadd-enteremail {
  margin: 0 !important;
  display: inline-block;
  text-align: left;
  position: relative;
}
.cx-shareadd .shareadd-enteremail .shareadd-enteremail-label {
  width: 220px;
  vertical-align: top;
  margin-left: 5px;
}
.cx-shareadd .shareadd-enteremail input {
  width: 270px;
}
.cx-shareadd .ac-renderer {
  text-align: left;
  max-height: 200px;
  overflow-y: scroll;
  padding-right: 10px;
  width: 244px;
  margin-left: 20px;
}
.cx-shareadd .ac-renderer::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.cx-shareadd .ac-renderer::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.cx-shareadd .ac-renderer::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.shareadd-status {
  margin: 10px auto;
  min-height: 20px;
  max-width: 460px;
}
.cx-shareadd-text {
  margin: 0 !important;
}
.cx-shareadd-submit {
  margin: 0 0 1px 10px !important;
}
.teamshare-container {
  margin: 20px auto 0px auto;
  text-align: left;
  padding: 20px 0 0 0;
}
.teamshare-container.readonly {
  width: auto;
  margin: 0 0 20px 0;
  padding-top: 0;
  border: none;
}
.teamshare-container.readonly .teamshare-text {
  float: none !important;
  margin-right: 10px;
}
.teamshare-container.readonly .teamshare-settings {
  float: none !important;
}
.teamshare-text,
.sharelink-text {
  width: 280px;
  margin-right: 20px;
  font-weight: normal !important;
  margin-top: 0px;
  margin-bottom: 0;
}
.teamshare-role {
  margin: -1px 0 0 10px;
}
.teamshare-role .cx-sharelistitem-roleselect {
  margin: 0;
}
.sharelink-dialog .modal-dialog-content {
  height: 130px;
}
.sharelink-delete {
  display: block;
  margin-top: 10px;
}
.sharing-menu-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1012;
  /* Because #prairie-nav-container has a z-index of 1011 */
}
.sharing-menu {
  margin: 150px auto 0 auto;
  position: relative;
  list-style-type: none;
  width: 365px;
  cursor: default;
}
.sharing-menu .menubar-tooltip {
  visibility: hidden;
  background-color: #3C3D3E;
  border: none;
  padding: 2px;
  overflow: visible;
}
.sharing-menu .menubar-tooltip:after {
  content: " ";
  position: absolute;
  right: 47px;
  top: -12px;
  border-top: 10px solid transparent;
  border-right: none;
  border-left: 10px solid #3C3D3E;
  border-bottom: 10px solid transparent;
  transform: rotate(-90deg);
}
.sharing-menu .sharing-menu-item {
  position: relative;
  background-color: #323232;
  list-style-type: none;
  text-align: left;
  display: flex;
}
.sharing-menu .sharing-menu-item .shareable-link-cta-section {
  border-top: solid 1px #7E7E7E;
  margin: 0px 20px;
  width: 100%;
  padding-top: 10px;
}
.sharing-menu .sharing-menu-item .shareable-link-cta {
  font-size: 12px;
  text-transform: none;
  color: #F6F6F6;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner {
  color: #F6F6F6;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 15px 0px;
  margin: 0px 20px;
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  text-transform: none;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner.shareable-link-section {
  margin: 10px 0px;
  padding: 10px 20px;
  height: 30px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner.shareable-link-section:hover {
  background-color: black;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner:hover > .menubar-tooltip {
  visibility: visible;
  transition: visibility 0s linear 1s;
  margin-left: 112px;
  margin-top: 30px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner:hover .shareable-link-tooltip {
  margin-top: 60px;
  padding: 7px 2px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .sharing-menu-header {
  display: flex;
  flex-direction: row;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .sharing-menu-header .sharing-menu-cta {
  line-height: 28px;
  margin-bottom: 10px;
  color: #F6F6F6;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .sharing-menu-header .btn-cancel_delete {
  color: #868686;
  margin-left: auto;
  padding: 0;
  position: relative;
  left: 5px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner #shareable-link-btn {
  width: 285px;
  height: 30px;
  display: flex;
  align-items: center;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner #delete-shareable-link-btn {
  margin-top: 0px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .shareable-link-div {
  margin: 1px 0;
  display: flex;
  align-items: center;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .shareable-link-container #shareable-link-input {
  width: 250px;
  margin-bottom: 0px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .shareable-link-container #shareable-link-input:hover {
  cursor: copy;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .shareable-link-container:hover > .menubar-tooltip {
  visibility: visible;
  transition: visibility 0s linear 0.5s;
  margin-left: -185px;
  margin-top: 35px;
  padding: 7px 2px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .delete-link {
  padding: 0px;
  margin-right: 0;
  margin-left: 10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 0;
  font-size: 11px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .delete-link:hover {
  background-color: #1F211F !important;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .delete-link:hover > .menubar-tooltip {
  visibility: visible;
  transition: visibility 0s linear 1s;
  margin-left: -60px;
  margin-top: 25px;
  padding: 7px 2px;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner.invite {
  flex-direction: row;
  border: none;
  padding: 5px 20px;
  margin: 10px 0;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner.invite:hover {
  background-color: #1F211F;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .sharing-menu-item-title {
  color: inherit;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  white-space: nowrap;
  cursor: inherit;
  text-align: left;
  text-transform: capitalize;
  height: 30px;
  margin-top: -3px;
  display: flex;
  align-items: center;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .sharing-menu-change-permissions {
  font-size: 11px;
  cursor: pointer;
}
.sharing-menu .sharing-menu-item .sharing-menu-item-inner .sharing-menu-share-btn {
  margin-left: auto;
  margin-bottom: 20px;
  display: inline-flex;
  min-width: unset;
  text-transform: uppercase;
  cursor: pointer;
  align-self: center;
}
.sharing-menu textarea {
  width: 315px;
  height: 70px;
}
.sharing-menu textarea::placeholder {
  font-style: italic;
}
.sharing-menu .prairie-nav-dropdown-container {
  width: 100%;
  height: 100%;
}
.sharing-menu .prairie-nav-dropdown-container .active .prairie-nav-dropdown {
  color: #1FA3A2;
}
.sharing-menu .prairie-nav-dropdown-container .react-dropdown .react-dropdown-toggle.toggle.active {
  color: #F6F6F6 !important;
}
.sharing-menu .prairie-nav-dropdown-container .react-dropdown .react-dropdown-menu {
  width: 168px;
  right: 0;
  left: 10px;
  top: 35px;
  font-size: 12px;
  box-shadow: 0px 5px 8px #00000029;
  border-radius: 4px;
}
.sharing-menu .prairie-nav-dropdown-container .react-dropdown .react-dropdown-menu ul li {
  width: unset;
}
.sharing-menu .prairie-nav-dropdown-container .react-dropdown .react-dropdown-menu ul li .react-dropdown-menu__item-label {
  min-width: 120px;
}
.sharing-menu .prairie-nav-dropdown-container .react-dropdown .react-dropdown-toggle span {
  display: inline-block;
  min-width: 120px;
}
.share-select-container {
  position: relative;
}
.share-select-container .share-select-email-list {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 315px;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  border: 1px solid #cccccc;
  background-color: #F6F6F6;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.share-select-container .share-select-email-list:focus-within {
  border-color: #2FB5B4;
  outline: 0;
}
.share-select-container .share-select-email-list::-webkit-scrollbar {
  display: none;
}
.share-select-container .share-select-email-list .share-select-email-span {
  background: #F2F0F2 0% 0% no-repeat padding-box;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  margin-right: 5px;
  outline: none;
  cursor: pointer;
}
.share-select-container .share-select-email-list .share-select-email-span .cxi-cancel_delete {
  display: none;
}
.share-select-container .share-select-email-list .share-select-email-span:hover,
.share-select-container .share-select-email-list .share-select-email-span:focus {
  background: #c2bfc2 0% 0% no-repeat padding-box;
}
.share-select-container .share-select-email-list .share-select-email-span:hover .cxi-cancel_delete,
.share-select-container .share-select-email-list .share-select-email-span:focus .cxi-cancel_delete {
  display: inline;
}
.share-select-container .share-select-email-list .share-select-email-span:active {
  background: #979697 0% 0% no-repeat padding-box;
}
.share-select-container .share-select-email-list .share-select-email-input {
  flex: 1;
  border: unset;
  padding: unset;
  width: unset;
  background-color: #F6F6F6;
  width: 317px;
}
.share-select-container .share-select-email-suggestions {
  position: absolute;
  top: 28px;
  background-color: #F6F6F6;
  width: calc(100% - 2px);
  max-height: 182px;
  min-height: 38px;
  z-index: 1;
  font-size: 12px;
  border: 1px solid gray;
  overflow-y: auto;
  overflow-x: auto;
  align-self: normal;
}
.share-select-container .share-select-email-suggestions .share-select-email-suggestion {
  height: 38px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #F6F6F6;
}
.share-select-container .share-select-email-suggestions .share-select-email-suggestion.highlighted {
  background-color: lightgray;
}
.share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-icon {
  padding: 0px 4px;
  color: black;
}
.share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-spacer-left {
  color: grey;
  padding-left: 10px;
}
.share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-spacer-right,
.share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-unsectioned {
  color: grey;
}
.share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-sectioned {
  color: black;
  font-weight: bold;
}
.share-select-container .invalid .share-select-email-list {
  border-color: #FF6052;
}
.share-select-container .share-select-message-input {
  display: block;
  width: 100%;
  margin-bottom: 0;
  height: 50px;
}
.share-select-container .share-select-message-input::-webkit-input-placeholder,
.share-select-container .share-select-email-input::-webkit-input-placeholder {
  font-style: italic;
}
.share-select-container .share-select-message-input:-moz-placeholder,
.share-select-container .share-select-email-input:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
}
.share-select-container .share-select-message-input::-moz-placeholder,
.share-select-container .share-select-email-input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
}
.share-select-container .share-select-message-input:-ms-input-placeholder,
.share-select-container .share-select-email-input:-ms-input-placeholder {
  font-style: italic;
}
.share-select-container.expanded .share-select-email-list {
  display: block;
  margin-bottom: 0;
  border: unset;
  background: unset;
  overflow: visible;
  pointer-events: none;
}
.share-select-container.expanded .share-select-email-list .share-select-email-span {
  margin-bottom: 5px;
}
.share-select-container.expanded .share-select-email-list .share-select-email-input {
  display: none;
}
.share-select-container .share-select-error-message {
  font: normal normal normal 11px/16px Lato;
  white-space: break-spaces;
  margin-bottom: 10px;
  color: #FF6052;
}
#filetypeselector-container,
#viewselector-container {
  margin-right: 10px;
}
#filetypeselector-container .dropdown-menu,
#viewselector-container .dropdown-menu {
  min-width: 100px;
  text-align: right;
}
#viewselector-container {
  margin: 0 14px;
  margin-left: auto;
}
#viewselector-container .btn {
  position: relative;
}
#viewselector-container .btn:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
#viewselector-container .btn > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
#viewselector-container .btn > :last-child * {
  max-width: 100%;
}
#viewselector-container .btn > :last-child:after,
#viewselector-container .btn > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
#viewselector-container .btn > :last-child {
  bottom: 100%;
  margin-bottom: 10px;
}
#viewselector-container .btn > :last-child:after {
  margin-top: -1px;
}
#viewselector-container .btn > :last-child:after,
#viewselector-container .btn > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}
#viewselector-container .btn > :last-child:before {
  margin-top: 0px;
}
#viewselector-container .btn > :last-child {
  left: -60px;
  margin-left: 50%;
}
#viewselector-container .btn > :last-child:after,
#viewselector-container .btn > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
#viewselector-container .btn > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
#viewselector-container .btn > :last-child:after {
  border-color: #333333;
}
#viewselector-container .btn > :last-child:before {
  border-color: #0d0d0d;
}
#viewselector-container .btn > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
#viewselector-container .btn span {
  margin-bottom: 2px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  font-size: 13px;
}
.cx-overlay {
  position: absolute;
  width: 100%;
  background-color: #fff;
  height: 100%;
  top: 0px;
  opacity: 0;
  left: 0px;
}
.navbar-container .nav-stacked > li {
  margin: 3px 0px;
}
.navbar-container .sidebar-update-badge {
  float: right;
  padding: 1px 4px 2px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 13px;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #3a87ad;
  font-size: 11px;
}
.sidebar-nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.cx-checkbox-undetermined {
  background: #fff url(//ssl.gstatic.com/ui/v1/menu/checkmark-partial.png) no-repeat -5px -5px;
}
.cx-commentlist {
  width: 100%;
  margin-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
}
.cx-commentlistitem {
  background: #f7f7f7;
}
.cx-commentlistitem:before,
.cx-commentlistitem:after {
  display: table;
  content: "";
}
.cx-commentlistitem:after {
  clear: both;
}
.cx-commentlistitem:nth-child(even) {
  background: aliceblue;
}
.cx-commentlistitem.cx-commentlistitem-reply {
  background: #f0f0f0;
}
.cx-commentlistitem.cx-commentlistitem-reply:nth-child(even) {
  background: #e7f4ff;
}
.cx-commentlistitem-main {
  padding: 20px 15px 15px 15px;
  position: relative;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-backface-visibility: hidden;
  -webkit-transition: background-color 600ms ease;
  -moz-transition: background-color 600ms ease;
  -ms-transition: background-color 600ms ease;
  -o-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  background-color: rgba(0, 0, 0, 0);
}
.cx-commentlistitem-main:before,
.cx-commentlistitem-main:after {
  display: table;
  content: "";
}
.cx-commentlistitem-main:after {
  clear: both;
}
.cx-commentlistitem-main:hover .cx-commentlistitem-actions {
  opacity: 1;
}
.cx-commentlistitem-reply-icon {
  display: none;
}
.cx-commentlistitem-reply-icon .cx-commentlistitem-thread-icon {
  background: url(../img/thread_arrow.png) no-repeat;
  height: 20px;
  width: 15px;
}
.cx-commentadd-smaller .cx-commentadd-textarea-container::before {
  top: 9px;
}
.cx-commentadd-smaller .cx-commentadd-textarea-container::after {
  top: 9px;
}
.cx-commentadd-smaller .cx-commentadd-textarea {
  width: 234px;
  height: 44px;
}
.cx-commentlistitem-replies:before,
.cx-commentlistitem-replies:after {
  display: table;
  content: "";
}
.cx-commentlistitem-replies:after {
  clear: both;
}
.cx-commentlistitem-replies .cx-commentlistitem .cx-commentlistitem-main {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 20px 15px 15px 35px;
}
.cx-commentlistitem-replies .cx-commentlistitem .cx-commentlistitem-main .cx-commentlistitem-reply-icon {
  display: block;
  float: left;
  padding-right: 20px;
}
.cx-commentlistitem-replies .cx-commentlistitem .cx-commentlistitem-main .cx-commentlistitem-textcontainer {
  margin-left: 99px;
}
.cx-commentlistitem-replies .cx-commentlistitem .cx-commentlistitem-main .cx-commentlistitem-dateactions-container {
  top: 14px;
}
.cx-commentlistitem-replies .cx-commentlistitem .cx-commentlistitem-main .cx-commentlistitem-dateactions-container .cx-commentlistitem-actions,
.cx-commentlistitem-replies .cx-commentlistitem .cx-commentlistitem-main .cx-commentlistitem-dateactions-container .cx-commentlistitem-hideaction {
  display: none;
}
.cx-commentlistitem-replies .cx-commentadd {
  display: none;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 6px;
}
.cx-commentlistitem-replies .cx-commentadd:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.cx-commentlistitem-replies .cx-commentadd.clicked {
  opacity: 1;
}
.cx-commentlistitem-highlight {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background-color 600ms ease;
  -moz-transition: background-color 600ms ease;
  -ms-transition: background-color 600ms ease;
  -o-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  background-color: #d9edf7 !important;
}
.cx-commentlistitem-actions {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  position: relative;
}
.cx-commentlistitem-date {
  color: #999;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
}
.cx-commentlistitem-author {
  font-size: 16px;
  height: 22px;
}
.cx-commentlistitem-author div {
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
}
.cx-commentlistitem-author-name {
  vertical-align: bottom;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding-right: 5px;
  margin: 0 0 0 10px;
  font-size: 13px;
  font-weight: 400;
}
.cx-commentlistitem-reply-count {
  float: right;
  padding-left: 5px;
  font-size: 13px;
  border-left: 2px solid rgba(0, 0, 0, 0.3);
}
.cx-commentlistitem-user-avatar {
  width: 50px;
  height: 50px;
  float: left;
  border-radius: 5px !important;
}
.cx-commentlistitem-textcontainer {
  margin-left: 65px;
}
.cx-commentlistitem-text {
  margin: 3px 0 6px 0;
  font-size: 11px;
  opacity: 0.8;
}
.cx-commentlistitem-dateactions-container {
  font-size: 11px;
  font-weight: 300;
  overflow: hidden;
}
.cx-commentlistitem-dateactions-container .cx-commentlistitem-delete {
  position: absolute;
  right: 5%;
  font-size: 10px;
  background: none;
  text-shadow: none;
  border: none;
  color: white !important;
  box-shadow: none;
}
.cx-commentlistitem-dateactions-container .cx-commentlistitem-delete .cx-commentlistitem-remove {
  background: url(../img/remove.png) no-repeat;
  height: 10px;
  width: 11px;
}
.cx-commentlistitem-dateactions-container div {
  float: left;
}
.cx-commentlistitem-dateactions-container a {
  color: #999;
  opacity: 0.9;
}
.cx-commentlistitem-hideaction {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  position: relative;
}
.cx-commentadd-avatar-wrapper {
  width: 50px;
  height: 50px;
  float: left;
}
.cx-commentadd-avatar-wrapper .cx-commentadd-avatar {
  height: 100%;
  width: 100%;
  border-radius: 5px;
}
.cx-commentadd-input-container {
  margin-left: 52px;
}
.cx-commentadd-information-container .cx-commentadd-date,
.cx-commentadd-information-container .cx-commentadd-username {
  margin: 0;
  margin-bottom: 3px;
}
.cx-commentadd-information-container .cx-commentadd-date {
  float: right;
  margin-right: 5px !important;
  color: darkgray;
  font-size: 10px;
}
.cx-commentadd-information-container .cx-commentadd-username {
  position: relative;
  left: 10px;
}
.cx-commentadd-submit-wrapper {
  margin-top: 20px;
  text-align: right;
}
.cx-commentadd-name {
  color: #222;
  font-size: 20px;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.cx-commentadd-textarea {
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
.cx-commentadd-textarea-container {
  height: 75px;
  margin-left: 7px;
}
@media (max-width: 767px) {
  .cx-commentadd {
    width: 95%;
  }
  .cx-commentadd .cx-commentadd-submit {
    float: initial;
  }
  .cx-commentlist {
    width: 95%;
  }
  .cx-commentlist .cx-commentlistitem-main .cx-commentlistitem-reply-icon {
    display: none !important;
  }
  .cx-commentlist .cx-commentlistitem-main .cx-commentlistitem-author {
    white-space: nowrap;
  }
  .cx-commentlist .cx-commentlistitem-main .cx-commentlistitem-textcontainer {
    margin-left: 50px;
  }
  .cx-commentlist .cx-commentlistitem-main .cx-commentlistitem-textcontainer .cx-commentlistitem-actions {
    margin-left: 10px;
  }
  .cx-commentlist .cx-commentlistitem-main .cx-commentlistitem-textcontainer .cx-commentlistitem-hideaction {
    margin-left: 5px;
  }
  .cx-commentlist .cx-commentlistitem-main .cx-commentlistitem-user-avatar {
    width: 25px;
    height: 25px;
  }
  .cx-commentlist .cx-commentlistitem-main .cx-commentlistitem-user-avatar .avatar {
    height: 25px;
    width: 25px;
  }
}
.cx-versionlist {
  width: 100%;
  overflow-x: hidden;
}
[id$='-blank-state'] {
  display: flex;
  flex: 1;
  padding: 0px 20px;
}
.cx-versionlistitem {
  border-bottom: none;
  position: relative;
  height: 20px;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
}
.cx-versionlistitem:hover {
  background: #f2f2f2;
  cursor: pointer;
}
.cx-versionlistitem-selected {
  background-image: -moz-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: -ms-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DEF0F9), to(#D1EBF7));
  background-image: -webkit-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: -o-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: linear-gradient(top, #DEF0F9, #D1EBF7);
  background-repeat: repeat-x;
}
.cx-versionlistitem-selected:hover {
  background-image: -moz-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: -ms-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DEF0F9), to(#D1EBF7));
  background-image: -webkit-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: -o-linear-gradient(top, #DEF0F9, #D1EBF7);
  background-image: linear-gradient(top, #DEF0F9, #D1EBF7);
  background-repeat: repeat-x;
  cursor: pointer;
}
.cx-versionlistitem-selected .cx-versionlistitem-pointer {
  display: block;
}
.cx-versionlistitem-selected .cx-versionlistitem-restore {
  display: block;
}
.cx-versionlistitem-restore {
  position: absolute;
  bottom: 5px;
  right: 10px;
  display: none;
}
.cx-versionlistitem-date {
  position: absolute;
  left: 40px;
}
.cx-versionlistitem-author {
  color: #999;
  position: absolute;
  top: 30px;
  left: 40px;
}
.cx-versionlistitem-avatar {
  border: 3px solid #fff;
  margin-right: 6px;
  background-color: #000;
  background-size: auto 30px;
  background-size: cover;
  height: 14px;
  width: 14px;
  margin-top: 1px;
}
.cx-versionlistitem-avatar-initials {
  color: #ffffff;
  position: absolute;
  top: 8px;
  left: 2px;
  font-size: 14px;
  width: 30px;
  text-align: center;
}
.cx-versionlistitem-pointer {
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
}
.cx-versionlistitem-date-selected {
  position: absolute;
  left: 40px;
}
.cx-versionlistitem-favorite {
  font-size: 17px;
  margin-top: -3px;
  padding-right: 30px;
}
.cx-versionlistitem-favorite i {
  cursor: pointer;
}
.listloadmore {
  text-align: center;
  position: relative;
}
.listloadmore .btn {
  padding: 8px 0;
  display: block;
  text-align: center;
  width: 100%;
}
.listloadmore .cx-processinglabel {
  position: static;
  display: block;
  width: 140px;
  padding: 8px 0;
  margin: 0 auto;
  transform: none;
}
.listloadmore .cx-processinglabel.hide {
  display: none;
}
.cx-usersettingdropdown {
  cursor: pointer;
  cursor: hand;
}
.cx-usersettingdropdown .btn-group {
  padding-left: 5px;
  margin: 0;
  outline-offset: -3px;
}
.cx-usersettingdropdown[disabled] {
  opacity: 0.2;
  pointer-events: none;
}
.cx-usersettingdropdown-username-container {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 4px 16px 4px 4px;
}
.cx-usersettingdropdown-username {
  font-weight: normal;
  font-size: 16px;
  color: #F6F6F6;
  text-overflow: ellipsis;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
}
.fa.fa-caret-down {
  color: #F6F6F6;
}
.cx-usersettingdropdown-username:hover {
  text-decoration: none;
}
.pagination-list-container {
  text-align: center;
}
.pagination-list {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.pagination-list li {
  float: left;
  margin: 0;
  padding: 5px;
  list-style: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pagination-list li a {
  padding: 5px;
}
.pagination-list li a.pagination-link.current-page {
  background: #2FB5B4;
  color: white !important;
}
.cx-notifier {
  position: absolute;
  right: -315px;
  width: 310px;
  min-height: 100px;
  z-index: 7000;
  bottom: 45px;
  background-color: #181919;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: right 0.5s ease-in;
  -moz-transition: right 0.5s ease-in;
  -ms-transition: right 0.5s ease-in;
  -o-transition: right 0.5s ease-in;
  transition: right 0.5s ease-in;
  font-family: 'Lato';
}
.cx-notifier.show {
  right: 30px;
}
.cx-notifier .cx-notifier-buttons {
  padding: 0px 12px 12px;
  float: right;
}
.wizard {
  width: 800px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.wizard .next-msg {
  position: absolute;
  bottom: 100px;
  right: 60px;
}
.bigger-modal .wizard {
  width: 960px;
}
.startmodal-profile-profile {
  text-align: left;
}
.startmodal-profile-profile .profilemanager {
  background: transparent;
  padding: 0;
  margin: 0 auto;
  min-height: initial;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.startmodal-profile-profile .profilemanager .profilemanager-content {
  padding-top: 0;
}
.wizard-shadowcontainer {
  box-shadow: 0 0 0 100000px rgba(255,255,255,.5), 0 0 6px 1px rgba(0,0,0,1);
  padding: 0;
  margin: 0 auto;
  width: 920px;
  z-index: 100000000000000000000;
  background: white;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -460px;
  max-height: 100%;
  overflow-y: auto;
}
.wizard-shadowcontainer-dark {
  background: #23272b;
  color: white;
}
.startwizard {
  padding: 40px 60px;
}
.startwizard .profilemanager {
  float: none;
  margin: 0 auto;
  max-width: 700px;
  display: block;
  width: 100%;
}
.startwizard .infomanagerbox {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}
.startwizard .infomanagerbox .infomanagerbox-title {
  margin-top: 0;
  padding-top: 0;
}
.workspacechoice {
  padding: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f6f6f6;
  border: 1px solid transparent;
}
.workspacechoice h3 {
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
}
.workspacechoice.checked,
.workspacechoice.checked:hover {
  background: rgba(199, 238, 254, 0.4);
  border-color: #bce8f1;
}
.workspacechoice:hover {
  cursor: hand;
  cursor: pointer;
  background: rgba(199, 238, 254, 0.1);
}
.wizard-nextpromptmsg {
  position: absolute;
  bottom: 60px;
  text-align: center;
  width: 100%;
}
.startmodal-emailinvite-container {
  max-height: 240px;
  overflow-y: auto;
}
.startmodal-addemails {
  font-size: 120%;
  padding: 10px;
  width: 94%;
  height: 120px;
}
.iama_checklabel {
  margin: 20px;
  font-size: 18px;
  text-align: left;
}
.iama_checklabel input {
  display: inline-block;
  vertical-align: top;
}
.startcreate-filechoose-icon {
  height: 90px;
  width: 220px;
  background-size: 50%;
}
.startcreate-filechoose {
  padding: 20px 0;
  background: #fafafa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 40px 10px;
  width: 236px;
  border: 2px solid transparent;
}
.startcreate-filechoose h3 {
  color: #555;
  font-weight: normal;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 24px;
  line-height: 1;
  margin: 10px 0 0 0;
}
.startcreate-filechoose:hover {
  text-decoration: none;
  background: #e1f4fc;
}
.startcreate-filechoose p {
  color: #333;
  margin: 0 5px;
}
.startcreate-filechoose.active {
  background: #c7eefe;
  border-color: #2FB5B4;
}
.skipfilecreate {
  position: absolute;
  right: 60px;
  bottom: 20px;
}
.productionfile-container {
  margin-top: -20px;
  margin-bottom: 40px;
}
.productionfile {
  margin-left: 30px !important;
}
@media (max-width: 800px) {
  .skipfilecreate {
    position: static;
  }
}
.wizardindicator {
  text-align: center;
}
.wizardindicator-step {
  display: inline-block;
  vertical-align: top;
}
.wizardindicator-circle-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 40px;
}
.wizardindicator-title {
  position: absolute;
  width: 80px;
  top: 100%;
  left: 50%;
  margin-left: -40px;
  text-align: center;
  padding-top: 4px;
  color: #888;
}
.wizardindicator-circle {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  height: 14px;
  width: 14px;
  text-align: center;
  line-height: 1;
  color: #afb4bc;
  padding: 6px 6px 7px 6px;
  background: #f0f0f0;
  border: 2px solid #f0f0f0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  z-index: 9;
  cursor: default;
}
.wizardindicator-bar {
  display: inline-block;
  vertical-align: top;
  height: 10px;
  width: 100px;
  margin: 9px -1px 0 -1px;
  background: #f0f0f0;
}
.wizardindicator-step-complete .wizardindicator-circle {
  background: #77c4d3;
  border-color: #77c4d3;
  color: white;
  cursor: pointer;
}
.wizardindicator-step-complete .wizardindicator-bar {
  background: #77c4d3;
}
.wizardindicator-step-complete .wizardindicator-title {
  color: #555;
}
.wizardindicator-step-current .wizardindicator-title {
  font-weight: bold;
}
.wizardindicator-step-current .wizardindicator-circle {
  cursor: default;
  border-color: #fff;
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px #555;
  -moz-box-shadow: 0 0 0 2px #555;
  box-shadow: 0 0 0 2px #555;
}
.wizard-button-container {
  margin-top: 20px;
  margin-bottom: 40px;
  width: 282px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.wizard-button-container:before,
.wizard-button-container:after {
  display: table;
  content: "";
}
.wizard-button-container:after {
  clear: both;
}
.wizard-button-container button {
  width: 120px;
}
.wizard-button-container button[name='previous'] {
  margin-right: 10px;
  float: left;
}
.wizard-button-container button[name='next'],
.wizard-button-container button[name='submit'] {
  float: right;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -ms-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4fc0e8), to(#4f9ae8));
  background-image: -webkit-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -o-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: linear-gradient(top, #4fc0e8, #4f9ae8);
  background-repeat: repeat-x;
  border-color: #4f9ae8 #4f9ae8 #1b73cf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #4fc0e8;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.wizard-button-container button[name='next'].btn-plain,
.wizard-button-container button[name='submit'].btn-plain {
  text-shadow: none;
}
.wizard-button-container button[name='next']:hover,
.wizard-button-container button[name='submit']:hover,
.wizard-button-container button[name='next']:active,
.wizard-button-container button[name='submit']:active,
.wizard-button-container button[name='next'].active,
.wizard-button-container button[name='submit'].active {
  background: #4fb1e8 !important;
  cursor: pointer;
  cursor: hand;
}
.wizard-button-container button[name='next']:active,
.wizard-button-container button[name='submit']:active,
.wizard-button-container button[name='next'].active,
.wizard-button-container button[name='submit'].active {
  background: #2280e2 \9;
}
.wizard-button-container button[name='next'] .caret,
.wizard-button-container button[name='submit'] .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.wizard-button-container button[name='submit'] {
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -ms-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ecc71), to(#2ecc99));
  background-image: -webkit-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -o-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: linear-gradient(top, #2ecc71, #2ecc99);
  background-repeat: repeat-x;
  border-color: #2ecc99 #2ecc99 #208e6a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #2ecc71;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.wizard-button-container button[name='submit'].btn-plain {
  text-shadow: none;
}
.wizard-button-container button[name='submit']:hover,
.wizard-button-container button[name='submit']:active,
.wizard-button-container button[name='submit'].active {
  background: #2ecc81 !important;
  cursor: pointer;
  cursor: hand;
}
.wizard-button-container button[name='submit']:active,
.wizard-button-container button[name='submit'].active {
  background: #25a279 \9;
}
.wizard-button-container button[name='submit'] .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
@media (max-width: 700px) {
  .wizardindicator-bar {
    width: 30px;
  }
}
.lightbox {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2003;
  overflow: auto;
  color: white;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.lightbox .btn-primary {
  background-color: #2FB5B4;
}
.lightbox .btn-primary:hover {
  background-color: #40bdb4;
}
.lightbox .btn-link {
  color: #2FB5B4;
}
.lightbox-header {
  color: white;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  position: relative;
  z-index: 9999;
  text-align: left;
  margin-top: 60px;
}
.lightbox-action {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 12px;
  color: #ddd;
  padding: 2px;
}
.lightbox-action:hover {
  color: #eee;
}
.lightbox-action .fa-edit {
  margin-right: -4px;
}
.lightbox-header-date {
  color: #999;
  margin: 10px 0 20px 0;
}
.lightbox-header-user {
  color: #999;
  margin-top: 10px;
}
.lightbox-header-actions {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  padding: 0px 15px;
  border-left: #ccc solid 1px;
  margin-top: 12px;
}
.lightbox-header-name {
  padding: 14px 0 0 0;
  margin-left: 0px;
  display: inline-block;
  vertical-align: middle;
  max-width: 300px;
  font-size: 20px;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lightbox-header-close {
  position: fixed;
  right: 30px;
  top: 60px;
  font-size: 25px;
  padding: 14px 4px 14px 4px;
  margin-right: -4px;
}
.lightbox-header-close:hover {
  cursor: hand;
  cursor: pointer;
}
.lightbox-desc,
.lightbox-tags {
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}
.lightbox-infocontainer {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #777;
}
.lightbox-infocontainer:last-child {
  border-bottom: none;
}
.lightbox-infocontainer button.lightbox-editbtn,
.lightbox-infocontainer .lightbox-infoheader {
  color: #DDD;
}
.lightbox-edittextarea {
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.lightbox-tags .autoblocklist.editing {
  background: #fff !important;
}
.lightbox-tags .autoblock-text {
  color: white;
}
.lightbox-tags .autoblock-remove {
  padding: 0 0 0 5px;
}
.lightbox-tags .autoblock-remove i {
  font-size: 8px;
}
.lightbox-documentscontainer {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.lightbox-documents .medialistitem-file {
  color: white;
}
.lightbox-infoheader {
  font-size: 14px;
  color: #909090;
  text-transform: uppercase;
  font-weight: normal;
}
.lightbox-editbtn {
  color: #909090;
  font-size: 16px;
}
.lightbox-comments-header {
  padding: 18px 14px;
  margin: 0 0 16px;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.3);
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 1;
  z-index: 9;
}
.lightbox-comments {
  text-align: left;
  height: 100%;
  overflow-x: hidden;
  background-color: #464646;
  -webkit-box-shadow: inset 1px 0px 2px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 0px 2px -2px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 0px 2px -2px rgba(0, 0, 0, 0.5);
}
.lightbox-comments .cx-commentlistitem {
  background: #2e2f31;
  color: white;
}
.lightbox-comments .cx-commentlistitem:nth-child(even) {
  background: #3a3c3e;
}
.lightbox-comments .cx-commentlistitem.cx-commentlistitem-highlight {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background-color 600ms ease;
  -moz-transition: background-color 600ms ease;
  -ms-transition: background-color 600ms ease;
  -o-transition: background-color 600ms ease;
  transition: background-color 600ms ease;
  background-color: #062632 !important;
}
.lightbox-comments-content {
  min-height: 100px;
  overflow: auto;
  padding: 10px 20px 60px 20px;
}
.lightbox-comments-content::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.lightbox-comments-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.lightbox-comments-content::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.lightbox-content {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
  padding: 0 40px 0 40px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
.lightbox-contentleft {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.lightbox-contentright {
  display: inline-block;
  vertical-align: top;
  width: 320px;
  padding: 0 20px;
  text-align: left;
  min-height: 100px;
}
.lightbox-image-container {
  position: relative;
  background: #111;
  overflow: hidden;
  height: 100%;
  min-height: 200px;
}
.lightbox-image-container .spinnerdots {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -35px;
}
.lightbox-image {
  position: relative;
  margin: 0px auto;
  background-color: #404040;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  max-height: 100%;
}
.lightbox-leftarrow,
.lightbox-rightarrow {
  position: fixed;
  top: 50%;
  z-index: 99999;
  font-size: 50px!important;
  color: #FFF;
  padding: 10px 20px 7px 20px;
  margin-top: -18px;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.lightbox-leftarrow {
  left: 10px;
}
.lightbox-rightarrow {
  right: 10px;
}
.lightbox-tags .autoblocklist {
  padding: 0;
}
.lightbox-tags .autoblock {
  background-color: #2FB5B4 !important;
  background-image: none;
}
@media (max-width: 1000px) {
  .lightbox-image-container {
    float: none;
    height: auto !important;
    width: auto !important;
  }
  .lightbox-image {
    position: relative !important;
    z-index: 99999;
    top: auto!important;
    left: auto!important;
    height: auto !important;
    width: auto !important;
    max-height: 50%;
    max-width: 100%;
  }
  .lightbox-comments {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float: none;
    width: auto !important;
    height: auto !important;
    max-height: 50%;
    text-align: center;
  }
  .lightbox-comments-header {
    position: static;
    width: auto;
  }
  .lightbox-comments-content {
    padding-top: 10px;
    display: block;
  }
  .lightbox-contentright {
    height: auto !important;
    float: none;
    width: auto;
    padding: 0 0 20px 0;
    display: block;
  }
  .lightbox-contentleft {
    width: auto !important;
    float: none;
    padding: 0 0 20px 0;
    display: block;
  }
  .lightbox-leftarrow,
  .lightbox-rightarrow {
    top: auto;
    bottom: 20px;
    padding: 20px 30px;
  }
}
.cropit {
  text-align: center;
}
.cropit-image-preview-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.cropit-image-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100px;
  height: 100px;
  cursor: move;
  position: relative;
}
.cropit-image-background {
  opacity: 0.2;
  cursor: auto;
}
.image-size-label {
  margin-top: 10px;
}
.cropit-image-preview.cropit-image-loading .spinner {
  opacity: 1;
}
/* Show move cursor when image has been loaded */
.cropit-image-preview.cropit-image-loaded {
  cursor: move;
}
.cropit-image-zoom-container {
  margin: 20px 0;
  color: #888;
  font-size: 18px;
}
.cropit-image-zoom-input {
  margin: 0 10px;
}
/* Gray out zoom slider when the image cannot be zoomed */
.cropit-image-zoom-input[disabled] {
  opacity: 0.2;
}
/* The following styles are only relevant to when background image is enabled */
/* Translucent background image */
.cropit-image-background {
  opacity: 0.1;
}
/* Style the background image differently when preview area is hovered */
.cropit-image-background.cropit-preview-hovered {
  opacity: 0.2;
}
.cropit-image-helptext {
  padding: 0px;
  color: #999;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -50px;
}
.cropit-image-helptext p {
  font-size: 16px;
}
.multiseatuserstudiomanagement-userlist .multiseatuserstudiomanagement-collab-container {
  margin-bottom: 20px;
}
.multiseatuserstudiomanagement-userlist .multiseatuserstudiomanagement-collab-container .multiseatuserstudiomanagement-addcollab-error {
  color: red;
  font-size: 11px;
  margin-bottom: 5px;
}
.multiseatuserstudiomanagement-userlist .multiseatuserstudiomanagement-collab-container .input-group {
  display: flex;
  align-items: center;
}
.multiseatuserstudiomanagement-userlist .multiseatuserstudiomanagement-collab-container .input-group .multiseatuserstudiomanagement-addcollab-email-input {
  margin: 0px;
  height: 15px;
  width: 300px;
  padding: 10px;
  font-size: 14px;
  margin-right: 5px;
  border-radius: 5px;
  border: 2px solid #2FA8A8;
}
.multiseatuserstudiomanagement-userlist .multiseatuserstudiomanagement-collab-container .input-group .multiseatuserstudiomanagement-addcollab-email-input.invalid-email-error {
  border: 2px solid red;
}
.multiseatuserstudiomanagement-userlist .multiseatuserstudiomanagement-collab-container .input-group .multiseatuserstudiomanagement-addcollab-btn {
  cursor: pointer;
  font-size: 32px;
  color: #8781bd;
}
.multiseatuserstudiomanagement-userlist .unverified i {
  color: #30a8a8;
}
.multiseatuserstudiomanagement-userlist .fw-addon-collab-item-container {
  margin: 0 0 25px 0;
  height: 35px;
}
.multiseatuserstudiomanagement-userlist .fw-addon-collab-email {
  font-size: 12px;
  font-weight: 500;
}
#editor-container .collaborator-container {
  margin-right: 5px;
  padding-top: 2px;
}
#editor-container .collaborator-container .collaborator-bubble {
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  margin-left: 2px;
}
#editor-container .collaborator-container .collaborator-bubble p {
  padding-top: 2px;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
}
#editor-container .collaborator-container .collaborator-bubble p.busy-dots {
  margin-top: -32px !important;
}
.fw-collab-container {
  display: flex;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
}
.fw-collab-container.cart {
  width: 450px;
  padding: 0px;
  box-sizing: border-box;
  background-color: transparent;
}
.fw-collab-container .fw-collab-title {
  display: block;
  margin-right: 0px;
  margin-bottom: 15px;
}
.fw-collab-container .fw-collab-title .fw-collab-headline {
  font-size: 22px;
  color: #3ACCE1;
  line-height: normal;
  margin-bottom: 10px;
  font-family: 'Source Serif Pro', serif;
}
.fw-collab-container .fw-collab-title .fw-collab-subheadline {
  font-size: 14px;
  color: #3B3C3D;
  max-width: 440px;
  letter-spacing: 0px;
}
.fw-collab-container .fw-addon-container {
  display: flex;
  margin-bottom: 15px;
}
.fw-collab-container .fw-addon-container.cart {
  margin: 25px 0px;
  border-radius: 5px;
  padding: 15px 20px;
  width: max-content;
  flex-direction: column;
  border: 2px solid #30a8a8;
}
.header-search-container {
  cursor: pointer;
  height: 28px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
  border-radius: 8px;
  border: #3b3d3e 1px solid;
}
.header-search-container .cxi-search {
  margin: 0px;
  font-size: 12px;
}
.header-search-container input {
  border: none;
  margin: 0px;
  padding: 0px;
  margin-left: 3px;
}
.script-goals-bar {
  height: 60px;
}
.script-goals-bar .script-goals-bar-container {
  background-color: transparent;
  display: flex;
  flex: 1;
  height: 100%;
  color: #F6F6F6;
  align-items: center;
  padding: 0px 20px;
  font-size: 14px;
  font-family: "lato", sans-serif;
  position: relative;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container {
  display: flex;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-word-goal-count {
  display: flex;
  width: fit-content;
  border-radius: 15px;
  height: 25px;
  justify-content: center;
  align-items: center;
  padding: 4px 25px;
  min-width: 45px;
  cursor: pointer;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-word-goal-count.light-text {
  color: #F6F6F6;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-word-goal-count.dark-text {
  color: #222;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-current-page {
  padding-left: 20px;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-word-count {
  padding-left: 20px;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-writing {
  padding-left: 20px;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-writing .script-goals-writing-timer {
  padding-left: 5px;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-thinking {
  padding-left: 20px;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-left-hand-container .script-goals-thinking .script-goals-thinking-timer {
  padding-left: 5px;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-right-hand-container {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-right-hand-container .save-status {
  padding: 0px 20px;
}
.script-goals-bar .script-goals-bar-container .script-goals-bar-right-hand-container .script-goals-help button {
  display: flex;
  width: fit-content;
  border-radius: 15px;
  height: 33px;
  justify-content: center;
  align-items: center;
  padding: 4px 25px;
  min-width: 45px;
  cursor: pointer;
}
.print-options-dialog-container {
  position: absolute;
  z-index: 2002;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
.print-options-dialog-container .mobile-full-screen-dialog.print-options-dialog .print-options-dialog-content {
  padding: 20px;
}
.print-options-dialog-container .print-options-dialog {
  min-height: 275px;
  width: 430px;
  display: flex;
  background-color: #3B3D3E;
  flex-direction: column;
  border-radius: 4px;
  position: absolute;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .rc-select {
  max-width: 100%;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-watermark-input {
  padding-top: 15px;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-watermark-input input {
  width: calc(100% -  8px);
  line-height: 18px;
  padding: 7px 4px;
  margin: 0px;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-watermark-input {
  padding-top: 15px;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-format {
  padding-top: 15px;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-input-label {
  color: #F6F6F6;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-recommendation-label {
  padding-top: 15px;
  font-style: italic;
  color: #F6F6F6;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-buttons-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.print-options-dialog-container .print-options-dialog .print-options-dialog-content .print-options-dialog-inner-content .print-options-dialog-buttons-container .closure-style-dialog-buttons-container {
  padding-top: 15px;
  display: flex;
  justify-content: flex-end;
  flex: 1;
  align-items: flex-end;
}
.login-dialog-container .desktop-login-dialog {
  z-index: 5000;
}
@keyframes loginSlideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    transition-duration: 0.25s;
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-duration: 0.25s;
  }
}
.login-dialog-container .login-dialog-transition.loginSlideInProgress .login-dialog {
  animation: slideInDown 250ms;
  opacity: 1;
}
.login-dialog-container .login-dialog-transition.loginSlideInInactive .login-dialog,
.login-dialog-container .login-dialog-transition.loginSlideOutFinished .login-dialog {
  opacity: 0;
}
.login-dialog-container .login-dialog-transition.loginSlideOutProgress .login-dialog {
  animation: loginSlideOutUp 500ms;
}
.login-dialog-container .login-dialog-transition.loginSlideOutInactive .login-dialog {
  opacity: 1;
}
.login-dialog-container .desktop-login-dialog {
  z-index: 999999;
}
.login-dialog-container .mobile-login-dialog {
  position: absolute;
  top: 0px;
  z-index: 10;
}
.login-dialog-container .mobile-login-dialog .login-dialog {
  padding: unset;
}
.login-dialog-container .mobile-login-dialog .login-dialog .login-dialog-body {
  padding: 60px 40px 20px 40px;
}
.login-dialog-container .login-dialog {
  width: 355px;
  height: 589px;
  display: flex;
  flex-direction: column;
  background-color: #3B3D3E;
  border-radius: 5px;
  padding: 60px 40px 20px 40px;
  z-index: 10;
  animation-duration: 250ms;
  opacity: 0;
}
.login-dialog-container .login-dialog .dragger {
  height: 0px !important;
}
.login-dialog-container .login-dialog .login-dialog-content {
  flex: 1;
  display: flex;
  width: 100%;
  height: calc(100% - 80px);
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-celtx-logo-container .login-dialog-celtx-logo {
  height: 42px;
  width: 100px;
  background-image: url(../img/celtxLogoWhite.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-login-prompt {
  font: normal normal normal 18px/22px Lato;
  letter-spacing: 0px;
  color: #F6F6F6;
  padding-top: 25px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 147px;
  justify-content: center;
}
@keyframes loginFadeIn {
  0% {
    opacity: 0;
    transition-duration: 0.25s;
  }
  100% {
    opacity: 1;
    transition-duration: 0.25s;
  }
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-email-input,
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-2fa-input {
  transition: none;
  padding: 4px;
  width: calc(100% - 10px);
  margin: 0px;
  margin-top: 20px;
  font: normal normal normal 14px/17px Lato;
  height: 27px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-email-input::placeholder,
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-2fa-input::placeholder {
  font: italic normal normal 14px/17px Lato;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-email-input.error,
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-2fa-input.error {
  border: 2px solid #FF5D5D;
  margin-top: 18px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-inputs-css,
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-2fa-css .login-dialog-2fa-input {
  animation: loginFadeIn 250ms;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input {
  width: calc(100% - 8px);
  margin-top: 20px;
  font: normal normal normal 14px/17px Lato;
  height: 29px;
  padding: 4px;
  display: flex;
  flex-direction: row;
  background: white;
  outline: 1px solid #ccc;
  outline-offset: -1px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input .password-input {
  margin: 0px;
  padding: 0px;
  border: none;
  height: 100%;
  width: 100%;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input .password-input::placeholder {
  font: italic normal normal 14px/17px Lato;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input .password-input-reveal-container {
  display: flex;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input .password-input-reveal-container .password-input-reveal {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: italic;
  color: #999999;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input .password-input-reveal-container .password-input-reveal:hover {
  color: #000000;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input:focus-within {
  outline-color: #2FB5B4;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-password-input.error {
  border: 2px solid #FF5D5D;
  outline: 1px solid #FF5D5D;
  width: calc(100% - 10px);
  margin-top: 18px;
  height: 27px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-remember-checkbox-container {
  display: flex;
  margin-top: 10px;
  margin-bottom: 15px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-remember-checkbox-container .login-dialog-remember-checkbox-label {
  color: #F6F6F6;
  margin: 0 0 0 5px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-remember-checkbox-container.error {
  margin-bottom: 0;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-inputs-container .login-dialog-error {
  color: #FF5D5D;
  font: italic normal normal 10px/12px Lato;
  padding-top: 5px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-spacer-div {
  height: 20px;
  max-height: 20px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-login-button-container {
  width: 100%;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-login-button-container .login-dialog-login-button {
  width: 100%;
  height: 50px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-login-button-container.error {
  margin-top: 15px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container {
  width: 100%;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-or-container {
  font: normal normal normal 12px/15px Lato;
  letter-spacing: 0px;
  color: #F6F6F6;
  padding: 20px 0px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-microsoft-container {
  width: 100%;
  padding-bottom: 20px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-microsoft-container .login-dialog-microsoft-login-button {
  background: #FFFFFF;
  border: 1px solid #2FB5B4;
  border-radius: 100px;
  width: 100%;
  height: 50px;
  text-shadow: none;
  box-shadow: none;
  font: normal normal normal 13px/16px Lato;
  color: #181919;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-microsoft-container .login-dialog-microsoft-login-button:hover {
  border: 3px solid #1FA3A2;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-microsoft-container .login-dialog-microsoft-login-button:active {
  border: 3px solid #35D4D2;
  background: #FFFFFF !important;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-google-container {
  width: 100%;
  padding-bottom: 20px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-google-container .gsignin-container {
  width: 100%;
  margin: 0px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-google-logo,
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-microsoft-logo {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  display: inline-block;
  background-size: contain;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-microsoft-logo {
  background-image: url("../img/microsoft.png");
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-alternative-methods-container .login-dialog-google-logo {
  background-image: url("../img/google.png");
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-policies {
  color: #F6F6F6;
  font-size: 11px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-policies a {
  color: #2FB5B4;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-forgot-password {
  padding-top: 10px;
  color: #F6F6F6;
  cursor: pointer;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-forgot-password:hover {
  color: #1FA3A2;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-forgot-password:active {
  color: #35D4D2;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-sign-up {
  font: normal normal normal 10px/12px Lato;
  color: #F6F6F6;
  padding-top: 35px;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-sign-up .login-dialog-signup-link {
  color: #2FB5B4;
  text-decoration: underline;
  text-underline-offset: 0.35em;
  cursor: pointer;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-sign-up .login-dialog-signup-link:hover {
  color: #1FA3A2;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body .login-dialog-sign-up .login-dialog-signup-link:active {
  color: #35D4D2;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-body.safari-fixes a:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
}
.login-dialog-container .login-dialog .login-dialog-content .login-dialog-loading {
  width: 60px;
  height: 60px;
  fill: grey;
  margin: auto;
}
.react-tooltip-container {
  position: fixed;
  background-color: #333333;
  border-radius: 5px;
  bottom: var(--tooltip-container-bottom);
  width: var(--tooltip-container-width);
  max-width: var(--tooltip-container-max-width);
  margin: var(--tooltip-container-margin);
}
.react-tooltip-container .react-tooltip {
  color: #F6F6F6;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 0;
  display: flex;
  justify-self: center;
  flex-direction: row;
  margin: 0px 5px;
}
.react-tooltip-container .react-tooltip .close-button {
  background-color: transparent;
  font-size: 8px;
  width: 2em;
  height: 2em;
}
.react-tooltip-container .react-tooltip .close-button .action-btn {
  width: 2em;
  height: 2em;
  font-size: 8px;
}
.react-tooltip-container .react-tooltip .react-tooltip-content {
  text-align: center;
  margin-left: 16px;
}
.react-tooltip-container .react-tooltip-arrow {
  background-color: #333333;
  border-radius: 3px;
  transform: rotate(45deg);
  z-index: -1;
  position: absolute;
}
.install-app-tooltip {
  z-index: 1000000;
  position: absolute;
  width: 100%;
}
.install-app-tooltip .ios-pwa-tooltip .react-tooltip-content p {
  margin: 0px;
  display: inline;
  font-size: 14px;
}
.install-app-tooltip .ios-pwa-tooltip .react-tooltip-content svg {
  fill: #F6F6F6;
  width: 18px;
  height: 18px;
  margin-bottom: -2px;
}
.install-app-tooltip .ios-pwa-tooltip .react-tooltip-content .add-to-homescreen {
  white-space: nowrap;
}
.install-app-tooltip .ios-pwa-tooltip .close-button .action-btn {
  margin-top: 4px;
}
.mobile-toolbar-container {
  min-height: 46px;
  max-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 24px);
  flex-direction: row;
  padding: 0px 12px;
  color: #F6F6F6;
}
.mobile-toolbar-container .prairie-nav-hamburger {
  display: flex;
  align-items: center;
}
.mobile-toolbar-container .prairie-nav-hamburger .cxi-hamburger_nav_move {
  font-size: 18px;
  padding-right: 12px;
}
.mobile-toolbar-btn {
  background-color: transparent;
  color: #F6F6F6;
  font-size: 30px;
  text-shadow: none;
  padding: 5px;
}
.mobile-toolbar-btn.disabled {
  color: #6E6E6E;
}
.mobile-toolbar-btn:active {
  background-color: transparent !important;
  color: #2FB5B4;
}
.mobile-toolbar-btn#mobile-comment-toolbar-btn {
  font-size: 22px;
}
.mobile-editor-toolbar.draft .mobile-toolbar-btn {
  color: #222222;
}
.mobile-menu {
  position: fixed;
  top: 46px;
  left: 0;
  padding: 20px 0;
  width: 100%;
  background-color: #F6F6F6;
  font-size: 18px;
  z-index: 3;
  box-shadow: 0px 5px 8px #D6D6D6;
}
.mobile-menu .mobile-menu-item {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  padding: 15px 55px;
  font-size: 18px;
  text-align: left;
  width: 100%;
  text-shadow: none;
  color: #222222;
}
.mobile-menu .mobile-menu-item:active {
  background-color: #D8D8D8 !important;
}
.mobile-menu .mobile-menu-item i.cxi-accept_save_continue {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  margin-top: 1px;
}
.add-comment-toolbar__mount__mobile {
  display: flex;
  flex: 1;
  justify-content: center;
}
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile {
  display: flex;
}
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile button {
  padding: 0px;
  text-shadow: none;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
}
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile button,
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile button:hover,
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile button:active {
  background: none !important;
}
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile button:active {
  color: #2FB5B4;
}
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile .add-comment-toolbar__button__mobile {
  display: flex;
  align-items: center;
  color: #F6F6F6;
  flex-direction: row;
}
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile .add-comment-toolbar__button__mobile .add-comment-toolbar__add-icon__mobile {
  display: flex;
  padding: 5px;
  background-color: #2FB5B4;
  border-radius: 100%;
  aspect-ratio: 1;
  align-items: center;
  font-size: 12px;
  color: #222222;
}
.add-comment-toolbar__mount__mobile .add-comment-toolbar__container__mobile .add-comment-toolbar__button__mobile .add-comment-toolbar__text__mobile {
  padding-left: 10px;
  font-size: 14px;
}
.image-upload-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.image-upload-container .image-upload-interactive-area {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 25px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='white' stroke-width='3' stroke-dasharray='7%2c15' stroke-dashoffset='15' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 10px;
}
.image-upload-container .image-upload-interactive-area .image-upload-upload-content {
  display: flex;
  flex: 1;
  color: #F6F6F6;
}
.image-upload-container .image-upload-interactive-area .image-upload-upload-content .drag-drop-file-upload {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
  padding: 45px 0px;
  position: relative;
}
.image-upload-container .image-upload-interactive-area .image-upload-upload-content .drag-drop-file-upload .image-upload-upload-button {
  width: 105px;
  height: 40px;
}
.image-upload-container .image-upload-interactive-area .image-upload-upload-content .drag-drop-file-upload .image-upload-drag-drop-input {
  display: none;
}
.image-upload-container .image-upload-interactive-area .image-upload-upload-content .drag-drop-file-upload .drag-drop-file-upload-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  top: 0px;
  border-radius: 10px;
}
.image-upload-container .image-upload-interactive-area .image-upload-upload-content .drag-drop-file-upload .image-upload-or {
  text-transform: uppercase;
}
.image-upload-container .image-upload-image-display {
  background: var(--image-upload-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex: 1;
  margin: 5px;
  cursor: default;
  justify-content: flex-end;
}
.image-upload-container .image-upload-image-display:hover .image-upload-delete {
  display: flex;
}
.image-upload-container .image-upload-image-display .image-upload-delete {
  background: unset;
  display: none;
  cursor: pointer;
  height: fit-content;
}
.image-upload-container .image-upload-image-display .image-upload-delete:active {
  background: unset !important;
}
.image-upload-container .image-upload-image-display .image-upload-delete:hover {
  color: #F6F6F6;
}
.image-upload-container .image-upload-image-display .image-upload-delete .cxi-cancel_delete {
  height: 20px;
  max-height: 20px;
  min-height: 20px;
  padding: 1px;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog {
  width: 285px;
  height: 380px;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #2F2F2F;
  z-index: 25;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .close-button {
  padding-right: 20px;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .dragger {
  height: 20px;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .draggable-dialog-content {
  font-size: 12px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: calc(100% - 20px);
  overflow: auto;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .draggable-dialog-content .dialog-header {
  line-height: 14px;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .draggable-dialog-content .keyboard-shortcuts-learn-more {
  padding-top: 5px;
  padding-bottom: 10px;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .draggable-dialog-content .keyboard-shortcuts-content {
  flex: 1;
  overflow: auto;
  padding-right: 20px;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .draggable-dialog-content .keyboard-shortcuts-content .keyboard-shortcut {
  color: #F6F6F6;
  display: flex;
  padding-bottom: 5px;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .draggable-dialog-content .keyboard-shortcuts-content .keyboard-shortcut .keyboard-shortcut-description {
  justify-content: flex-start;
  display: inline-flex;
}
.keyboard-shortcuts-dialog-container .keyboard-shortcuts-dialog .draggable-dialog-content .keyboard-shortcuts-content .keyboard-shortcut .keyboard-shortcut-keys {
  justify-content: flex-end;
  display: inline-flex;
  flex: 1;
}
.bulk-onboarding-dialog__container {
  background-color: #3B3D3E;
  max-width: 625px;
  max-height: 325px;
  height: 100%;
  width: 100%;
  color: #F6F6F6;
}
.bulk-onboarding-dialog__container .dragger {
  min-height: 38px;
  margin-bottom: -22px;
  z-index: 0;
}
.bulk-onboarding-dialog__container .draggable-dialog-content button.close {
  z-index: 1;
}
.bulk-onboarding-dialog__container .draggable-dialog-content {
  height: 100%;
}
.bulk-onboarding-dialog__container .draggable-dialog-content .dialog-header .title {
  font-size: 16px;
}
.bulk-onboarding-dialog__container .draggable-dialog-content p {
  margin: 0px;
}
.bulk-onboarding-dialog__container .draggable-dialog-content .bulk-onboarding-dialog__content-wrapper .bulk-onboarding-dialog__upload-explanation {
  padding: 20px 10px 10px 10px;
}
.bulk-onboarding-dialog__container .draggable-dialog-content .bulk-onboarding-dialog__content-wrapper .bulk-onboarding-dialog__upload-example {
  padding: 10px;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
.bulk-onboarding-dialog__container .draggable-dialog-content .bulk-onboarding-dialog__content-wrapper .bulk-onboarding-dialog__upload-example .bulk-onboarding-dialog__example-prompt {
  padding: 10px;
}
.bulk-onboarding-dialog__container .draggable-dialog-content .bulk-onboarding-dialog__content-wrapper .bulk-onboarding-dialog__upload-example .bulk-onboarding-dialog__upload-example-csv {
  padding: 10px;
}
.bulk-onboarding-dialog__container .draggable-dialog-content .bulk-onboarding-dialog__content-wrapper .bulk-onboarding-dialog__upload-button {
  padding-top: 15px;
  display: flex;
  justify-content: center;
}
.bulk-onboarding-dialog__container .draggable-dialog-content .bulk-onboarding-dialog__content-wrapper .bulk-onboarding-dialog__upload-button button {
  height: 44px;
}
.student-pay-notification {
  background-color: #222222;
  border-radius: 5px;
  z-index: 10001;
  width: 400px;
  height: 300px;
  display: flex;
  flex-direction: column;
  color: #F6F6F6;
}
.student-pay-notification .draggable-dialog-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.student-pay-notification .draggable-dialog-content .student-pay-notification__content {
  flex: 1;
  align-content: center;
  font-size: 14px;
}
.student-pay-notification .draggable-dialog-content .student-pay-notification__button-container {
  display: flex;
  align-self: flex-end;
}
.expired-student-pay-invite {
  background-color: #222222;
  border-radius: 5px;
  z-index: 10001;
  width: 400px;
  height: 300px;
  display: flex;
  flex-direction: column;
  color: #F6F6F6;
}
.expired-student-pay-invite .draggable-dialog-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.expired-student-pay-invite .draggable-dialog-content .expired-student-pay-invite__content {
  flex: 1;
  align-content: center;
  font-size: 14px;
}
.expired-student-pay-invite .draggable-dialog-content .expired-student-pay-invite__button-container {
  display: flex;
  align-self: flex-end;
}
.plan-page-root-container {
  width: 100%;
  display: flex;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  line-height: normal;
  flex-direction: column;
  padding: 50px 0px 100px 0px;
  font-family: "lato", sans-serif;
}
.plan-page-root-container.withTowers {
  max-width: 1100px;
}
.plan-page-root-container div.currency-disclaimer-root > .disclaimer-text {
  color: #F6F6F6;
}
.update-payment-info-overlay-mount > div,
.plan-page-root-container > div {
  box-sizing: border-box;
}
.update-payment-info-overlay-mount.mobile,
.plan-page-root-container.mobile {
  cursor: default;
}
.update-payment-info-overlay-mount.mobile div.currency-disclaimer-root > .disclaimer-text,
.plan-page-root-container.mobile div.currency-disclaimer-root > .disclaimer-text {
  color: #333;
}
.update-payment-info-overlay-mount hr.section-break,
.plan-page-root-container hr.section-break {
  border: none;
  width: 120px;
  display: block;
  margin: 47px 0px;
  opacity: 0.8 !important;
  border-bottom: 1px solid #F6F6F6;
}
.update-payment-info-overlay-mount hr.section-break:last-child,
.plan-page-root-container hr.section-break:last-child {
  display: none;
}
.update-payment-info-overlay-mount .plan-page-overlay .overlay-close-btn,
.plan-page-root-container .plan-page-overlay .overlay-close-btn {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  filter: contrast(0.5);
  background-size: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/studiomanagement/plan/Cancel (Dark Grey).png");
}
.update-payment-info-overlay-mount .plan-info-btn,
.plan-page-root-container .plan-info-btn {
  cursor: pointer;
  margin-left: 5px;
  background-repeat: no-repeat;
  transform: translate(0px, 1px);
  width: 15px;
  height: 15px;
  background-size: 15px;
  background-image: url("../img/studiomanagement/plan/question.png");
}
.update-payment-info-overlay-mount > div.improve-your-exp-header,
.plan-page-root-container > div.improve-your-exp-header {
  display: flex;
  line-height: 34px;
  text-align: center;
  align-items: center;
  margin-bottom: 35px;
  flex-direction: column;
}
.update-payment-info-overlay-mount > div.improve-your-exp-header > div.title,
.plan-page-root-container > div.improve-your-exp-header > div.title {
  color: #F6F6F6;
  font-size: 38px;
  margin-top: -15px;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount > div.improve-your-exp-header > div.desc,
.plan-page-root-container > div.improve-your-exp-header > div.desc {
  font-size: 12px;
  color: #F6F6F6;
  line-height: normal;
}
.update-payment-info-overlay-mount > div.edu-self-server-forms,
.plan-page-root-container > div.edu-self-server-forms {
  width: 100%;
  display: flex;
  padding: 35px;
  align-items: center;
  border-radius: 25px;
  background-color: white;
  justify-content: space-between;
}
.update-payment-info-overlay-mount > div.edu-self-server-forms > div.title,
.plan-page-root-container > div.edu-self-server-forms > div.title {
  font-size: 18px;
  color: #707070;
  font-weight: bold;
}
.update-payment-info-overlay-mount > div.edu-self-server-forms > div.download-edu-forms-line,
.plan-page-root-container > div.edu-self-server-forms > div.download-edu-forms-line {
  margin-top: 0px;
  font-size: 16px;
  color: #707070;
}
.update-payment-info-overlay-mount > div.edu-self-server-forms > div.download-edu-forms-line a,
.plan-page-root-container > div.edu-self-server-forms > div.download-edu-forms-line a {
  color: #4e4eff;
  text-decoration: underline;
}
.update-payment-info-overlay-mount hr.sm-plan-page-anchor,
.plan-page-root-container hr.sm-plan-page-anchor {
  opacity: 1;
  margin: 0px;
  visibility: hidden;
  position: absolute;
  border-color: transparent;
  transform: translate(0px, -46px);
}
@media only screen and (max-width: 1100px) {
  .update-payment-info-overlay-mount > div.improve-your-exp-header > div.title,
  .plan-page-root-container > div.improve-your-exp-header > div.title {
    line-height: 45px;
  }
  .update-payment-info-overlay-mount > div.improve-your-exp-header > div.desc,
  .plan-page-root-container > div.improve-your-exp-header > div.desc {
    max-width: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .update-payment-info-overlay-mount > div.improve-your-exp-header > div.title,
  .plan-page-root-container > div.improve-your-exp-header > div.title {
    font-size: 30px;
    line-height: 35px;
  }
}
.update-payment-info-overlay-mount div.funnel-plans-section-root,
.plan-page-root-container div.funnel-plans-section-root {
  width: 100%;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root,
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.cx-msc-review-and-pay,
.plan-page-root-container div.funnel-plans-section-root > div.cx-msc-review-and-pay {
  border-radius: 25px;
  padding-bottom: 45px;
  background-color: white;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header,
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.header,
.plan-page-root-container div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.header {
  display: grid;
  font-size: 30px;
  padding: 35px 0px;
  text-align: center;
  place-items: center;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.87);
  background-color: #945CA3;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > div.plan-upgrade-header,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > div.plan-upgrade-header,
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.header > div.plan-upgrade-header,
.plan-page-root-container div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.header > div.plan-upgrade-header {
  margin-bottom: 5px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > p.plan-upgrade-subheader,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > p.plan-upgrade-subheader,
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.header > p.plan-upgrade-subheader,
.plan-page-root-container div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.header > p.plan-upgrade-subheader {
  margin: 0px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.change-view-btn,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.change-view-btn,
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.change-view-btn,
.plan-page-root-container div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.change-view-btn {
  margin: 0 auto;
  font-size: 12px;
  cursor: pointer;
  margin-top: 45px;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  width: max-content;
  color: #292d30;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.change-view-btn.mobile-view,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.change-view-btn.mobile-view,
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.change-view-btn.mobile-view,
.plan-page-root-container div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.change-view-btn.mobile-view {
  text-transform: none;
  font-size: 14px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.change-view-btn.classroom,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.change-view-btn.classroom,
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.change-view-btn.classroom,
.plan-page-root-container div.funnel-plans-section-root > div.cx-msc-review-and-pay > div.change-view-btn.classroom {
  font-size: 14px;
  color: #945CA3;
  text-transform: none;
  text-decoration: underline;
}
@media only screen and (max-width: 850px) {
  .update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > div.plan-upgrade-header,
  .plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > div.plan-upgrade-header {
    line-height: 36px;
  }
  .update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > div,
  .plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > div {
    margin: 0 auto;
    max-width: 335px;
  }
  .update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > .plan-upgrade-subheader,
  .plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.header > .plan-upgrade-subheader {
    margin-top: 15px;
    max-width: 295px;
  }
}
.update-payment-info-overlay-mount .user-plan-info-section-root,
.plan-page-root-container .user-plan-info-section-root {
  width: 100%;
  display: flex;
  font-size: 15px;
  color: #707070;
  border-radius: 25px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: white;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.user-profile-icon,
.plan-page-root-container .user-plan-info-section-root > div.user-profile-icon {
  width: 120px;
  height: 120px;
  font-size: 42px;
  transform: translate(0px, -35px);
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.welcome-text,
.plan-page-root-container .user-plan-info-section-root > div.welcome-text {
  font-size: 38px;
  color: #2FB5B4;
  padding: 0px 20px;
  text-align: center;
  margin-bottom: 20px;
  transform: translate(0px, -20px);
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.plan-cancelled-line,
.plan-page-root-container .user-plan-info-section-root > div.plan-cancelled-line {
  color: #ff2b33;
  margin: 0px 50px 20px 50px;
  transform: translate(0px, -20px);
}
@media only screen and (max-width: 550px) {
  .update-payment-info-overlay-mount .user-plan-info-section-root > div.plan-cancelled-line,
  .plan-page-root-container .user-plan-info-section-root > div.plan-cancelled-line {
    text-align: center;
  }
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel {
  width: 100%;
  display: flex;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div {
  flex-grow: 1;
  color: white;
  min-width: 50%;
  padding: 25px 0px;
  text-align: center;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.creating-since,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.creating-since {
  background-color: #945CA3;
  border-bottom-left-radius: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  background-color: #2FB5B4;
  border-bottom-right-radius: 22px;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-name-container,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-name-container {
  display: flex;
  flex-flow: row;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-cancelled-container,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-cancelled-container {
  margin-top: 15px;
  flex-flow: column;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-cancelled-container .cx-cta-btn,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-cancelled-container .cx-cta-btn {
  margin: auto;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-name-copy,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-name-copy {
  margin: 0;
  font-size: 15px;
  line-height: 15px;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-trial-end-date,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-trial-end-date {
  margin: 0;
  padding-top: 4px;
  font-size: 12px;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .student-security-disclaimer,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .student-security-disclaimer {
  margin: 0;
  width: 385px;
  font-size: 12px;
  padding-top: 4px;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .student-security-disclaimer > span,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .student-security-disclaimer > span {
  cursor: default;
  font-weight: bold;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-addons,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name .plan-addons {
  margin: 0;
  padding-top: 4px;
  font-size: 13px;
}
.update-payment-info-overlay-mount .user-plan-info-section-root.free > div.bottom-panel > div.creating-since,
.plan-page-root-container .user-plan-info-section-root.free > div.bottom-panel > div.creating-since {
  color: #707070;
  background-color: #cecece;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root {
  display: flex;
  font-size: 12px;
  padding: 50px 40px;
  position: relative;
  border-radius: 25px;
  flex-direction: column;
  background-color: white;
  overflow: auto;
  color: #707070;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-name,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-name {
  font-size: 22px;
  font-weight: 600;
  color: #2FB5B4;
  margin-bottom: 4px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc {
  font-size: 14px;
  max-width: 750px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.writer > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.writer > div.plan-desc {
  max-width: 100%;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.writer_pro > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.writer_pro > div.plan-desc {
  max-width: 385px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.team > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.team > div.plan-desc {
  max-width: 365px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.classroom > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.classroom > div.plan-desc {
  max-width: 475px;
  line-height: 24px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc,
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.free-plan-limit,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.free-plan-limit,
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.subscribe-to-plan,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.subscribe-to-plan,
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.subscribe-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.subscribe-desc {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.device-specific-title,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.device-specific-title,
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.sign-in-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.sign-in-desc {
  margin-top: 15px;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.project-limit-line,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.project-limit-line {
  margin-bottom: 15px;
  font-weight: bold;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets {
  gap: 25px;
  display: grid;
  grid-template-columns: repeat(2, auto);
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > div.title,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > div.title {
  font-size: 16px;
  margin-bottom: 5px;
  color: #945CA3;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul {
  margin: 0px;
  list-style: none;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul li,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul li {
  display: flex;
  font-size: 14px;
  align-items: center;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul li::before,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul li::before {
  content: "";
  width: 12px;
  min-width: 12px;
  height: 12px;
  display: block;
  margin-right: 6px;
  background-size: 12px;
  background-repeat: no-repeat;
  transform: translate(0px, 3px);
  background-image: url('../img/studiomanagement/plan/funnelPlans/purpleTick.svg');
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul li:not(:last-child),
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root > ul li:not(:last-child) {
  margin-bottom: 6px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root.expanded_feats,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets > div.feature-set-root.expanded_feats {
  grid-column: 1 / span 2;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features {
  row-gap: 8px;
  display: grid;
  grid-template-columns: repeat(1, auto);
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.free,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.free {
  font-size: 14px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.free > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.free > div.plan-desc {
  margin-bottom: 0px;
  white-space: pre-line;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.free > div.plan-cancelled-line,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.free > div.plan-cancelled-line {
  font-weight: normal;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.free > ul.plan-features,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.free > ul.plan-features {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.free > ul.plan-features.free,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.free > ul.plan-features.free {
  margin-bottom: 25px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.free > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.free > div.plan-desc {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.free p,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.free p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
  max-width: 550px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial {
  font-size: 14px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features {
  font-size: 13px;
  padding: 2px;
  row-gap: 8px;
  display: grid;
  margin-bottom: 15px;
  max-height: calc(100vh - 60px);
  grid-template-columns: repeat(3, auto);
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features.plan-features--free,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features.plan-features--free {
  font-size: 13px;
  margin-bottom: 0px;
  grid-template-columns: minmax(auto, 194px) minmax(auto, 209px) minmax(auto, 200px);
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > div.plan-desc,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > div.plan-desc {
  line-height: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial p,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  max-width: 550px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .mobile-ios,
.plan-page-root-container .plan-page-overlay.plan-info > .mobile-ios {
  max-height: calc(100vh - 170px);
}
@media only screen and (max-width: 1000px) {
  .update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel,
  .plan-page-root-container .user-plan-info-section-root > div.bottom-panel {
    flex-direction: column;
  }
  .update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.creating-since,
  .plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.creating-since {
    border-bottom-left-radius: 0px;
  }
  .update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name,
  .plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name {
    padding: 25px;
    border-bottom-left-radius: 25px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-name,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-name {
    text-align: left;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features {
    text-align: left;
  }
}
@media only screen and (max-width: 550px) {
  .update-payment-info-overlay-mount .user-plan-info-section-root,
  .plan-page-root-container .user-plan-info-section-root {
    margin-bottom: 30px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root {
    padding: 40px 30px;
    max-width: calc(100vw - 80px);
    max-height: calc(100% - 100px);
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-name,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-name {
    margin-bottom: 0;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc {
    margin-bottom: 18px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features {
    grid-template-columns: repeat(1, auto);
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features li.plan-feature,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > ul.plan-features li.plan-feature {
    margin-left: 15px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.feature-set-root > ul li::before,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.feature-set-root > ul li::before {
    transform: translate(0px, 1px);
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-feature-sets {
    display: flex;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features {
    overflow-y: auto;
    grid-template-columns: repeat(1, auto);
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features.plan-features--free,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > ul.plan-features.plan-features--free {
    overflow-y: visible;
    grid-template-columns: repeat(1, auto);
  }
  .update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > div.plan-desc,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root.freetrial > div.plan-desc {
    line-height: 18px;
  }
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root,
.plan-page-root-container div.plan-upgrade-promo-root {
  width: 100%;
  display: flex;
  flex-flow: column;
  border-radius: 25px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header {
  background-color: white;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header > div.title {
  color: #090b0d;
  font-weight: bold;
  font-size: 22px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header > div.price,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header > div.price {
  display: none;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header > div.graphic,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-header > div.graphic {
  height: 50px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content {
  background-color: white;
  background-image: none;
  padding: 10px 35px 30px 35px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.select-btn,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.select-btn {
  border-radius: 50px;
  width: 50%;
  color: white;
  background-color: #f7612c;
  margin-top: 30px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.select-btn:hover,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.select-btn:hover {
  background-color: #ffa500;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.desc,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.desc {
  display: none;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets {
  text-align: start;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li {
  color: gray;
  display: flex;
  align-items: unset;
  font-size: 12px;
  margin-left: 20px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root > div.title {
  color: #090b0d;
  font-size: 14px;
  font-weight: bold;
  display: flex;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root > div.title::before,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root > div.title::before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  margin-top: 4px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root.unlimited_feats > .title::before,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root.unlimited_feats > .title::before {
  background-image: url("../img/studiomanagement/plan/unlimited-tools.svg");
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root.professional_feats > .title::before,
.plan-page-root-container div.plan-upgrade-promo-root.mobile-view-upgrade > div.upgrade-content > div.feature-sets > div.feature-set-root.professional_feats > .title::before {
  background-image: url("../img/studiomanagement/plan/professional-tools.svg");
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header {
  padding: 35px;
  display: flex;
  align-items: center;
  background-color: #2FB5B4;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.graphic,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.graphic {
  height: 89px;
  display: flex;
  max-width: 89px;
  min-width: 89px;
  border-radius: 50%;
  margin-right: 25px;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.graphic > img,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.graphic > img {
  max-width: 60px;
  max-height: 60px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.title,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.title {
  color: white;
  font-size: 22px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price {
  display: flex;
  color: white;
  font-size: 17px;
  min-width: 200px;
  margin-left: auto;
  padding-left: 30px;
  text-align: center;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border-left: 2px solid rgba(255, 255, 255, 0.34);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div > span,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div > span {
  color: white;
  margin-right: 2px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown {
  margin-top: 10px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root {
  display: flex;
  font-size: 17px;
  flex-direction: row;
  align-items: center;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div:last-child,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div:last-child {
  margin-left: 5px;
  text-transform: lowercase;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div:first-child,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div:first-child {
  margin-right: 5px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root {
  font-size: 14px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.input-container,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.input-container {
  padding: 2px 8px;
  background-color: #945CA3;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content {
  top: 20px;
  border-radius: 5px;
  width: calc(100% - 4px);
  border: 1px solid #e7e7e7;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div:first-child,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div:first-child {
  padding-top: 10px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item {
  text-transform: capitalize;
  background-color: white;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover {
  background-color: #f6f6f6;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:last-child,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:last-child {
  border-radius: 0 0 3px 3px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price > div.price-content > div.classroom-dropdown > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text {
  font-weight: normal;
  color: #333;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content {
  flex-grow: 1;
  padding: 30px 35px;
  background-size: contain;
  background-color: black;
  background-repeat: no-repeat;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  background-position: right;
  background-image: linear-gradient(90deg, #000000 40%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0.5) 100%), url(../img/studiomanagement/plan/probg.png);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.desc,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.desc {
  color: white;
  font-size: 16px;
  margin-bottom: 20px;
  width: 100%;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets {
  display: grid;
  gap: 25px 45px;
  width: max-content;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  grid-template-rows: repeat(3, auto);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > div.title,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > div.title {
  color: #2FB5B4;
  font-size: 16px;
  margin-bottom: 5px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root.StoryDevelopment,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root.StoryDevelopment,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root.ProductionPlanning,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root.ProductionPlanning {
  grid-row: 1 / span 3;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul {
  margin: 0px;
  list-style: none;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li {
  display: flex;
  font-size: 14px;
  color: #C7C7C7;
  align-items: center;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li::before,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  margin-right: 6px;
  background-size: 12px;
  background-repeat: no-repeat;
  transform: translate(0px, 3px);
  background-image: url('../img/studiomanagement/plan/funnelPlans/greenTick.svg');
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li:not(:last-child),
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li:not(:last-child) {
  margin-bottom: 6px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.select-btn,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.select-btn {
  margin-left: auto;
  height: 60px;
  width: 380px;
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: 600;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.select-btn > div.cx-ui-loading.cta-btn-loading,
.plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.select-btn > div.cx-ui-loading.cta-btn-loading {
  width: 28px;
  height: 28px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-header,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-header,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-header,
.plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-header {
  background-color: #945CA3;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-header > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-header > div.title,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-header > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-header > div.title {
  max-width: 550px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-header > div.title span,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-header > div.title span,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-header > div.title span,
.plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-header > div.title span {
  text-decoration: underline;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content,
.plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content {
  background-image: linear-gradient(90deg, #000000 34%, rgba(0, 0, 0, 0.75) 62%, rgba(0, 0, 0, 0.6) 100%), url(../img/studiomanagement/plan/teambg2.png);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content,
.plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content {
  background-image: linear-gradient(90deg, #000000 47%, rgba(0, 0, 0, 0.75) 62%, rgba(0, 0, 0, 0.6) 100%), url(../img/studiomanagement/plan/teambg2.png);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools {
  grid-template-rows: repeat(2, auto);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools > div.feature-set-root.ProductionPlanning,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools > div.feature-set-root.ProductionPlanning,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools > div.feature-set-root.ProductionPlanning,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools > div.feature-set-root.ProductionPlanning,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools > div.feature-set-root.StoryDevelopment,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools > div.feature-set-root.StoryDevelopment,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools > div.feature-set-root.StoryDevelopment,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools > div.feature-set-root.StoryDevelopment,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools > div.feature-set-root.team_feats,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools > div.feature-set-root.team_feats,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools > div.feature-set-root.team_feats,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools > div.feature-set-root.team_feats {
  grid-row: 1 / span 2;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools:not(.hasPPTools) > div.feature-set-root.team_feats,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasSDTools:not(.hasPPTools) > div.feature-set-root.team_feats,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools:not(.hasSDTools) > div.feature-set-root.team_feats,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content > div.feature-sets.hasPPTools:not(.hasSDTools) > div.feature-set-root.team_feats {
  grid-column: 3 / span 1;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content > div.feature-sets,
.plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content > div.feature-sets {
  grid-template-rows: repeat(1, auto);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_writer_pro > div.upgrade-header > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_writer_pro > div.upgrade-header > div.title {
  max-width: 585px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_writer_pro > div.upgrade-content > div.feature-sets.hasSDTools,
.plan-page-root-container div.plan-upgrade-promo-root.writer_to_writer_pro > div.upgrade-content > div.feature-sets.hasSDTools {
  grid-template-rows: repeat(1, auto);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content {
  background-image: linear-gradient(90deg, #000000 34%, rgba(0, 0, 0, 0.75) 62%, rgba(0, 0, 0, 0.6) 100%), url(../img/studiomanagement/plan/teambg.png);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content > div.feature-sets,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content > div.feature-sets {
  grid-template-rows: repeat(2, auto);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content > div.feature-sets > div.feature-set-root.ProductionPlanning,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content > div.feature-sets > div.feature-set-root.ProductionPlanning,
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content > div.feature-sets > div.feature-set-root.StoryDevelopment,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-content > div.feature-sets > div.feature-set-root.StoryDevelopment {
  grid-row: auto;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header {
  background-color: #945CA3;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header > div.title {
  padding-right: 10px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header > div.title span,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header > div.title span {
  text-decoration: underline;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header > div.price,
.plan-page-root-container div.plan-upgrade-promo-root.upgrade_to_classroom > div.upgrade-header > div.price {
  min-width: 250px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy,
.plan-page-root-container div.plan-upgrade-promo-root.legacy {
  flex-direction: row;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group {
  display: flex;
  padding: 0px 50px;
  align-items: center;
  justify-content: center;
  background-color: #2FB5B4;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic {
  width: 105px;
  height: 105px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic > img,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic > img {
  max-height: 64px;
  align-self: center;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group.writing_to_video > div.graphic > img,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group.writing_to_video > div.graphic > img {
  transform: translate(4px, 1px);
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content {
  flex-grow: 1;
  padding: 50px 70px;
  background-size: cover;
  background-color: black;
  background-repeat: no-repeat;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 0;
  background-position: center right;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.title {
  color: white;
  font-size: 24px;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.features,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.features {
  color: #C7C7C7;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.features > span,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.features > span {
  font-size: 10px;
  margin: 0px 2px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.price,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.price {
  color: white;
  margin-bottom: 25px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.price > div > span,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.price > div > span {
  color: #2FB5B4;
  margin-right: 2px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn {
  margin-left: 0;
  height: 52px;
  width: 210px;
  font-size: 12px;
  font-weight: 600;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn > div.cx-ui-loading.cta-btn-loading,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn > div.cx-ui-loading.cta-btn-loading {
  width: 28px;
  height: 28px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video {
  background-image: url('../img/studiomanagement/plan/writingvideobg.png');
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video > div.title,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video > div.title {
  max-width: 600px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video > div.features,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video > div.features {
  max-width: 500px;
}
.update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video > div.price div.billing-line,
.plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video > div.price div.billing-line {
  display: inline;
  margin-left: 5px;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root,
.plan-page-root-container div.addon-upgrade-promo-root {
  width: 50%;
  display: flex;
  padding: 30px 0px;
  border-radius: 25px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: white;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div:not(:last-child),
.plan-page-root-container div.addon-upgrade-promo-root > div:not(:last-child) {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.episodic_upgrade > div.graphic > img,
.plan-page-root-container div.addon-upgrade-promo-root.episodic_upgrade > div.graphic > img {
  max-height: 44px;
  transform: translate(2px, 0px);
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProjectCap > div.desc,
.plan-page-root-container div.addon-upgrade-promo-root.ProjectCap > div.desc {
  max-width: 330px;
  white-space: pre-line;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div.graphic,
.plan-page-root-container div.addon-upgrade-promo-root > div.graphic {
  width: 85px;
  height: 85px;
  display: flex;
  border-radius: 50%;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  background-color: #945CA3;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div.graphic > img,
.plan-page-root-container div.addon-upgrade-promo-root > div.graphic > img {
  max-height: 52px;
  transform: translate(0px, 2px);
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div.title,
.plan-page-root-container div.addon-upgrade-promo-root > div.title {
  font-size: 22px;
  color: #2FB5B4;
  text-align: center;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div.desc,
.plan-page-root-container div.addon-upgrade-promo-root > div.desc {
  font-size: 12px;
  max-width: 280px;
  color: #707070;
  text-align: center;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div.price,
.plan-page-root-container div.addon-upgrade-promo-root > div.price {
  font-size: 12px;
  color: #945CA3;
  text-align: center;
  margin-bottom: 18px;
  white-space: pre-line;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div.select-btn,
.plan-page-root-container div.addon-upgrade-promo-root > div.select-btn {
  height: 45px;
  width: 300px;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root > div.select-btn > div.cx-ui-loading.cta-btn-loading,
.plan-page-root-container div.addon-upgrade-promo-root > div.select-btn > div.cx-ui-loading.cta-btn-loading {
  width: 25px;
  height: 25px;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > div.graphic,
.plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > div.graphic,
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > div.graphic,
.plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > div.graphic {
  width: unset;
  border-radius: unset;
  background-color: unset;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > div.title,
.plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > div.title,
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > div.title,
.plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > div.title {
  font-size: 24px;
  margin-bottom: 0;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > div.desc,
.plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > div.desc,
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > div.desc,
.plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > div.desc {
  margin: 0;
  max-width: 400px;
  font-size: 16px;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > ul.features,
.plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > ul.features,
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > ul.features,
.plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > ul.features {
  display: flex;
  margin: 20px 0;
  column-gap: 23px;
  max-width: 380px;
  flex-flow: row wrap;
  justify-content: center;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > ul.features > li,
.plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > ul.features > li,
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > ul.features > li,
.plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > ul.features > li {
  font-size: 13px;
  color: #707070;
  margin-bottom: 3px;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > ul.features > li:first-child,
.plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > ul.features > li:first-child,
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > ul.features > li:first-child,
.plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > ul.features > li:first-child {
  list-style: none;
}
.update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > ul.features,
.plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > ul.features {
  padding: 10.5px 0px;
}
@media only screen and (max-width: 1100px) {
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy {
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group {
    padding: 20px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0px;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic {
    width: 85px;
    height: 85px;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic img,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-graphic-group > div.graphic img {
    max-height: 53px;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    background-color: #090b0d;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 25px;
    text-align: center;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video {
    background-size: 900px;
    background-position: right -15px top 50%;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn {
    margin: 0;
  }
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root,
  .plan-page-root-container div.addon-upgrade-promo-root {
    width: 100%;
  }
}
@media only screen and (max-width: 1050px) {
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header {
    gap: 1px;
    padding: 20px;
    flex-flow: column;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.graphic,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.graphic {
    max-width: 75px;
    min-width: 75px;
    height: 75px;
    margin: 0;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.graphic > img,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.graphic > img {
    max-width: 50px;
    align-self: center;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.title,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.title {
    text-align: center;
    font-size: 18px;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price {
    font-size: 14px;
    padding: 0;
    margin: 0 auto;
    border: none;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price br,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price br {
    display: none;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content {
    padding: 30px 20px;
    background-position: right bottom;
    background-size: cover;
    background-image: linear-gradient(180deg, #000000 10%, rgba(0, 0, 0, 0.7) 85%, rgba(0, 0, 0, 0.5) 100%), url(../img/studiomanagement/plan/probg.png);
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    max-width: 100%;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul {
    min-width: 182px;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.select-btn,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.select-btn {
    margin: 60px auto 0 auto;
    box-sizing: border-box;
    max-width: 100%;
    width: 300px;
    height: 50px;
    padding: 20px;
    font-size: 12px;
    letter-spacing: 1.9px;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content,
  .plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content,
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content,
  .plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content {
    background-image: linear-gradient(180deg, #000000 35%, rgba(0, 0, 0, 0.75) 85%, rgba(0, 0, 0, 0.6) 100%), url(../img/studiomanagement/plan/teambg2.png);
    background-size: contain;
  }
}
@media only screen and (max-width: 600px) {
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content.writing_to_video {
    background-size: cover;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.title,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.title,
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.features,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.features,
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.price,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.price {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn,
  .plan-page-root-container div.plan-upgrade-promo-root.legacy > div.upgrade-content > div.select-btn {
    margin: 0 auto;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-header > div.price,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-header > div.price {
    font-size: 12px;
    font-weight: 600;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.desc,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.desc {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets {
    display: flex;
    flex-flow: column;
    margin: 0 auto;
    text-align: center;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li {
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li::before,
  .plan-page-root-container div.plan-upgrade-promo-root > div.upgrade-content > div.feature-sets > div.feature-set-root > ul li::before {
    display: none;
  }
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content,
  .plan-page-root-container div.plan-upgrade-promo-root.writer_to_team > div.upgrade-content,
  .update-payment-info-overlay-mount div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content,
  .plan-page-root-container div.plan-upgrade-promo-root.writer_pro_to_team > div.upgrade-content {
    background-image: linear-gradient(180deg, #000000 45%, rgba(0, 0, 0, 0.75) 85%, rgba(0, 0, 0, 0.6) 100%), url(../img/studiomanagement/plan/teambg2.png);
    background-size: cover;
  }
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > div.desc,
  .plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > div.desc,
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > div.desc,
  .plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > div.desc {
    padding: 0px 20px;
  }
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > div.title,
  .plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > div.title,
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > div.title,
  .plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > div.title {
    font-size: 22px;
  }
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > div.desc,
  .plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > div.desc,
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > div.desc,
  .plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > div.desc {
    font-size: 14px;
  }
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > ul.features,
  .plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > ul.features,
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > ul.features,
  .plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > ul.features {
    padding: 0;
  }
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.StoryDevelopment > ul.features > li,
  .plan-page-root-container div.addon-upgrade-promo-root.StoryDevelopment > ul.features > li,
  .update-payment-info-overlay-mount div.addon-upgrade-promo-root.ProductionPlanning > ul.features > li,
  .plan-page-root-container div.addon-upgrade-promo-root.ProductionPlanning > ul.features > li {
    font-size: 12px;
  }
}
.update-payment-info-overlay-mount div.plan-upgrades-section,
.plan-page-root-container div.plan-upgrades-section {
  width: 100%;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div:not(:last-child),
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div:not(:last-child) {
  margin-bottom: 45px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel {
  display: flex;
  justify-content: center;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div:not(:first-child),
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div:not(:first-child) {
  margin-left: 50px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-header,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-header {
  background-color: #8C619F;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-header span,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-header span {
  display: inline-block;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-header span.title-1,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-header span.title-1 {
  display: block;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-header span.title-2,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-header span.title-2 {
  text-decoration: underline;
  font-weight: 700;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-header .price,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-header .price {
  font-size: 20px;
  flex-direction: column;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-header .price span,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-header .price span {
  display: block;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-header .price-full,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-header .price-full {
  text-decoration: line-through;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets {
  display: grid;
  grid-auto-flow: unset;
  grid-auto-columns: unset;
  grid-template-columns: repeat(2, 50%);
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.writing_feats,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.writing_feats {
  grid-column-start: 1;
  grid-row-start: 1;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.expanded_feats,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.expanded_feats {
  grid-column-start: 1;
  grid-row-start: 2;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.ProductionPlanning,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.ProductionPlanning {
  grid-column-start: 2;
  grid-row-start: 1;
}
.update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.StoryDevelopment,
.plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.StoryDevelopment {
  grid-column-start: 2;
  grid-row-start: 2;
}
@media only screen and (max-width: 700px) {
  .update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets,
  .plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets {
    grid-template-columns: repeat(1, 100%);
    grid-template-rows: repeat(4, auto);
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.writing_feats,
  .plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.writing_feats,
  .update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.expanded_feats,
  .plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.expanded_feats,
  .update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.ProductionPlanning,
  .plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.ProductionPlanning,
  .update-payment-info-overlay-mount div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.StoryDevelopment,
  .plan-page-root-container div.plan-upgrades-section.student-pay .upgrade-content .feature-sets .feature-set-root.StoryDevelopment {
    grid-column-start: auto;
    grid-row-start: auto;
  }
}
@media only screen and (max-width: 1100px) {
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div:not(:last-child),
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div:not(:last-child) {
    margin-bottom: 45px;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel {
    align-items: center;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div:not(:first-child),
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div:not(:first-child) {
    margin-left: 0px;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div:not(:last-child),
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div:not(:last-child) {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 700px) {
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-header > div.title,
  .plan-page-root-container div.plan-upgrades-section > div.pus-header > div.title {
    font-size: 30px;
    line-height: 35px;
  }
}
.update-payment-info-overlay-mount div.add-team-members-section,
.plan-page-root-container div.add-team-members-section {
  z-index: 1;
  width: 100%;
  font-family: "lato", sans-serif;
}
.update-payment-info-overlay-mount div.add-team-members-section > div.header,
.plan-page-root-container div.add-team-members-section > div.header {
  display: flex;
  padding: 35px;
  color: #F6F6F6;
  align-items: center;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background-color: #945CA3;
}
.update-payment-info-overlay-mount div.add-team-members-section > div.header > div.graphic,
.plan-page-root-container div.add-team-members-section > div.header > div.graphic {
  height: 89px;
  display: flex;
  max-width: 89px;
  min-width: 89px;
  border-radius: 50%;
  margin-right: 25px;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}
.update-payment-info-overlay-mount div.add-team-members-section > div.header > div.graphic > img,
.plan-page-root-container div.add-team-members-section > div.header > div.graphic > img {
  max-width: 60px;
  max-height: 60px;
}
.update-payment-info-overlay-mount div.add-team-members-section > div.header > div.title-group > div.title,
.plan-page-root-container div.add-team-members-section > div.header > div.title-group > div.title {
  font-size: 24px;
}
.update-payment-info-overlay-mount div.add-team-members-section > div.header > div.title-group > div.desc,
.plan-page-root-container div.add-team-members-section > div.header > div.title-group > div.desc {
  font-size: 14px;
  margin-top: 8px;
}
.update-payment-info-overlay-mount div.add-team-members-section > div.content,
.plan-page-root-container div.add-team-members-section > div.content {
  padding: 35px;
  background-color: white;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.update-payment-info-overlay-mount div.add-team-members-section > div.content > div.cx-add-seats-to-team-root,
.plan-page-root-container div.add-team-members-section > div.content > div.cx-add-seats-to-team-root {
  margin-top: 35px;
}
.update-payment-info-overlay-mount div.add-collaborators-section,
.plan-page-root-container div.add-collaborators-section {
  width: 100%;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-content,
.plan-page-root-container div.add-collaborators-section > div.acs-content {
  padding: 25px;
  background-color: white;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header,
.plan-page-root-container div.add-collaborators-section > div.acs-header {
  display: flex;
  color: white;
  padding: 35px;
  font-size: 17px;
  align-items: center;
  padding-right: 25px;
  background: #945CA3;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  justify-content: space-between;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > img.graphic,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > img.graphic {
  max-width: 93px;
  max-height: 93px;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content {
  display: flex;
  margin-left: 22px;
  margin-right: 75px;
  line-height: normal;
  flex-direction: column;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title {
  display: flex;
  font-size: 22px;
  margin-bottom: 8px;
  width: 530px;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title > div,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title > div {
  display: flex;
  margin-left: 5px;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title.lt,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title.lt {
  flex-direction: column;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title.lt > div,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title.lt > div {
  margin-top: 5px;
  margin-left: 0px;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc {
  font-size: 14px;
  margin-bottom: 11px;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.price,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.price {
  display: flex;
  flex-direction: column;
  color: white;
  width: fit-content;
  margin-left: auto;
  padding-left: 40px;
  text-align: center;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border-left: 2px solid rgba(255, 255, 255, 0.34);
}
.update-payment-info-overlay-mount div.add-collaborators-section.legacy > div.acs-header > div.title-group > div.content,
.plan-page-root-container div.add-collaborators-section.legacy > div.acs-header > div.title-group > div.content {
  margin-right: 155px;
}
.update-payment-info-overlay-mount div.team-plan-upgrade-section,
.plan-page-root-container div.team-plan-upgrade-section,
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section,
.plan-page-root-container div.classroom-plan-upgrade-section {
  width: 100%;
  color: #F6F6F6;
}
.update-payment-info-overlay-mount div.team-plan-upgrade-section:not(.standalone),
.plan-page-root-container div.team-plan-upgrade-section:not(.standalone),
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section:not(.standalone),
.plan-page-root-container div.classroom-plan-upgrade-section:not(.standalone) {
  margin-top: 35px;
}
.update-payment-info-overlay-mount div.team-plan-upgrade-section > div.or-divider,
.plan-page-root-container div.team-plan-upgrade-section > div.or-divider,
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section > div.or-divider,
.plan-page-root-container div.classroom-plan-upgrade-section > div.or-divider {
  display: flex;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  align-items: center;
  margin-bottom: 35px;
  letter-spacing: 4px;
  justify-content: center;
}
.update-payment-info-overlay-mount div.team-plan-upgrade-section > div.or-divider::before,
.plan-page-root-container div.team-plan-upgrade-section > div.or-divider::before,
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section > div.or-divider::before,
.plan-page-root-container div.classroom-plan-upgrade-section > div.or-divider::before,
.update-payment-info-overlay-mount div.team-plan-upgrade-section > div.or-divider::after,
.plan-page-root-container div.team-plan-upgrade-section > div.or-divider::after,
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section > div.or-divider::after,
.plan-page-root-container div.classroom-plan-upgrade-section > div.or-divider::after {
  content: "";
  width: 150px;
  display: block;
  height: max-content;
  border: 0.5px solid #F6F6F6;
  transform: translate(0px, 1px);
}
.update-payment-info-overlay-mount div.team-plan-upgrade-section > div.or-divider::before,
.plan-page-root-container div.team-plan-upgrade-section > div.or-divider::before,
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section > div.or-divider::before,
.plan-page-root-container div.classroom-plan-upgrade-section > div.or-divider::before {
  margin-right: 25px;
}
.update-payment-info-overlay-mount div.team-plan-upgrade-section > div.or-divider::after,
.plan-page-root-container div.team-plan-upgrade-section > div.or-divider::after,
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section > div.or-divider::after,
.plan-page-root-container div.classroom-plan-upgrade-section > div.or-divider::after {
  margin-left: 25px;
}
.update-payment-info-overlay-mount div.team-plan-upgrade-section > hr.sm-plan-page-anchor,
.plan-page-root-container div.team-plan-upgrade-section > hr.sm-plan-page-anchor,
.update-payment-info-overlay-mount div.classroom-plan-upgrade-section > hr.sm-plan-page-anchor,
.plan-page-root-container div.classroom-plan-upgrade-section > hr.sm-plan-page-anchor {
  transform: translate(0px, -42px);
}
@media only screen and (max-width: 1050px) {
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header,
  .plan-page-root-container div.add-collaborators-section > div.acs-header {
    padding: 20px;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group {
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > img.graphic,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > img.graphic {
    max-width: 75px;
    max-height: 75px;
    margin-bottom: 10px;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content {
    margin-left: 0px;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title {
    justify-content: center;
    width: fit-content;
    text-align: center;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc {
    text-align: center;
    line-height: 22px;
    max-width: 100%;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.price,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.price {
    font-size: 14px;
    padding: 0;
    margin: 0 auto;
    border: none;
  }
}
@media only screen and (max-width: 550px) {
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.price > p,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.price > p {
    max-width: unset;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content {
    margin: 0;
    width: 100%;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    align-items: center;
    justify-content: center;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc {
    font-size: 13px;
    max-width: 100%;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header i.cx-mc-trial-disclaimer-btn,
  .plan-page-root-container div.add-collaborators-section > div.acs-header i.cx-mc-trial-disclaimer-btn {
    margin: 0;
  }
}
.update-payment-info-overlay-mount div.billing-control-section,
.plan-page-root-container div.billing-control-section {
  width: 100%;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header {
  display: flex;
  padding: 35px;
  color: white;
  align-items: center;
  background-color: #222222;
  justify-content: left;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > img.graphic,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header > img.graphic {
  max-width: 94px;
  max-height: 94px;
  margin-right: 22px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content {
  font-size: 12px;
  line-height: 22px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content > div:not(:last-child),
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content > div:not(:last-child) {
  margin-bottom: 3px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content > div.title,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content > div.title {
  font-size: 17px;
  font-weight: bold;
  text-align: left;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content > div.billing-cycle,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content > div.billing-cycle {
  padding-right: 10px;
  text-align: left;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.btn-tray,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.btn-tray {
  margin-left: auto;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div:not(:last-child),
.plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div:not(:last-child) {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content {
  padding: 35px;
  display: flex;
  font-size: 12px;
  color: #707070;
  background: white;
  flex-direction: column;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div:not(:last-child),
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div:not(:last-child) {
  border-bottom: 1px solid #D4D4D4;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo,
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan {
  display: flex;
  justify-content: space-between;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content,
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content {
  line-height: 22px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content > div.title,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content > div.title,
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.title,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.title {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo {
  margin-bottom: 34px;
  align-items: center;
  padding-bottom: 25px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content > div.title > span,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content > div.title > span {
  margin: 0px 1px;
  color: #945CA3;
  letter-spacing: -0.5px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.desc,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.desc {
  max-width: 485px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.desc > span,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.desc > span {
  cursor: pointer;
  text-decoration: underline;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.desc > div,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.desc > div {
  margin-top: 10px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.details,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.details {
  margin-top: 17px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.details > ul > li,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.details > ul > li {
  font-style: italic;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan div.plan-info-btn,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan div.plan-info-btn {
  display: inline-block;
  filter: brightness(0.5);
  margin-bottom: -1px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.change-plan-controls,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.change-plan-controls {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.update-payment-info-overlay-mount div.billing-control-section.simple > div.bcs-content > div.header,
.plan-page-root-container div.billing-control-section.simple > div.bcs-content > div.header {
  padding: 45px;
  border-radius: 25px;
  background-color: #222222;
}
.update-payment-info-overlay-mount div.billing-control-section.simple > div.bcs-content > div.header > div.content > div.title > a,
.plan-page-root-container div.billing-control-section.simple > div.bcs-content > div.header > div.content > div.title > a {
  color: white;
  text-decoration: underline;
}
.update-payment-info-overlay-mount div.billing-control-section.simple.legacy > div.bcs-content > div.header,
.plan-page-root-container div.billing-control-section.simple.legacy > div.bcs-content > div.header {
  border-radius: 0px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.update-payment-info-overlay-mount div.billing-control-section.simple.legacy > div.bcs-content > div.content,
.plan-page-root-container div.billing-control-section.simple.legacy > div.bcs-content > div.content {
  padding: 45px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info,
.plan-page-root-container div.plan-page-overlay.payment-info {
  z-index: 2050;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-loading,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-loading,
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-loading,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-loading {
  width: 60px;
  height: 60px;
  fill: grey;
  position: absolute;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container {
  width: 650px;
  padding: 45px;
  font-size: 14px;
  position: relative;
  border-radius: 25px;
  font-family: "Lato";
  box-sizing: border-box;
  background-color: white;
  max-width: calc(100vw - 40px);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.busy,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.busy,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container.busy,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container.busy {
  filter: blur(3px);
  pointer-events: none;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.header,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.header,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.header,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.header {
  font-size: 20px;
  font-weight: bold;
  color: #945CA3;
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.update-link,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.update-link,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-link,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-link,
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > div.update-link,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > div.update-link,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.footer > div.update-link,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.footer > div.update-link {
  cursor: pointer;
  color: #2FB5B4;
  text-decoration: underline;
}
@media only screen and (max-width: 1100px) {
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header {
    padding: 20px;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > img.graphic,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > img.graphic {
    max-width: 78px;
    max-height: 78px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content > div.billing-cycle,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content > div.billing-cycle {
    padding-right: 0;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.btn-tray,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.btn-tray {
    display: flex;
    margin: 0px auto;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div {
    margin-top: 15px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div:not(:last-child),
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content {
    padding: 20px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo,
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan {
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.content {
    text-align: center;
    margin-bottom: 10px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.details,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.content > div.details {
    margin-top: 5px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.change-plan-controls,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.change-plan-controls {
    margin-top: 10px;
    align-self: center;
  }
}
@media only screen and (max-width: 600px), (max-height: 600px) {
  .update-payment-info-overlay-mount div.billing-control-section,
  .plan-page-root-container div.billing-control-section {
    margin-top: 30px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content > div.title,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content > div.title {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content > div.billing-cycle,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content > div.billing-cycle {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.content > div.next-billing-date,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.content > div.next-billing-date {
    max-width: 260px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container,
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container {
    padding: 30px;
    border-radius: 15px;
    max-width: calc(100vw - 30px);
    max-height: calc(100vh - 30px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.header,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.header,
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.header,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.header {
    font-size: 16px;
    margin-top: -5px;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.cx-cta-btn.violet,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.go-annual-promo > div.cx-cta-btn.violet {
    border-radius: 20px;
    height: 35px;
  }
}
@media only screen and (max-width: 450px) {
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.btn-tray,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.btn-tray {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div:not(:last-child),
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.header > div.btn-tray > div:not(:last-child) {
    margin-right: 0px;
  }
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info {
  display: grid;
  margin-bottom: 15px;
  grid-template-columns: 1fr 1fr;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title {
  font-weight: 600;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content {
  color: #707070;
  padding: 15px 0px;
  border-bottom: 1px solid rgba(90, 90, 90, 0.3);
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title:nth-child(1),
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title:nth-child(1),
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content:nth-child(1),
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content:nth-child(1),
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title:nth-child(2),
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title:nth-child(2),
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content:nth-child(2),
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content:nth-child(2) {
  padding-top: 0px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content > div.addr-line:not(:last-child),
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content > div.addr-line:not(:last-child) {
  padding-bottom: 5px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.convenience-line,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.convenience-line {
  font-style: italic;
  margin-bottom: 15px;
  color: rgba(112, 112, 112, 0.8);
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form {
  font-size: 12px;
  color: #707070;
  margin-bottom: 20px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div > div.title,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div > div.title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input {
  height: initial;
  font-size: 14px;
  padding: 10px 10px;
  border-radius: 5px;
  line-height: normal;
  margin-bottom: 20px;
  color: rgba(59, 60, 61, 0.25);
  border: 1px solid rgba(90, 90, 90, 0.87);
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input:active,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input:active,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input:focus,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input:focus {
  outline: none;
  color: inherit;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.vat-form > input.receipt-info-input,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.vat-form > input.receipt-info-input,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.orgName-form > input.receipt-info-input,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.orgName-form > input.receipt-info-input,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.telephoneNum-form > input.receipt-info-input,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.telephoneNum-form > input.receipt-info-input {
  width: 350px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > input.receipt-info-input::placeholder,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > input.receipt-info-input::placeholder,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > select.placeholder-active,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > select.placeholder-active {
  opacity: 1;
  color: #2FB5B4;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > select,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > select {
  cursor: pointer;
  padding: 9px 5px;
  appearance: none;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2YwZjsKICAgICAgICBvcGFjaXR5OiAwOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM3MDcwNzA7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJDaGV2cm9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4KSByb3RhdGUoOTApIj4KICAgIDxyZWN0IGlkPSJGcmFtZSIgY2xhc3M9ImNscy0xIiB3aWR0aD0iMTAiIGhlaWdodD0iNiIvPgogICAgPHBhdGggaWQ9IlNoYXBlIiBjbGFzcz0iY2xzLTIiIGQ9Ik0xMCwxQTEsMSwwLDAsMCw4LjI5My4yOTNMNSwzLjU4NiwxLjcwNy4yOTNBMSwxLDAsMSwwLC4yOTMsMS43MDdsNCw0YTEsMSwwLDAsMCwxLjQxNSwwbDQtNEExLDEsMCwwLDAsMTAsMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIgOCkgcm90YXRlKC05MCkiLz4KICA8L2c+Cjwvc3ZnPgo=);
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-1 > input.receipt-info-input,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-1 > input.receipt-info-input,
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-2 > input.receipt-info-input,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-2 > input.receipt-info-input {
  width: calc(100% - 22.5px);
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#city,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#city {
  margin-right: 15px;
  width: calc(100% - 257px);
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#state,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#state {
  width: 198px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.zip-country > #postal_code,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.zip-country > #postal_code {
  width: 200px;
  margin-right: 15px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-btn,
.plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-btn {
  width: 160px;
  height: 40px;
}
@media only screen and (max-width: 600px), (max-height: 400px) {
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info {
    display: block;
    overflow: scroll;
    max-height: calc(100vh - 200px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.title {
    padding: 0px;
    padding-top: 15px;
    margin-bottom: 8px;
    border-bottom: none;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.existing-info > div.item-content {
    padding: 0px;
    padding-bottom: 15px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form {
    overflow: scroll;
    margin-bottom: 25px;
    max-height: calc(100vh - 200px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > *:last-child input,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > *:last-child input {
    margin-bottom: 0px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div > div.title,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div > div.title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form .receipt-info-input {
    padding: 8px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.vat-form > input.receipt-info-input,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.vat-form > input.receipt-info-input,
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.orgName-form > input.receipt-info-input,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.orgName-form > input.receipt-info-input,
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.telephoneNum-form > input.receipt-info-input,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.telephoneNum-form > input.receipt-info-input {
    width: calc(100% - 18px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > select,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div > select {
    width: 100%;
    padding: 8px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-1 > input.receipt-info-input,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-1 > input.receipt-info-input,
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-2 > input.receipt-info-input,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.line-2 > input.receipt-info-input {
    width: calc(100% - 18px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state {
    display: flex;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#city,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#city {
    margin-right: 0px;
    width: calc(100% - 18px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#state,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.city-state > input#state {
    width: calc(100% - 18px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.zip-country,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.zip-country {
    display: flex;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.zip-country > #postal_code,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-info-form > div.address-form > div.zip-country > #postal_code {
    margin-right: 0px;
    width: calc(100% - 18px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-btn,
  .plan-page-root-container div.plan-page-overlay.receipt-info > div.receipt-info-container > div.update-btn {
    height: 35px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content {
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details {
  display: flex;
  color: #707070;
  padding-bottom: 15px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(90, 90, 90, 0.3);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details:not(:last-child),
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details:not(:last-child) {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details > div.title,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details > div.title {
  font-weight: 600;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.footer,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 10px 0px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > img.payment-card-logos,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > img.payment-card-logos {
  max-width: 300px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form {
  width: 600px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form {
  margin-bottom: 40px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.title,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.title,
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > div.title,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > div.title {
  display: flex;
  font-size: 16px;
  color: #2FB5B4;
  align-items: center;
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.title:after,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.title:after,
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > div.title:after,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > div.title:after {
  content: "";
  flex-grow: 1;
  margin-top: 4px;
  margin-left: 8px;
  border-bottom: 1px solid #2FB5B4;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root {
  border: none;
  padding: 0px;
  width: initial;
  border-radius: initial;
  background-color: transparent;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.title,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.title {
  display: none;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.add-new-pm-btn,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.add-new-pm-btn {
  font-size: 16px;
  text-align: left;
  margin-left: 34px;
  color: #2FB5B4;
  border-radius: 6px;
  padding: 12px 20px;
  font-family: "Lato";
  width: calc(100% - 108px);
  background-color: rgba(47, 168, 168, 0.15);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.card-list,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.card-list {
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.add-new-pm-btn,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.add-new-pm-btn {
  width: calc(100% - 118px);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list {
  max-height: 140px;
  margin-bottom: 20px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list::-webkit-scrollbar,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list::-webkit-scrollbar {
  width: 10px;
  border-radius: 6px;
  background-color: rgba(47, 168, 168, 0.1);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list::-webkit-scrollbar-track,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 6px;
  background-color: rgba(47, 168, 168, 0.1);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list::-webkit-scrollbar-thumb,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list::-webkit-scrollbar-thumb {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 6px;
  background-color: #2FB5B4;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.form-radio-btn,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.form-radio-btn {
  width: 20px;
  height: 20px;
  margin-left: 0px;
  margin-right: 12px;
  border: 1px solid #2FB5B4;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.form-radio-btn > div.selected.active,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.form-radio-btn > div.selected.active {
  background: #945CA3;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info {
  display: flex;
  padding: 8px 10px;
  border-radius: 6px;
  align-items: center;
  width: calc(100% - 90px);
  border: 1px solid #3B3C3D;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo {
  width: 60px;
  height: 32px;
  margin-right: 5px;
  background-size: 40px;
  background-position: 10px 3px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.visa,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.visa {
  background-size: 47px;
  background-position: 6px 9px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.amex,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.amex {
  background-size: 48px;
  background-position: 6px 10px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.unionpay,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.unionpay {
  background-size: 38px;
  background-position: 12px 4px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.discover,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.discover {
  background-size: 48px;
  background-position: 7px 13px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.diners,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.diners {
  background-size: 50px;
  background-position: 5px 9px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.mastercard,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.mastercard {
  background-size: 38px;
  background-position: 12px 5px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.details,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.details {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
  font-family: "Lato";
  color: rgba(90, 90, 90, 0.87);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group {
  display: flex;
  padding-top: 35px;
  margin-bottom: 40px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #2fa8a8;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.payment-card-logos,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.payment-card-logos {
  max-height: 16px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.powered-by-stripe-logo,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.powered-by-stripe-logo {
  max-height: 22px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls {
  display: flex;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn {
  width: 160px;
  height: 45px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn.payment-btn-root,
.plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn.payment-btn-root {
  margin-left: auto;
}
.update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container,
.plan-page-root-container .delete-card-overlay > .delete-credit-card-container {
  width: 630px;
  display: flex;
  font-size: 14px;
  padding: 30px 40px;
  position: relative;
  border-radius: 25px;
  height: max-content;
  flex-direction: column;
  background-color: white;
  max-width: calc(100vw - 140px);
  overflow: auto;
  max-height: calc(100vh - 140px);
}
.update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container > .title,
.plan-page-root-container .delete-card-overlay > .delete-credit-card-container > .title {
  font-size: 20px;
  margin-bottom: 12px;
  color: #2fa8a8;
}
.update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container > .sub-title,
.plan-page-root-container .delete-card-overlay > .delete-credit-card-container > .sub-title {
  margin-bottom: 12px;
}
.update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container > .delete-card,
.plan-page-root-container .delete-card-overlay > .delete-credit-card-container > .delete-card {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container > .delete-card > .delete,
.plan-page-root-container .delete-card-overlay > .delete-credit-card-container > .delete-card > .delete {
  font-size: 12px;
  color: white;
  width: 120px;
}
.update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container > .delete-card > .cancel,
.plan-page-root-container .delete-card-overlay > .delete-credit-card-container > .delete-card > .cancel {
  margin-left: auto;
  margin-right: 0;
  color: #2fa8a8;
  font-size: 12px;
  width: 120px;
  background-color: transparent;
}
.update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container > .error,
.plan-page-root-container .delete-card-overlay > .delete-credit-card-container > .error {
  color: red;
  margin-bottom: 12px;
}
@media only screen and (max-width: 600px), (max-height: 400px) {
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content {
    margin-bottom: 25px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.payment-info-content > div.details {
    font-size: 13px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.footer,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.footer {
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > div.update-link,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > div.update-link {
    align-self: center;
    margin-bottom: 0px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > img.payment-card-logos,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container > div.footer > img.payment-card-logos {
    margin-bottom: 25px;
    max-width: calc(100vw * 0.6);
  }
}
@media only screen and (max-width: 500px) {
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form {
    max-height: calc(100vh - 120px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form {
    margin-bottom: 20px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container,
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > .title,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > .title,
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > .title,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > .title {
    margin-bottom: 20px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.add-new-pm-btn,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.add-new-pm-btn {
    font-size: 14px;
    text-align: center;
    padding: 12px 20px;
    width: calc(100% - 97px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.card-list,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.card-list {
    margin-bottom: 15px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.add-new-pm-btn,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root.overflow > div.add-new-pm-btn {
    width: calc(100% - 107px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list {
    max-height: 100px;
    margin-bottom: 15px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info {
    padding: 3px 0px;
    width: calc(100% - 60px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo {
    margin-right: 0px;
    background-size: 36px;
    background-position: 13px 5px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.visa,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.visa {
    background-size: 40px;
    background-position: 10px 10px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.amex,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.amex {
    background-size: 44px;
    background-position: 8px 11px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.unionpay,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.unionpay {
    background-size: 36px;
    background-position: 13px 5px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.discover,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.discover {
    background-size: 43px;
    background-position: 9px 14px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.diners,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.diners {
    background-size: 44px;
    background-position: 9px 11px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.mastercard,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.logo.mastercard {
    background-size: 36px;
    background-position: 13px 5px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.details,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.delete-link,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info > div.delete-link {
    font-size: 13px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group {
    padding-top: 15px;
    margin-bottom: 20px;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.payment-card-logos,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.payment-card-logos {
    margin-bottom: 15px;
    max-height: clamp(5px, calc(100vw * 0.038), 15px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.powered-by-stripe-logo,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.powered-by-stripe-logo {
    max-height: clamp(5px, calc(100vw * 0.065), 20px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn {
    width: 110px;
    height: 30px;
  }
  .update-payment-info-overlay-mount .delete-card-overlay > .delete-credit-card-container > .title,
  .plan-page-root-container .delete-card-overlay > .delete-credit-card-container > .title {
    font-size: 17px;
  }
}
@media only screen and (max-height: 600px) {
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form {
    overflow: scroll;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form {
    margin-bottom: 20px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container,
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > div.title,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.digital-wallet-container > div.title,
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.title,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.payment-form-root.update-payment-info-form > div.card-form-root > div.title {
    margin-bottom: 20px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group {
    padding-top: 15px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.payment-card-logos,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.payment-card-logos {
    max-height: clamp(5px, calc(100vw * 0.028), 15px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.powered-by-stripe-logo,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.logo-group > img.powered-by-stripe-logo {
    max-height: clamp(5px, calc(100vw * 0.036), 20px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn,
  .plan-page-root-container div.plan-page-overlay.payment-info > div.payment-info-container.update-info-form > div.controls > div.cx-cta-btn {
    width: 120px;
    height: 35px;
  }
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan.loading,
.plan-page-root-container .plan-page-overlay.change-plan.loading {
  display: none;
}
.update-payment-info-overlay-mount div.cx-change-plan-root,
.plan-page-root-container div.cx-change-plan-root {
  display: flex;
  position: relative;
  border-radius: 25px;
  background-color: white;
  max-width: calc(100vw - 30px);
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group,
.plan-page-root-container div.cx-change-plan-root > div.plans-group {
  display: flex;
  padding: 45px;
  flex-direction: column;
  border-radius: 25px 0px 0px 25px;
  background: transparent linear-gradient(90deg, #222222 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.header,
.plan-page-root-container div.cx-change-plan-root > div.plans-group > div.header {
  color: white;
  font-size: 32px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 50px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.plans-grid,
.plan-page-root-container div.cx-change-plan-root > div.plans-group > div.plans-grid {
  display: flex;
  overflow: auto;
  max-width: calc(100vw - 480px);
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.plans-grid > div.cx-change-plan-tower:not(:last-child),
.plan-page-root-container div.cx-change-plan-root > div.plans-group > div.plans-grid > div.cx-change-plan-tower:not(:last-child) {
  margin-right: 15px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.explore-classroom-plan-link,
.plan-page-root-container div.cx-change-plan-root > div.plans-group > div.explore-classroom-plan-link {
  cursor: pointer;
  color: #F6F6F6;
  margin-top: auto;
  padding-top: 25px;
  width: max-content;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.explore-classroom-plan-link > span,
.plan-page-root-container div.cx-change-plan-root > div.plans-group > div.explore-classroom-plan-link > span {
  font-weight: bold;
  text-decoration: underline;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary {
  padding: 30px;
  background-color: white;
  border-radius: 0px 25px 25px 0px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary > div.header,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary > div.header {
  color: #222222;
  font-size: 22px;
  font-weight: 700;
  line-height: 17px;
  margin-bottom: 20px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary > div.cp-plan-content > div.cps-updated-plan,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary > div.cp-plan-content > div.cps-updated-plan {
  margin-top: 20px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.close-btn,
.plan-page-root-container div.cx-change-plan-root > div.close-btn {
  top: 16px;
  right: 18px;
  cursor: pointer;
  position: absolute;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.close-btn img,
.plan-page-root-container div.cx-change-plan-root > div.close-btn img {
  max-height: 15px;
  content: url("../img/studiomanagement/plan/CPCloseIcon.svg");
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  background-color: white;
  box-sizing: border-box;
  padding: 30px 45px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.plan-graphic,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.plan-graphic {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  margin-bottom: 10px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.plan-graphic > img,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.plan-graphic > img {
  max-height: 22px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.plan-name,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.plan-name {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.plan-name::after,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.plan-name::after {
  content: "";
  width: 30px;
  margin-top: 10px;
  border-bottom: 2px solid #CBCECF;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.plan-price-group,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.plan-price-group {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.plan-price-group > div.price-item,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.plan-price-group > div.price-item {
  font-size: 24px;
  font-weight: 700;
  color: #945CA3;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.plan-price-group > div.billing-cycle-item,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.plan-price-group > div.billing-cycle-item {
  font-size: 10px;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > ul.plan-features,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > ul.plan-features {
  margin: 0px;
  display: flex;
  list-style: none;
  min-height: 180px;
  width: max-content;
  align-items: center;
  flex-direction: column;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn {
  width: 155px;
  height: 36px;
  font-size: 13px;
  color: #F6F6F6;
  margin-top: auto;
  font-weight: 800;
  letter-spacing: 0px;
  text-transform: none;
  background-color: #6E6E6E;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn.selected,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn.selected {
  background-color: #2FB5B4;
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn.selected img,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn.selected img {
  height: 14px;
  content: url("../img/shop/blackTick.svg");
}
.update-payment-info-overlay-mount div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn.current,
.plan-page-root-container div.cx-change-plan-root div.cx-change-plan-tower > div.change-plan-btn.current {
  background-color: #C6C6C6;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary {
  width: 390px;
  box-sizing: border-box;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan {
  width: 100%;
  box-sizing: border-box;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.addon-section,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.addon-section,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.addon-section,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.addon-section {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid #CBCECF;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section div.title,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section div.title,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section div.title,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section div.title,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.addon-section div.title,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.addon-section div.title,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.addon-section div.title,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.addon-section div.title {
  margin-bottom: 3px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section div.desc,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section div.desc,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section div.desc,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section div.desc,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.addon-section div.desc,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.addon-section div.desc,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.addon-section div.desc,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.addon-section div.desc {
  font-weight: bold;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended {
  display: flex;
  min-height: 26px;
  width: max-content;
  align-items: center;
  justify-content: center;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.user-count,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.user-count,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.user-count,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.user-count {
  cursor: pointer;
  margin-left: 5px;
  color: #945CA3;
  text-decoration: underline;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root {
  margin-left: 5px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.input-container,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.input-container,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.input-container,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.input-container {
  padding: 2px 8px;
  font-size: 12px;
  text-transform: capitalize;
  box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content {
  top: 16px;
  left: 0px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  border-top: none;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item {
  padding: 2.5px 0px;
  text-align: center;
  text-transform: capitalize;
  background-color: white;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover {
  background-color: #f6f6f6;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text {
  color: #333;
  font-size: 11px;
  font-weight: normal;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:first-child,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:first-child,
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:first-child,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan div.plan-section > div.desc.extended > div.users-dropdown-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:first-child {
  padding-top: 10px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan {
  padding: 20px;
  border-radius: 12px;
  border: 1.5px solid #C6C6C6;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.addon-section div.addon-group,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.addon-section div.addon-group {
  display: flex;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.addon-section div.addon-group div.remove-cta,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.addon-section div.addon-group div.remove-cta {
  cursor: pointer;
  margin-left: 5px;
  color: #945CA3;
  text-decoration: underline;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.price-section > div.title,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.price-section > div.title {
  margin-bottom: 3px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.price-section > div.desc,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-current-plan > div.price-section > div.desc {
  font-weight: bold;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan {
  border-radius: 12px;
  border: 1.5px solid #2FB5B4;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.top-section,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.top-section {
  padding: 20px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.top-section > div.price,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.top-section > div.price {
  font-weight: bold;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section {
  padding: 20px;
  background-color: rgba(47, 181, 180, 0.1);
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.total-due-section,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.total-due-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.total-due-section > div.desc,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.total-due-section > div.desc {
  font-weight: bold;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.total-due-section > div.desc > div.cx-ui-loading,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.total-due-section > div.desc > div.cx-ui-loading {
  width: 18px;
  height: 18px;
  fill: black;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.billing-disc,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cps-updated-plan > div.bottom-section > div.billing-disc {
  font-size: 10px;
  margin-top: 14px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.confirm-plan-btn,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.confirm-plan-btn {
  width: 100%;
  height: 38px;
  font-size: 13px;
  margin-top: 25px;
  font-weight: 800;
  letter-spacing: 0.4px;
  box-sizing: border-box;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.confirm-plan-btn > div.cx-ui-loading,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.confirm-plan-btn > div.cx-ui-loading {
  width: 25px;
  height: 25px;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message {
  width: 100%;
  padding: 15px;
  margin: 0 auto;
  margin-top: 20px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 5px;
  box-sizing: border-box;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message.success,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message.success {
  color: #005a00;
  background-color: #cdffcd;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message.warning,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message.warning {
  color: #bf7300;
  background-color: #fff7d5;
}
.update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message.error,
.plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary div.cp-info-message.error {
  color: #d30000;
  background-color: #ffdfdf;
}
@media only screen and (max-width: 850px) {
  .update-payment-info-overlay-mount div.cx-change-plan-root,
  .plan-page-root-container div.cx-change-plan-root {
    overflow: auto;
    flex-direction: column;
    max-height: calc(100vh - 60px);
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group {
    border-radius: 25px 25px 0px 0px;
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.header,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group > div.header,
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.explore-classroom-plan-link,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group > div.explore-classroom-plan-link {
    margin: 0 auto;
    text-align: center;
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.header,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group > div.header {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.plans-grid,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group > div.plans-grid {
    max-width: calc(100vw - 165px);
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary,
  .plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary {
    width: auto;
    border-radius: 0px 0px 25px 25px;
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary > div.header,
  .plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary > div.header {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 525px) {
  .update-payment-info-overlay-mount div.cx-change-plan-root,
  .plan-page-root-container div.cx-change-plan-root {
    --ccpbr: 15px;
    border-radius: var(--ccpbr);
    max-height: calc(100vh - 45px);
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group {
    padding: 30px;
    border-radius: var(--ccpbr) var(--ccpbr) 0px 0px;
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.header,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group > div.header {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.plans-group > div.plans-grid,
  .plan-page-root-container div.cx-change-plan-root > div.plans-group > div.plans-grid {
    max-width: calc(100vw - 100px);
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary,
  .plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary {
    border-radius: 0px 0px var(--ccpbr) var(--ccpbr);
  }
  .update-payment-info-overlay-mount div.cx-change-plan-root > div.cx-change-plan-summary > div.header,
  .plan-page-root-container div.cx-change-plan-root > div.cx-change-plan-summary > div.header {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
  }
}
div.sm-studio-collaborators-root {
  display: flex;
  max-width: 100%;
  color: #F6F6F6;
  border-radius: 8px;
  margin-bottom: 30px;
  flex-direction: column;
  background-color: #FFFFFF;
  font-family: "lato", sans-serif;
  box-shadow: 0px 3px 6px #00000029;
}
div.sm-studio-collaborators-root > div.header {
  display: flex;
  padding: 20px;
  align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #945CA3;
}
div.sm-studio-collaborators-root > div.header > div.graphic {
  height: 89px;
  display: flex;
  max-width: 89px;
  min-width: 89px;
  border-radius: 50%;
  margin-right: 25px;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}
div.sm-studio-collaborators-root > div.header > div.graphic > img {
  max-width: 60px;
  max-height: 60px;
}
div.sm-studio-collaborators-root > div.header > div.title {
  font-size: 24px;
}
div.sm-studio-collaborators-root > div.content {
  padding: 20px;
}
.newToolbar {
  background-color: #363836;
}
.fevh-dropdown-item-container {
  max-height: calc(34px * 15);
  overflow-y: auto;
  position: fixed;
  width: inherit;
}
li.newToolbarButton {
  float: left;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 15px;
  text-decoration: none;
  font-size: 14px;
  list-style-type: none;
  line-height: 50px;
  width: 64px;
}
li:hover.newToolbarButton a.newToolbarButton {
  color: #40BDB2;
}
li:hover.active.newToolbarButton a.newToolbarButton {
  color: #f2f2f2;
}
li.active.newToolbarButton {
  background-color: #40BDB2;
  color: white;
  position: relative;
}
a.newToolbarButton {
  color: #f2f2f2;
}
.menubar-tooltip {
  border: 1px solid #1f211f;
  position: absolute;
  background-color: #1f211f;
  width: 100px;
  margin-top: 12px;
  margin-left: -53px;
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  color: #F2F2F2;
  padding: 4px;
  text-transform: none;
  z-index: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
}
#fevhSecondaryToolbar .menubar-tooltip {
  top: 75px;
}
#schedule-secondary-toolbar {
  width: calc(100vw - 200px);
}
@media (max-width: 1160px) {
  #schedule-secondary-toolbar {
    width: calc(100vw - 100px);
  }
}
.catalog-toolbar {
  width: 100%;
  display: flex;
  align-items: center;
}
.catalog-toolbar .catalog-budget-total-container {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 15px;
  margin-left: 10px;
  cursor: pointer;
}
.catalog-toolbar .catalog-new-search .header-search-container {
  width: calc(100% - 10px);
  padding: 0px 5px;
  border-radius: 0px;
  height: 30px;
  border: 1px solid #6E6E6E;
  color: #F6F6F6;
  background-color: none;
  margin-top: -1px;
}
.catalog-toolbar .catalog-new-search .header-search-container input {
  background: none;
}
.sorting-tags {
  display: flex;
  overflow: auto;
  margin-left: 3px;
  align-items: center;
}
.sorting-tags::-webkit-scrollbar {
  display: none;
}
.schedule-sort-tag {
  display: flex;
  font-size: 13px;
  border-radius: 4px;
  color: #222222;
  line-height: 18px;
  background-color: #2FB5B4;
  margin-left: 5px;
  padding: 0px 5px;
  height: 25px;
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
}
.schedule-sort-tag span {
  display: flex;
}
.schedule-sort-tag span::after {
  padding-left: 7px;
  padding-right: 15px;
  margin-top: -2px;
  display: flex;
}
.schedule-sort-tag .sorted-down::after {
  content: '\2193';
}
.schedule-sort-tag .sorted-up::after {
  content: '\2191';
}
.file-edit-view-toolbar {
  width: 100%;
}
.file-edit-view-toolbar .save-status {
  display: flex;
  color: #F6F6F6;
  align-items: center;
  margin-right: 20px;
}
.file-edit-view-toolbar .save-status .save-status-saving.dot-typing {
  color: inherit;
  font-size: 4px;
}
#banner-container .banner {
  display: flex;
  flex-direction: row;
  text-align: center;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/unlock-banner-background.png"), linear-gradient(to right, #2FB5B4, #945CA3);
  color: #F6F6F6;
  justify-content: center;
  align-items: center;
  transition: all 0.1s linear;
}
#banner-container .banner .banner-heading {
  font: normal normal bold 18px/22px Lato;
  cursor: default;
}
#banner-container .banner .action-btn.transparent {
  font: normal normal normal 13px/16px Lato;
  text-transform: none;
  margin-left: 20px;
  text-decoration: underline;
}
#banner-container .banner.expanded {
  height: 94px;
}
#banner-container .banner.expanded .banner-heading {
  font: normal normal bold 24px/28px Lato;
}
#banner-container .banner.expanded .banner-heading .banner-subheading {
  font: normal normal normal 14px/28px Lato;
}
.toolbar-container {
  width: 100%;
  background-color: #222222;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.toolbar-container .toolbar-primary {
  display: flex;
  width: 100%;
  height: var(--primary-toolbar-height);
  border-bottom: 1px solid #6E6E6E;
}
.toolbar-container .toolbar-primary .toolbar-comments {
  margin-left: 20px !important;
}
.toolbar-container .toolbar-primary .toolbar-comments div i {
  font-size: 18px;
}
.toolbar-container .toolbar-primary .toolbar-right-button-container {
  display: flex;
  align-items: center;
}
.toolbar-container .toolbar-primary .toolbar-right-button-container .btn-subscribe,
.toolbar-container .toolbar-primary .toolbar-right-button-container .view-studio-button {
  height: 75%;
  border-radius: 10px;
  font-size: 14px;
}
.toolbar-container .toolbar-title-info-block {
  height: 100%;
  display: inline-flex;
  white-space: nowrap;
  opacity: var(--title-info-opacity);
  min-width: 215px;
  max-width: 215px;
}
.toolbar-container .toolbar-title-info-block:hover {
  background-color: #6E6E6E;
}
.toolbar-container .toolbar-title-info-block .toolbar-title-text-container {
  width: 100%;
  padding: 12px 0px 12px 40px;
  letter-spacing: 1px;
  display: flex;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: #F6F6F6;
  background-color: inherit;
  border-radius: 0px;
  font-family: "lato", sans-serif;
  text-shadow: none;
}
.toolbar-container .toolbar-title-info-block .toolbar-title-text-container.draft {
  background-color: #D8D8D8;
  color: #222222;
}
.toolbar-container .toolbar-title-info-block .toolbar-title-text-container.draft:hover {
  background-color: #e5e5e5;
}
.toolbar-container .toolbar-title-info-block .toolbar-title-text-container.highlight {
  background-color: #2FB5B4;
}
.toolbar-container .toolbar-title-info-block .toolbar-title-text-container:active {
  background: inherit !important;
}
.toolbar-container .toolbar-title-info-block .toolbar-title-text-container .title-text {
  width: 150px;
  padding-left: 5px;
  border: 1px transparent solid;
  overflow: clip;
  text-overflow: ellipsis;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  line-height: 18px;
}
.toolbar-container .toolbar-title-info-block .toolbar-title-text-container .title-text span {
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 10px;
}
.toolbar-container .toolbar-secondary-dropdown-container .secondary-dropdown {
  width: var(--secondary-dropdown-width);
  height: 100%;
  display: flex;
  align-items: center;
}
.toolbar-container .toolbar-secondary-dropdown-container .secondary-dropdown .secondary-dropdown-header {
  display: flex;
  height: 25px;
  border: 1px solid #6E6E6E;
  width: 100%;
  cursor: pointer;
  padding: 0px 5px;
}
.toolbar-container .toolbar-secondary-dropdown-container .secondary-dropdown .secondary-dropdown-header .secondary-dropdown-current-item-text {
  height: 100%;
  color: #F6F6F6;
  font-size: 12px;
  align-items: center;
  display: flex;
}
.toolbar-container .toolbar-secondary-dropdown-container .secondary-dropdown .secondary-dropdown-header .secondary-dropdown-current-item-icon-container {
  flex: 1;
  color: #F6F6F6;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.toolbar-container .toolbar-secondary-dropdown-container .secondary-dropdown .secondary-dropdown-header .secondary-dropdown-current-item-icon-container .secondary-dropdown-current-item-icon {
  font-size: 10px;
  padding-right: 3px;
  color: #F6F6F6;
  display: inline-flex;
  align-items: center;
  transform: var(--dropdown-icon-transform);
  margin-top: var(--dropdown-icon-margin-top);
}
.toolbar-container .budget-edit-toolbar {
  display: inline-flex;
}
.toolbar-container .budget-edit-toolbar .budget-edit-toolbar-text {
  color: #F6F6F6;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 18px;
  margin-left: 20px;
  margin-right: 50px;
}
.toolbar-container .budget-edit-toolbar .budget-edit-toolbar-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.toolbar-container .media-library-toolbar {
  height: 100%;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.toolbar-container .media-library-toolbar .avatar-container {
  margin-right: 35px;
}
.toolbar-container .primary-toolbar-container,
.toolbar-container .secondary-toolbar-container {
  display: flex;
  flex-direction: row;
  height: 44px;
}
.toolbar-container .primary-toolbar-container .toolbar-share-button,
.toolbar-container .secondary-toolbar-container .toolbar-share-button {
  float: right;
  display: inline-flex;
  min-width: unset;
  text-transform: uppercase;
  cursor: pointer;
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon.disabled,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon.disabled,
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon.disabled,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon.disabled,
.toolbar-container .primary-toolbar-container .toolbar-secondary-dropdown-container.disabled,
.toolbar-container .secondary-toolbar-container .toolbar-secondary-dropdown-container.disabled {
  opacity: 0.25;
  cursor: default;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon,
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon {
  color: #F2F2F2;
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  position: relative;
  text-shadow: none;
  cursor: pointer;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon.active,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon.active,
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon.active,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon.active {
  color: #2FB5B4;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon i,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon i,
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon i,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon i {
  font-size: 14px;
  display: flex;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon.toolbar-secondary-underline i,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon.toolbar-secondary-underline i,
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon.toolbar-secondary-underline i,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon.toolbar-secondary-underline i {
  font-size: 16px;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon span,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon span,
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon span,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon span {
  white-space: nowrap;
}
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon {
  background-color: #464646;
  padding: 0px 10px;
  width: calc(100% + 20px);
  height: 70%;
  margin-right: 5px;
}
.toolbar-container .primary-toolbar-container .toolbar-button-text-icon i,
.toolbar-container .secondary-toolbar-container .toolbar-button-text-icon i {
  margin-right: 5px;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon {
  padding: 0px;
  margin-right: 2px;
  height: 25px;
  width: 25px;
  aspect-ratio: 1;
  background-color: transparent;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon:active,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon:active {
  background-color: transparent !important;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon.disabled,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon.disabled {
  color: #AAB0B0;
  cursor: default;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon .menubar-tooltip,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon .menubar-tooltip {
  left: 50%;
  top: 80%;
}
.toolbar-container .primary-toolbar-container .toolbar-button-icon .calendar-toolbar-settings,
.toolbar-container .secondary-toolbar-container .toolbar-button-icon .calendar-toolbar-settings {
  font-size: 20px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary,
.toolbar-container .secondary-toolbar-container .redux-toolbar-primary,
.toolbar-container .primary-toolbar-container .redux-toolbar-secondary,
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary {
  height: 100%;
  width: 100%;
  display: flex;
}
.toolbar-container .primary-toolbar-container {
  border-bottom: 1px solid #6E6E6E;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container .view-switcher-buttons-container {
  display: inline-flex;
  position: absolute;
  left: 50%;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container .view-switcher-buttons-container .view-switcher-button {
  display: flex;
  justify-content: center;
  background-color: #222222;
  border-color: #6E6E6E;
  height: 30px;
  width: 40px;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  text-shadow: none;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container .view-switcher-buttons-container .view-switcher-button.right-button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container .view-switcher-buttons-container .view-switcher-button.left-button {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container .view-switcher-buttons-container .view-switcher-button.other-button {
  border-width: 1px 0px 1px 0px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container .view-switcher-buttons-container .view-switcher-button.active-button {
  background-color: #2FB5B4;
  border-color: #2FB5B4;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .view-switcher-container .view-switcher-buttons-container .view-switcher-button .view-switcher-icon {
  font-size: 12px;
  color: #F6F6F6;
  align-self: center;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .menus-container {
  display: inline-flex;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .menus-container .toolbar-menu-header {
  font-size: 12px;
  width: 70px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F6F6F6;
  text-overflow: ellipsis;
  margin-right: 15px;
  position: relative;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .menus-container .toolbar-menu-header:hover {
  background-color: #6E6E6E;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .menus-container .toolbar-menu-header.open {
  background-color: #2FB5B4;
  color: #222222;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .menus-container .toolbar-menu-header .toolbar-menu-header-content {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .menus-container .toolbar-menu-header .fly-out-menu {
  z-index: 26;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .menus-container .toolbar-menu-header .fly-out-menu .fly-out-menu-item.active .fly-out-menu-item-container::after {
  content: '\e801';
  font-family: 'celtxicons';
  display: flex;
  align-items: center;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container {
  height: 100%;
  flex: 1;
  display: inline-flex;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .subscribe-container {
  height: 75%;
  align-self: center;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .subscribe-container .btn-subscribe {
  border-radius: 10px;
  font-size: 14px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .offline-marker-container {
  margin-right: 56px;
  display: flex;
  align-items: center;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .offline-marker-container .offline-marker {
  margin: 9px 0px 8px 0px;
  border: 1px solid #F6F6F6;
  border-radius: 30px;
  color: #F6F6F6;
  padding: 3px 14px;
  font-size: 11px;
  letter-spacing: 0.02em;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .offline-marker-container .offline-marker i {
  font-size: 12px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .offline-marker-container .offline-marker.disconnected {
  opacity: 0.5;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .save-status-container {
  display: flex;
  align-content: center;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .collaborators-container {
  display: flex;
  height: 100%;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .share-container {
  display: flex;
  justify-content: center;
  margin: 0px 20px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .comments-container {
  display: flex;
  justify-content: center;
  margin-left: 3px;
}
.toolbar-container .primary-toolbar-container .redux-toolbar-primary .other-toolbar-items-container .second-other-toolbar-items-container .avatar-container {
  margin-right: 35px;
}
.toolbar-container .editor-side-menu-container {
  position: absolute;
  min-width: 215px;
  max-width: 215px;
  top: 100%;
  min-height: 100vh;
  background-color: inherit;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .approval-history-container {
  display: flex;
  align-items: center;
  margin-left: 20px;
  width: 128px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-left-items {
  display: flex;
  flex: 1;
  justify-content: flex-start;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-left-items .breakdown-settings-text {
  display: flex;
  align-items: center;
  color: #F6F6F6;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-left-items .toolbar-game-report-buttons {
  display: flex;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-left-items .schedule-sort-tags {
  display: flex;
  align-items: center;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-right-items {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  padding-right: 40px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-right-items .toolbar-game-icon-buttons {
  display: flex;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-right-items #mass-edit-search-mount {
  display: flex;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-menu-alignment-spacer {
  display: flex;
  min-width: 215px;
  max-width: 215px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .secondary-toolbar-menu-alignment-spacer.show-approvals {
  min-width: 87px;
  max-width: 87px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .action-btn.add {
  align-self: center;
  background-color: #2FB5B4;
  color: #222222;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-dropdown-container {
  width: 142px;
  height: 27px;
  cursor: pointer;
  color: #F6F6F6;
  align-self: center;
  position: relative;
  display: flex;
  align-items: center;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-dropdown-container.schedule-sort-dropdown-container {
  width: unset;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-dropdown-container .toolbar-dropdown-header-container {
  display: flex;
  flex: 1;
  padding: 0px 5px;
  border: 1px solid #6E6E6E;
  height: 100%;
  align-items: center;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-dropdown-container .fly-out-menu {
  top: calc(var(--flyout-menu-top, 0%) + 6px);
  z-index: 100;
  border: 1px solid #6E6E6E;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-dropdown-container .fly-out-menu-label-item {
  justify-content: center;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .type-dropdown-container .fly-out-menu-label-item .fly-out-menu-item-container {
  justify-content: center;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .screenplay-formatting-buttons,
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .game-toolbar-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-zoom-dropdown-container {
  width: 72px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-zoom-dropdown-container .fly-out-menu .fly-out-menu-item {
  min-width: unset;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-undo-redo-container {
  display: flex;
  align-items: center;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-undo-redo-container .toolbar-button-icon {
  margin-right: 10px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-undo-redo-container .toolbar-button-icon i {
  font-size: 12px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-secondary-navigation {
  margin-right: 30px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .toolbar-secondary-navigation i {
  font-size: 20px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .catalog-search {
  border: 1px solid #6E6E6E;
  margin: 0px;
  padding: 5px;
  display: flex;
  align-self: center;
  height: calc(70% - 10px);
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .catalog-total {
  display: flex;
  color: #F6F6F6;
  align-self: center;
  padding: 10px;
}
.toolbar-container .secondary-toolbar-container .redux-toolbar-secondary .catalog-total i {
  font-size: 14px;
}
.toolbar-container.safari-fixes input:focus-visible,
.toolbar-container.safari-fixes select:focus-visible,
.toolbar-container.safari-fixes option:focus-visible,
.toolbar-container.safari-fixes button:focus-visible,
.toolbar-container.safari-fixes *[tabindex]:not([tabindex='-1']):focus-visible,
.toolbar-container.safari-fixes input:focus,
.toolbar-container.safari-fixes select:focus,
.toolbar-container.safari-fixes option:focus,
.toolbar-container.safari-fixes button:focus,
.toolbar-container.safari-fixes *[tabindex]:not([tabindex='-1']):focus {
  outline: auto;
}
.toolbar-container .jump-to-content {
  left: 50%;
  position: absolute;
  transform: translateY(-100%);
  animation: slideOutUp 250ms;
  height: 44px;
  text-transform: uppercase;
  font-size: 14px;
  color: #222222;
  background-color: #2FB5B4;
  text-shadow: none;
  font-family: 'Lato';
  z-index: 2;
}
.toolbar-container .jump-to-content:focus {
  animation: slideInDown 250ms;
  transform: translateY(0%);
}
.toolbar-container .jump-to-content:hover {
  background-color: #35D4D2;
}
.toolbar-container .jump-to-content:active {
  background-color: #1FA3A2;
}
ul.file-menu-dropdown-list,
li.file-menu-dropdown-item {
  outline: none;
}
.toolbar-read-only {
  opacity: 0.5;
  pointer-events: none;
}
.revision-mode-toolbar {
  padding: 5px 25px;
  height: 30px;
  color: #4F4F4F;
  display: flex;
  align-items: center;
}
.revision-mode-toolbar.toolbar-colored-white {
  background-color: #ffffff;
}
.revision-mode-toolbar.toolbar-colored-white .revision-toolbar-dropdown-header-container {
  background-color: #e0e0e0;
}
.revision-mode-toolbar.toolbar-colored-white .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-white .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-white .toolbar-button-icon.checked {
  background-color: #cccccc;
}
.revision-mode-toolbar.toolbar-colored-white .toolbar-button-icon:active {
  background-color: #cccccc !important;
}
.revision-mode-toolbar.toolbar-colored-blue {
  background-color: #baffff;
}
.revision-mode-toolbar.toolbar-colored-blue .revision-toolbar-dropdown-header-container {
  background-color: #63ffff;
}
.revision-mode-toolbar.toolbar-colored-blue .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-blue .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-blue .toolbar-button-icon.checked {
  background-color: #3affff;
}
.revision-mode-toolbar.toolbar-colored-blue .toolbar-button-icon:active {
  background-color: #3affff !important;
}
.revision-mode-toolbar.toolbar-colored-pink {
  background-color: #ffbaff;
}
.revision-mode-toolbar.toolbar-colored-pink .revision-toolbar-dropdown-header-container {
  background-color: #ff63ff;
}
.revision-mode-toolbar.toolbar-colored-pink .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-pink .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-pink .toolbar-button-icon.checked {
  background-color: #ff3aff;
}
.revision-mode-toolbar.toolbar-colored-pink .toolbar-button-icon:active {
  background-color: #ff3aff !important;
}
.revision-mode-toolbar.toolbar-colored-yellow {
  background-color: #ffffba;
}
.revision-mode-toolbar.toolbar-colored-yellow .revision-toolbar-dropdown-header-container {
  background-color: #ffff63;
}
.revision-mode-toolbar.toolbar-colored-yellow .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-yellow .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-yellow .toolbar-button-icon.checked {
  background-color: #ffff3a;
}
.revision-mode-toolbar.toolbar-colored-yellow .toolbar-button-icon:active {
  background-color: #ffff3a !important;
}
.revision-mode-toolbar.toolbar-colored-green {
  background-color: #baffba;
}
.revision-mode-toolbar.toolbar-colored-green .revision-toolbar-dropdown-header-container {
  background-color: #63ff63;
}
.revision-mode-toolbar.toolbar-colored-green .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-green .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-green .toolbar-button-icon.checked {
  background-color: #3aff3a;
}
.revision-mode-toolbar.toolbar-colored-green .toolbar-button-icon:active {
  background-color: #3aff3a !important;
}
.revision-mode-toolbar.toolbar-colored-goldenrod {
  background-color: #ffdb1a;
}
.revision-mode-toolbar.toolbar-colored-goldenrod .revision-toolbar-dropdown-header-container {
  background-color: #c2a300;
}
.revision-mode-toolbar.toolbar-colored-goldenrod .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-goldenrod .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-goldenrod .toolbar-button-icon.checked {
  background-color: #998100;
}
.revision-mode-toolbar.toolbar-colored-goldenrod .toolbar-button-icon:active {
  background-color: #998100 !important;
}
.revision-mode-toolbar.toolbar-colored-buff {
  background-color: #ffb883;
}
.revision-mode-toolbar.toolbar-colored-buff .revision-toolbar-dropdown-header-container {
  background-color: #ff872c;
}
.revision-mode-toolbar.toolbar-colored-buff .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-buff .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-buff .toolbar-button-icon.checked {
  background-color: #ff7003;
}
.revision-mode-toolbar.toolbar-colored-buff .toolbar-button-icon:active {
  background-color: #ff7003 !important;
}
.revision-mode-toolbar.toolbar-colored-salmon {
  background-color: #ffbaba;
}
.revision-mode-toolbar.toolbar-colored-salmon .revision-toolbar-dropdown-header-container {
  background-color: #ff6363;
}
.revision-mode-toolbar.toolbar-colored-salmon .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-salmon .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-salmon .toolbar-button-icon.checked {
  background-color: #ff3a3a;
}
.revision-mode-toolbar.toolbar-colored-salmon .toolbar-button-icon:active {
  background-color: #ff3a3a !important;
}
.revision-mode-toolbar.toolbar-colored-cherry {
  background-color: #ee757c;
}
.revision-mode-toolbar.toolbar-colored-cherry .revision-toolbar-dropdown-header-container {
  background-color: #e42832;
}
.revision-mode-toolbar.toolbar-colored-cherry .toolbar-button-icon:hover,
.revision-mode-toolbar.toolbar-colored-cherry .toolbar-button-icon:focus,
.revision-mode-toolbar.toolbar-colored-cherry .toolbar-button-icon.checked {
  background-color: #ca1923;
}
.revision-mode-toolbar.toolbar-colored-cherry .toolbar-button-icon:active {
  background-color: #ca1923 !important;
}
.revision-mode-toolbar .revision-mode-toolbar-text {
  text-transform: uppercase;
  font: normal 10px Arial, sans-serif;
  line-height: 100%;
}
.revision-mode-toolbar .revision-mode-color {
  margin-right: 10px;
}
.revision-mode-toolbar .revision-mode-number {
  margin-right: 25px;
}
.revision-mode-toolbar .toolbar-button-icon {
  background-color: transparent;
  text-shadow: none;
  margin-left: 10px;
  padding: 0px;
  height: 100%;
  aspect-ratio: 1;
}
.revision-mode-toolbar .revision-toolbar-dropdown-container {
  display: flex;
  height: 100%;
  margin-left: 50px;
  margin-right: 118px;
  position: relative;
  cursor: pointer;
}
.revision-mode-toolbar .revision-toolbar-dropdown-container .fly-out-menu {
  z-index: 100;
}
.revision-mode-toolbar .revision-toolbar-dropdown-container .fly-out-menu .fly-out-menu-item.active .fly-out-menu-item-container::after {
  content: '\e801';
  font-family: 'celtxicons';
  display: flex;
  align-items: center;
}
.revision-mode-toolbar .revision-toolbar-dropdown-container .revision-toolbar-dropdown-header-container {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0px 10px;
}
.revision-mode-toolbar .revision-toolbar-dropdown-container .revision-toolbar-dropdown-header-container .revision-toolbar-dropdown-header-text {
  font-size: 12px;
  text-transform: none;
}
.revision-mode-toolbar .revision-toolbar-dropdown-container .revision-toolbar-dropdown-header-container .dropdown-header-arrow {
  margin-top: 0px;
  margin-left: 5px;
}
.find-replace-container {
  display: flex;
  width: calc(100% - 30px);
  padding: 15px;
  justify-content: center;
  flex-direction: row;
  background-color: #c0c0c0;
  border-bottom: 1px solid #6E6E6E;
}
.find-replace-container button {
  padding: 0px;
  text-shadow: none;
}
.find-replace-container .find-replace-contents-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  margin: 3px 20px;
  margin-right: 0px;
}
.find-replace-container .find-replace-contents-container .find-replace-contents {
  min-width: 510px;
  max-width: 510px;
}
.find-replace-container .find-replace-contents-container .find-replace-contents .find-replace-user-input-container {
  display: flex;
  min-height: 18px;
  max-height: 18px;
  background-color: #FFFFFF;
  margin-bottom: 8px;
  width: 100%;
  cursor: text;
  position: relative;
}
.find-replace-container .find-replace-contents-container .find-replace-contents .find-replace-user-input-container input {
  border: none;
  font-size: 11px;
  min-height: 18px;
  max-height: 18px;
  line-height: 18px;
  padding: 0px 4px;
  margin-bottom: 0px;
  width: 100%;
}
.find-replace-container .find-replace-contents-container .find-replace-contents .find-replace-user-input-container .find-replace-search-result-count {
  position: absolute;
  right: 4px;
  text-align: right;
  color: #B1B1B1;
  font-size: 10px;
  line-height: 18px;
  padding-left: 5px;
  cursor: text;
  pointer-events: none;
}
.find-replace-container .find-replace-contents-container .find-replace-contents .find-replace-buttons-container {
  width: 100%;
}
.find-replace-container .find-replace-contents-container .find-replace-buttons {
  display: flex;
  align-items: center;
}
.find-replace-container .find-replace-contents-container .find-replace-buttons .find-replace-match-buttons {
  display: flex;
  margin-left: 10px;
}
.find-replace-container .find-replace-contents-container .find-replace-buttons .find-replace-match-buttons .find-replace-match-button {
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  background-color: #A9A9A9;
  font-size: 10px;
}
.find-replace-container .find-replace-contents-container .find-replace-buttons .find-replace-match-buttons .find-replace-match-button.disabled {
  background-color: #BBBBBB;
  cursor: default;
}
.find-replace-container .find-replace-contents-container .find-replace-buttons .find-replace-match-buttons .find-replace-match-button.disabled i {
  opacity: 25%;
}
.find-replace-container .find-replace-contents-container .find-replace-buttons .find-replace-match-options .find-replace-match-checkbox {
  margin-left: 10px;
}
.find-replace-container .find-replace-close-container {
  cursor: pointer;
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
  min-width: 20px;
  max-width: 20px;
  height: fit-content;
  background: none;
}
.find-replace-container .find-replace-close-container:active,
.find-replace-container .find-replace-close-container:hover,
.find-replace-container .find-replace-close-container:focus {
  background: none !important;
}
.spell-check-container {
  display: flex;
  background: #c0c0c0;
  border-bottom: 1px solid #6E6E6E;
  padding: 15px;
}
.spell-check-container button {
  text-shadow: none;
}
.spell-check-container .spell-check-contents-container {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.spell-check-container .spell-check-contents-container .spell-check-contents {
  display: flex;
  flex-direction: column;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-current-change {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 3px;
  width: 100%;
  font-size: 12px;
  margin-bottom: 0px;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs {
  display: flex;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-inputs-container {
  width: 310px;
  display: flex;
  flex-direction: column;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-inputs-container input,
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-inputs-container select {
  padding: 5px;
  border-width: 1px;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-inputs-container input {
  width: 298px;
  margin: 0px;
  font-size: 12px;
  height: 14px;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-inputs-container select {
  width: 100%;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-inputs-container .spell-check-suggestions {
  max-height: 58px;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-buttons {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.spell-check-container .spell-check-contents-container .spell-check-contents .spell-check-user-inputs .spell-check-buttons button {
  width: 108px;
  font-weight: normal;
  font-size: 11px;
  display: block;
  margin-bottom: 7px;
}
.spell-check-container .spell-check-close-container {
  cursor: pointer;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  max-width: 20px;
  aspect-ratio: 1;
  height: fit-content;
  background: none;
}
.spell-check-container .spell-check-close-container:active,
.spell-check-container .spell-check-close-container:hover,
.spell-check-container .spell-check-close-container:focus {
  background: none !important;
}
.menu-label {
  width: 140px;
  display: inline-block;
}
.format-dropdown {
  cursor: pointer;
}
.format-dropdown #tab span {
  justify-content: center;
}
.format-dropdown #tab .dropdown-format-text {
  width: 100% !important;
}
.format-dropdown #tab .dropdown-format-text a {
  color: #848484 !important;
  width: 100% !important;
  cursor: default;
}
.format-dropdown #tab .dropdown-format-text:hover {
  color: #848484 !important;
}
.dropdown-wrapper {
  width: 180px;
  display: inline-flex;
}
.dropdown-wrapper .dropdown-format-text {
  width: 145px;
}
.dropdown-wrapper .dropdown-format-shortcut {
  color: #cbd0ce;
}
.toolbar-divider {
  background-color: #4e4e4e;
  height: 30px;
  width: 1px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  align-self: center;
}
.toolbar-undo-redo-container {
  display: flex;
  justify-content: flex-end;
}
.toolbar-format-container {
  display: flex;
}
.toolbar-shotblocker-container {
  display: flex;
}
.toolbar-shotblocker-container > div {
  margin-right: 5px;
}
.toolbar-shotblocker-container i {
  font-size: 13px;
}
.undo-redo-wrap {
  display: flex;
  padding-right: 40px;
}
.file-menu-parent-item {
  z-index: 100;
}
.file-menu-parent-item:hover {
  background-color: #6E6E6E;
}
.file-menu-shortcut {
  color: #cbd0ce;
  padding-right: 10px;
  margin-left: -65px;
  float: right;
}
.drop-down-arrow {
  transform: rotate(-90deg);
  font-size: 10px;
  padding-right: 3px;
}
.menu-item-disabled {
  color: #777777;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
ul > li.file-menu-dropdown-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
ul > li.file-menu-dropdown-item:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.additional-files-view-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  font-family: 'lato';
}
.additional-files-view-container #displayTitleTextContainer {
  display: none !important;
}
.additional-files-view-container .additional-files-inner-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header {
  padding-left: 25px;
  display: flex;
  flex-direction: row;
  max-height: 80px;
  min-height: 80px;
  align-items: center;
  font-size: 18px;
  border-bottom: 1px solid transparent;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-left {
  display: flex;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-left .additional-files-header-label.clickable {
  cursor: pointer;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-left .additional-files-header-label:nth-of-type(n + 2) {
  padding-left: 12px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-left .additional-files-header-count {
  padding-left: 40px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
  margin-right: 15px;
}
@media (hover) {
  .additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.secondary:hover {
    background-color: #A859BD !important;
  }
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share:active {
  background-color: #1FA3A2;
  color: #222222;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.create-pill,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.create-pill:hover,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.cancel,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.save-n-close,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.close,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.cancel:hover,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.save-n-close:hover,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.close:hover,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.transparent:hover,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.cancel:active,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.save-n-close:active,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.close:active,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.transparent:active {
  background-color: transparent !important;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.cancel {
  margin-right: 10px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.close,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.save-n-close {
  padding: 0px;
  line-height: initial;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.close::before,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.close::before {
  content: '\e818';
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.disabled:hover,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.disabled:active {
  background-color: #868686 !important;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.upload {
  height: 40px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.download {
  text-transform: none;
  background-color: #292D30;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.download:hover,
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share.download:active {
  background-color: #292D30 !important;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component .additional-files-header .additional-files-header-right .additional-files-header-share:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table {
  height: calc(100% - 80px);
  display: flex;
  flex-direction: column;
  width: 100%;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10+ and Edge */
  user-select: none;
  /* Standard syntax */
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr {
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0px 1px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-table-header-cell-container {
  font-family: 'lato';
  font-size: 12px;
  color: #151515;
  text-align: left;
  flex: 1;
  height: 64px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-table-header-cell-container.clickable {
  cursor: pointer;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-table-header-cell-container:hover i {
  display: flex;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-table-header-cell-container .additional-files-table-header-cell-inner-container {
  display: inline-flex;
  height: 64px;
  align-items: center;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-table-header-cell-container .additional-files-table-header-cell-inner-container.active {
  color: #2FB5B4;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-table-header-cell-container .additional-files-table-header-cell-inner-container.active i {
  color: #2FB5B4;
  display: flex;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add {
  flex: 0.1;
  min-width: 104px;
  max-width: 104px;
  display: flex;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown {
  height: 100%;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu {
  background: #181919;
  right: 0px;
  left: 60px;
  overflow: inherit;
  border-radius: 8px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu.collapsed {
  display: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu.expanded {
  display: block;
  width: max-content;
  min-width: 189px;
  top: 43px;
  left: 25px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu .react-dropdown-menu__item {
  display: flex;
  flex: 1;
  background-color: #181919;
  font-size: 13px;
  letter-spacing: 0.78px;
  font-family: "lato";
  padding: 12px 24px;
  white-space: nowrap;
  width: unset;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu .react-dropdown-menu__item:hover {
  background-color: #6E6E6E;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu .react-dropdown-menu__item:first-of-type {
  padding-top: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu .react-dropdown-menu__item:last-of-type {
  padding-bottom: 12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu .react-dropdown-menu__item .react-dropdown-menu__item-label {
  color: #F6F6F6;
  margin: 0px;
  font-weight: 100;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu .react-dropdown-menu__item .react-dropdown-menu__item-icon {
  color: #F6F6F6;
  flex: 1;
  display: inline-flex;
  justify-content: flex-end;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .react-dropdown-menu .react-dropdown-menu__item .react-dropdown-menu {
  top: 0px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .toggle {
  padding: 0px;
  height: 100%;
  display: flex;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .toggle .react-dropdown-toggle-container {
  align-self: center;
  display: flex;
  flex: 1;
  padding-left: 25px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .react-dropdown .toggle.active {
  background: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .additional-files-add-dropdown .react-dropdown .react-dropdown-menu.expanded {
  top: 50px;
  left: 20px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .additional-files-add-dropdown .react-dropdown .toggle .additional-files-add-arrow-container {
  color: #2F2F2F;
  padding-left: 12px;
  font-size: 8px;
  display: flex;
  align-items: center;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .additional-files-add-dropdown .react-dropdown .toggle:hover {
  background: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .additional-files-add-dropdown .react-dropdown .toggle.active .additional-files-add-arrow-container i {
  transform: rotate(180deg);
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table thead tr .additional-files-add .additional-files-add-dropdown .react-dropdown .toggle.active .action-btn.add {
  background-color: #1FA3A2;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody {
  overflow-y: auto;
  scrollbar-gutter: stable both-edges;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 10px;
  outline: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row {
  cursor: pointer;
  height: 64px;
  display: flex;
  border: 1px transparent solid;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row.selected,
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row:hover {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 3px #00000029;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row.selected .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle,
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row:hover .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle {
  background: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row.selected .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle i,
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row:hover .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle i {
  display: inline-block;
  height: 18px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row.drag-target {
  border: 1px #2FB5B4 solid;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td {
  align-self: center;
  flex: 1;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td.additional-files-table-row-hamburger {
  flex: 0.1;
  min-width: 104px;
  max-width: 104px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td:nth-of-type(2) {
  text-align: left;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td.additional-files-row-data-item .additional-files-row-data-item-name-container {
  display: inline-flex;
  height: 64px;
  align-items: center;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td.additional-files-row-data-item i {
  padding-right: 15px;
  line-height: 36px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td.additional-files-row-data-item.editing i {
  padding-right: 10px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td.additional-files-row-data-item.editing ~ td {
  display: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row td.additional-files-row-data-item input.additional-files-row-data-rename {
  margin-bottom: 0px;
  padding: 8px 14px;
  padding-top: 10px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger:hover .additional-files-row-dropdown .react-dropdown .toggle i:hover {
  cursor: pointer;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger:hover .additional-files-row-dropdown .react-dropdown .toggle:not(.active) i:hover {
  color: #151515;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown {
  height: 64px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown {
  height: 100%;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu {
  background: #181919;
  right: 0px;
  left: 60px;
  overflow: inherit;
  border-radius: 8px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu.collapsed {
  display: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu.expanded {
  display: block;
  width: max-content;
  min-width: 189px;
  top: 43px;
  left: 25px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu .react-dropdown-menu__item {
  display: flex;
  flex: 1;
  background-color: #181919;
  font-size: 13px;
  letter-spacing: 0.78px;
  font-family: "lato";
  padding: 12px 24px;
  white-space: nowrap;
  width: unset;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu .react-dropdown-menu__item:hover {
  background-color: #6E6E6E;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu .react-dropdown-menu__item:first-of-type {
  padding-top: 12px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu .react-dropdown-menu__item:last-of-type {
  padding-bottom: 12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu .react-dropdown-menu__item .react-dropdown-menu__item-label {
  color: #F6F6F6;
  margin: 0px;
  font-weight: 100;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu .react-dropdown-menu__item .react-dropdown-menu__item-icon {
  color: #F6F6F6;
  flex: 1;
  display: inline-flex;
  justify-content: flex-end;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .react-dropdown-menu .react-dropdown-menu__item .react-dropdown-menu {
  top: 0px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle {
  padding: 0px;
  height: 100%;
  display: flex;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle .react-dropdown-toggle-container {
  align-self: center;
  display: flex;
  flex: 1;
  padding-left: 25px;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle.active {
  background: none;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown .toggle i {
  display: none;
  padding-right: 0px;
  font-size: 16px;
  color: #2F2F2F;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table tbody tr.additional-files-row .additional-files-table-row-hamburger .additional-files-row-dropdown .react-dropdown:active i {
  color: #2FB5B4;
  display: inline-block;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table .additional-files-table-sort {
  display: inline-flex;
  flex-flow: column;
  font-size: 8px;
  padding-left: 13px;
  color: #2F2F2F;
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table .additional-files-table-sort i.rotated {
  transform: rotate(180deg);
}
.additional-files-view-container .additional-files-inner-container .additional-files-component table.additional-files-table .additional-files-table-sort i {
  height: 8px;
  cursor: pointer;
  display: none;
}
.cx-projectpalette-container {
  position: fixed;
  z-index: 25;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  top: 125px;
  text-align: right;
  width: 152px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
.left-hand-palette .cx-projectpalette-container {
  right: 0%;
  left: 1%;
}
.left-hand-palette .cx-projectpalette-container .cx-projectpalette-title-back {
  display: none;
}
.left-hand-palette .cx-projectpalette-container .cx-projectpalette-title-close {
  float: right;
  text-align: center;
  margin-right: -5px;
  margin-top: -3px;
  padding: 2px 2px 3px 2px;
  width: 16px;
  transform: rotate(180deg);
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-in-out 100ms 0ms;
  -moz-transition: all ease-in-out 100ms 0ms;
  -ms-transition: all ease-in-out 100ms 0ms;
  -o-transition: all ease-in-out 100ms 0ms;
  transition: all ease-in-out 100ms 0ms;
}
.left-hand-palette .cx-projectpalette-container .cx-projectpalette-title-pin {
  background-color: #2FB5B4;
}
.left-hand-palette .cx-projectpalette-container .cx-projectpalette-title-pin:before {
  content: '\e867';
  margin-top: 5px;
}
.cx-projectpalette-container-inmodule.cx-projectpalette-container-open {
  width: 240px;
}
.cx-projectpalette-content-container {
  /* for opening animation */
  overflow: hidden;
  margin: 0px 10px 10px 0px;
}
.cx-projectpalette-content-container.cx-projectpalette-comments {
  overflow: visible;
  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.65);
  margin: 0px 10px 10px;
}
.cx-projectpalette-content-container .cx-projectpalette-menu-container.grow-down {
  overflow-y: unset;
}
.cx-projectpalette-draggable {
  width: inherit;
  position: absolute;
}
.cx-projectpalette {
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}
.cx-projectpalette .media-container {
  padding: 3px 0px 0px 0px !important;
}
.cx-projectpalette .notetab-note {
  margin: 5px 1px 0 1px;
  border: 1px solid #757677;
}
.cx-projectpalette .notetab-container,
.cx-projectpalette .media-container {
  overflow: hidden;
}
.cx-projectpalette .media-container {
  height: auto !important;
}
.cx-projectpalette .mediatab-media {
  box-sizing: border-box;
  margin: 0;
  width: 50%;
  border-right: 1px transparent solid;
  border-top: 2px transparent solid;
  position: relative;
  vertical-align: bottom;
  cursor: hand;
  cursor: pointer;
}
.cx-projectpalette .mediatab-media:nth-child(even) {
  border-right: 0;
  border-left: 1px transparent solid;
}
.cx-projectpalette .mediatab-media:hover .mediatab-media-name {
  opacity: 1;
}
.cx-projectpalette .mediatab-media-image {
  position: relative;
}
.cx-projectpalette .mediatab-media-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 5px;
}
.cx-projectpalette .mediatab-media-date {
  display: none;
}
.cx-projectpalette .mediatab-media-remove {
  top: 5px;
  bottom: initial !important;
}
.cx-projectpalette #card-filter {
  padding: 5px 20px;
  background: #3b3d3e;
  text-align: center;
  box-sizing: border-box;
}
.cx-projectpalette #card-filter .btn {
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  text-decoration: none;
  text-shadow: none;
  font-size: 14px;
  font-family: 'Lato', Arial, SansSerif !important;
  color: #fff;
  background-color: #757677;
  border-radius: 6px 0px 0px 6px;
  border-width: 0px;
  border-style: solid;
  padding: 8px 8px 6px;
  text-transform: uppercase;
  margin-right: 4px;
  min-width: 25px;
  box-shadow: none !important;
}
.cx-projectpalette #card-filter .btn:hover {
  background-color: #878787;
}
.cx-projectpalette #card-filter .btn.active {
  background-color: #2FB5B4;
}
.cx-projectpalette #card-filter .btn span {
  text-transform: none;
}
.cx-projectpalette #card-filter .btn:last-child {
  border-radius: 0px 6px 6px 0px;
  margin-right: 0px;
}
.cx-projectpalette-content {
  overflow-y: auto;
  text-align: left;
  position: relative;
  margin-left: 10px;
}
.cx-projectpalette-content.breakdown {
  overflow-y: unset !important;
}
.cx-projectpalette-content.comments {
  max-height: unset !important;
}
.cx-projectpalette-content.cx-projectpalette-content-no-scroll {
  margin-left: 0px;
  overflow-y: visible;
}
/*.cx-project-container hover{
	max-height: 300px;
}*/
.cx-projectpalette-title-back {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-in-out 200ms 200ms;
  -moz-transition: all ease-in-out 200ms 200ms;
  -ms-transition: all ease-in-out 200ms 200ms;
  -o-transition: all ease-in-out 200ms 200ms;
  transition: all ease-in-out 200ms 200ms;
  display: inline-block;
  position: relative;
  cursor: hand;
  cursor: pointer;
}
.cx-projectpalette-navdisabled .cx-projectpalette-title-back {
  display: none;
}
.cx-projectpalette-title-addbutton-container {
  color: white;
  text-align: left;
  padding: 0px 10px;
  background-color: #181919;
  margin: 2px 10px;
  padding: 10px;
  width: auto;
}
.cx-projectpalette-title-addbutton-container:before,
.cx-projectpalette-title-addbutton-container:after {
  display: table;
  content: "";
}
.cx-projectpalette-title-addbutton-container:after {
  clear: both;
}
.cx-projectpalette-title-addbutton-container:active {
  color: #2FB5B4;
}
.cx-projectpalette-title-addbutton-container.button-container-media {
  margin-left: 10px;
  margin-right: 10px;
}
.cx-projectpalette-title-addbutton-container .goog-toolbar-button {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 0 1px;
}
.cx-projectpalette-title-addbutton-container .goog-toolbar-button-inner-box {
  padding: 0;
}
.cx-projectpalette-title-addbutton-container .goog-toolbar-button-outer-box {
  padding: 0;
  margin: 0;
}
.cx-projectpalette-title-addbutton-container .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.cx-projectpalette-title-addbutton-container .goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  border: none;
  padding: 0;
}
.cx-projectpalette-title-closed {
  border-bottom-left-radius: 0px!important;
  width: 50px!important;
  padding: 15px 20px!important;
  opacity: 0;
}
.cx-projectpalette-title-closed .cx-projectpalette-title-text {
  display: none;
}
.cx-projectpalette-title-closed i {
  margin-left: -5px !important;
}
.cx-projectpalette-title-addbutton {
  display: inline-flex;
  align-self: center;
  align-items: center;
  margin-left: 0px;
  cursor: pointer;
  padding: unset;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  font-size: 12px;
}
.cx-projectpalette-title-addbutton span {
  margin: auto;
}
.cx-projectpalette-title-addbutton:focus {
  background-color: #2FB5B4 !important;
}
.cx-projectpalette-title-openbutton {
  color: white;
  text-transform: lowercase;
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
}
.cx-projectpalette-title-openbutton span {
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
}
.cx-projectpalette-title-openbutton:hover {
  color: white;
}
.cx-projectpalette-title-openbutton i {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.cx-projectpalette-title-openbutton {
  float: right;
}
.cx-projectpalette-title-addbutton-icon {
  font-size: 20px;
  margin: 9px 12px 0 0;
}
.cx-projectpalette-title {
  position: relative;
  z-index: 9;
  text-align: center;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-backface-visibility: hidden;
  -webkit-transition: width ease-in-out 200ms;
  -moz-transition: width ease-in-out 200ms;
  -ms-transition: width ease-in-out 200ms;
  -o-transition: width ease-in-out 200ms;
  transition: width ease-in-out 200ms;
  background: #2F2F2F;
  color: white;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  text-transform: none;
  letter-spacing: 1px;
  width: 165px;
  box-sizing: border-box;
  padding: 15px 30px;
  font-size: 12px;
  margin: auto;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.cx-projectpalette-title i {
  margin-left: 0;
  vertical-align: middle;
}
.cx-projectpalette-title.cx-projectpalette-comments-title {
  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.65);
}
.cx-projectpalette-title .cx-projectpalette-title-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 105px;
  padding-left: 5px;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: 'Lato';
}
.cx-projectpalette-title .cx-projectpalette-title-back,
.cx-projectpalette-title .cx-projectpalette-title-close {
  float: right;
  text-align: center;
  padding-right: 10px;
  width: 15px;
  transform: rotate(180deg);
  cursor: pointer;
  margin-top: 0.5px;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-in-out 100ms 0ms;
  -moz-transition: all ease-in-out 100ms 0ms;
  -ms-transition: all ease-in-out 100ms 0ms;
  -o-transition: all ease-in-out 100ms 0ms;
  transition: all ease-in-out 100ms 0ms;
}
.cx-projectpalette-title .cx-projectpalette-title-pin {
  text-align: center;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #181919;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-in-out 100ms 0ms;
  -moz-transition: all ease-in-out 100ms 0ms;
  -ms-transition: all ease-in-out 100ms 0ms;
  -o-transition: all ease-in-out 100ms 0ms;
  transition: all ease-in-out 100ms 0ms;
}
.cx-projectpalette-title .cx-projectpalette-title-pin:hover {
  background-color: #2FB5B4;
}
.cx-projectpalette-title-main {
  overflow: visible;
  width: 135px;
  display: inline-block;
  margin-right: 10px;
}
.cx-projectpalette-container-inmodule .cx-projectpalette-title {
  text-align: left;
  cursor: default;
  padding: 15px 10px;
  width: 220px;
}
.cx-projectpalette-title-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #2F2F2F;
  /*
   * Note: 'hover' this is a class added in the render function;
   */
}
.cx-projectpalette-title-open:hover {
  background-color: #151515;
}
.cx-projectpalette-title-open.hover {
  background-color: #151515;
}
.cx-projectpalette-menu-item {
  position: relative;
  padding: 8px 14px;
  margin-top: 2px;
  display: inline-block;
  color: #fff;
  box-sizing: border-box;
  width: 135px;
  text-align: left;
  font-size: 12px;
  font-family: 'Lato';
  cursor: hand;
  cursor: pointer;
  background-color: #2F2F2F;
  /* The share icon looks smaller than the others */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.cx-projectpalette-menu-item:hover {
  background-color: #151515;
}
.cx-projectpalette-menu-item:active {
  background-color: #2FB5B4;
}
.cx-projectpalette-menu-item[disabled] {
  background-color: #676967;
  cursor: default;
  color: rgba(255, 255, 255, 0.4);
}
.cx-projectpalette-menu-item .cxi-share {
  font-size: 14px;
}
.cx-projectpalette-locked-item,
.cx-projectpalette-notification-item {
  width: 16px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  position: absolute;
  height: 16px;
  line-height: 16px;
}
.cx-projectpalette-locked-item i,
.cx-projectpalette-notification-item i {
  color: #fff;
  line-height: 16px;
  margin-left: 1px;
}
.cx-projectpalette-locked-item {
  top: 10px;
  right: 10px;
}
.cx-projectpalette-notification-item {
  background-color: #2FB5B4;
  top: -5px;
  left: -3px;
  padding: 0px;
  margin-top: 6px;
  margin-left: -3px;
  border-radius: 100%;
  border: 2px solid #fff;
  font-size: 10px;
}
/* Copy pasted from cxpm because of unnecessary duplication :D */
.accordion {
  border: 0px;
  border-radius: 2px;
}
.accordion__item {
  border-bottom: 1px solid #55595b;
}
.accordion .accordion__item:last-child {
  border-bottom: none;
}
.accordion__item--has-icon {
  position: relative;
}
.accordion__title {
  position: relative;
  background-color: #3b3d3e;
  color: #fff;
  cursor: pointer;
  padding: 15px 10px;
  width: 100%;
  text-align: left;
  border-top: 0;
  box-sizing: border-box;
  font-size: 14px;
  outline: none;
}
.accordion__title i {
  margin-right: 5px;
}
.accordion__title:after {
  content: "\e898";
  font-family: "celtxicons";
  font-size: 8px;
  position: absolute;
  right: 10px;
  top: 16px;
}
.accordion__hidden .accordion__title:after {
  content: "\e829";
  font-size: 8px;
}
.accordion__body {
  padding: 0 10px 10px 10px;
  display: block;
  animation: fadein 0.35s ease-in;
}
.accordion__body--hidden {
  display: none;
  opacity: 0;
  animation: fadein 0.35s ease-in;
}
.accordion__title > *:last-child,
.accordion__body > *:last-child {
  margin-bottom: 0;
}
.accordion__arrow {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
}
.accordion__arrow::after,
.accordion__arrow::before {
  display: block;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 2px;
  background-color: currentColor;
  content: '';
}
.accordion__arrow::before {
  left: 4px;
  transform: rotate(45deg);
}
[aria-expanded='true'] .accordion__arrow::before,
[aria-selected='true'] .accordion__arrow::before {
  transform: rotate(-45deg);
}
.accordion__arrow::after {
  right: 4px;
  transform: rotate(-45deg);
}
[aria-expanded='true'] .accordion__arrow::after,
[aria-selected='true'] .accordion__arrow::after {
  transform: rotate(45deg);
}
.accordion__arrow::before,
.accordion__arrow::after {
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.has-notes {
  color: #58b551;
  vertical-align: middle;
  font-size: 8px !important;
}
.animation-class-enter {
  opacity: 0.01;
}
.animation-class-enter.animation-class-enter-active {
  opacity: 1;
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity ease-in 300ms;
  -moz-transition: opacity ease-in 300ms;
  -ms-transition: opacity ease-in 300ms;
  -o-transition: opacity ease-in 300ms;
  transition: opacity ease-in 300ms;
}
.animation-class-exit {
  opacity: 1;
}
.animation-class-exit.animation-class-exit-active {
  opacity: 0.01;
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity ease-in 300ms;
  -moz-transition: opacity ease-in 300ms;
  -ms-transition: opacity ease-in 300ms;
  -o-transition: opacity ease-in 300ms;
  transition: opacity ease-in 300ms;
}
#filelist-header {
  padding-left: 10px;
  height: 33px;
  overflow: hidden;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
  background: #cbcecf;
  margin-right: 16px;
  position: relative;
  z-index: 998;
}
#scroll-container {
  position: relative;
  overflow: hidden;
  overflow-y: scroll;
  background: #5A5A5A;
}
#scroll-container.scroll-container-white {
  background-color: white;
}
.cx-nav-home {
  position: relative;
}
.cx-nav-home-labelscontainer {
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  padding: 4px 0;
  margin: 0;
}
.cx-nav-home-labelscontainer-item .cx-nav-home-labelscontainer-item-count {
  margin-left: auto;
  display: block;
  height: 18px;
}
.cx-nav-home-labelscontainer-item .cx-nav-home-labelscontainer-item-remove {
  display: none;
  height: 18px;
}
.cx-nav-home-labelscontainer-item:hover {
  cursor: pointer;
}
.cx-nav-home-labelscontainer-item:hover .cx-nav-home-labelscontainer-item-text {
  color: #fff;
}
.cx-nav-home-labelscontainer-item:hover .cx-nav-home-labelscontainer-item-remove {
  margin-left: auto;
  display: block;
  margin-right: 20px;
  cursor: pointer;
}
.cx-nav-home-labelscontainer-item:hover .cx-nav-home-labelscontainer-item-remove + .cx-nav-home-labelscontainer-item-count {
  display: none;
}
.cx-nav-home-labelscontainer-item-link {
  list-style: none;
  display: flex;
  align-items: center;
  color: #a0a0a0;
  padding: 10px 0 10px 50px;
}
.cx-nav-home-labelscontainer-item-link.active {
  font-weight: bold;
  background-color: #0d0d0d;
}
a.cx-nav-submenu-item {
  padding: 10px 0 10px 50px;
}
.cx-nav-home-labelscontainer-item-link a:hover {
  color: #a0a0a0 !important;
}
#document-types-dropdown-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 14px;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -webkit-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  -moz-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  -ms-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  -o-transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  transition: padding 290ms cubic-bezier(0.55, 0, 0.1, 1) 90ms;
  height: 15px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid white;
}
#document-types-dropdown-btn .caret {
  border-top-color: #333;
}
#document-types-dropdown-btn:hover,
#document-types-dropdown-btn.open {
  background: rgba(0, 0, 0, 0.065);
  cursor: hand;
  cursor: pointer;
}
#folder-list {
  overflow-y: auto;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
#folder-list.open {
  overflow-y: visible;
}
.question-header {
  font: 14px/21px "Lucida Grande", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  clear: both;
  padding-bottom: 4px;
  color: #bbb;
  border-bottom: 2px solid #cfcfcf;
  text-transform: uppercase;
  margin: 20px auto;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 13px !important;
}
.movie-container {
  background: #333;
  padding: 1px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  display: inline-block;
  line-height: 0;
  position: relative;
}
.movie-container .movie-play {
  background: url(../img/youtubeplay.png);
  background-size: 160px 56px;
  background-position: 0px 0px;
  position: absolute;
  height: 56px;
  top: 50%;
  margin-top: -28px;
  width: 80px;
  left: 50%;
  margin-left: -40px;
}
.movie-container .movie-play.small {
  background-size: 120px 42px;
  background-position: 0px 0px;
  position: absolute;
  height: 42px;
  top: 50%;
  margin-top: -24px;
  width: 60px;
  left: 50%;
  margin-left: -30px;
}
.movie-container:hover {
  cursor: hand;
  cursor: pointer;
}
.movie-container:hover .movie-play {
  background-position: 100% 0px;
}
.movie-popup {
  z-index: 1050;
  position: absolute;
  top: 50%;
  margin-top: -160px;
  left: 50%;
  margin-left: -280px;
  cursor: hand;
  cursor: pointer;
  -webkit-box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  box-shadow: 0 0 6px #000;
  line-height: 0;
  background: #333;
  padding: 1px;
  -webkit-box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
}
.movie-popup:after {
  z-index: 1051;
  content: ' ';
  position: absolute;
  top: 50%;
  margin-top: -156px;
  right: 50%;
  margin-right: -322px;
  font-size: 20px;
  background: transparent url(../img/close-white.png);
  width: 20px;
  height: 20px;
  -webkit-background-size: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  background-size: 20px;
}
.modal-bg-dropshadow {
  -webkit-box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
}
.teammember-openslot-inviteform {
  margin: 0;
}
.teammember-name-input {
  margin: 2px 0;
}
.teammember-name-input input[type="email"] {
  width: 200px;
}
.teammember-name-input-showactive {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 190ms ease-out 0ms, max-height 290ms ease-out 20ms;
  -moz-transition: all 190ms ease-out 0ms, max-height 290ms ease-out 20ms;
  -ms-transition: all 190ms ease-out 0ms, max-height 290ms ease-out 20ms;
  -o-transition: all 190ms ease-out 0ms, max-height 290ms ease-out 20ms;
  transition: all 190ms ease-out 0ms, max-height 290ms ease-out 20ms;
}
.teammember-name-input-showactive-show {
  opacity: 1;
  max-height: 160px;
}
.teamfooter {
  margin: 20px 0 20px 0;
  padding: 12px 10px;
}
.teamfooter p {
  color: #999;
  font-size: 14px;
}
.teamsharecheckbox-container {
  text-align: center;
}
.teamsharecheckbox {
  display: inline-block;
}
.teamsharecheckbox-label {
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: 2px;
  font-size: 14px;
}
.invite-link a:not(.btn) {
  text-decoration: none;
  display: block;
  font-size: 12px;
  color: white !important;
  margin-top: 10px;
}
.invite-link a:not(.btn):hover {
  text-decoration: underline;
}
.userfileaction,
.fileownershiptransfer-select {
  width: 100%;
}
.teamspace-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  font-family: 'lato';
  height: 100vh;
}
.teamspace-container .teamspace-inner-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.teamspace-container .teamspace-inner-container #displayTitleTextContainer {
  display: none !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content {
  flex: 1;
  display: flex;
  overflow: auto;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace {
  display: flex;
  flex: 1;
  width: auto;
  height: 100%;
  background-color: #FFFFFF;
  flex-direction: column;
  padding: 0px 10px;
  overflow-y: auto;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-avatar {
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar {
  transform: translateX(100%);
  font-family: "lato", sans-serif;
  position: absolute;
  background-color: #FFFFFF;
  color: #333333;
  font-size: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  width: 380px;
  box-shadow: 0px 0px 16px #0000003D;
  right: 0px;
  top: 0px;
  opacity: 1;
  padding: 40px 20px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar.slide-in {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-header {
  display: flex;
  align-items: center;
  height: 40px;
  padding-bottom: 40px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-header .teamspace-sidebar-header-name {
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 22px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-header .teamspace-sidebar-header-share {
  margin: 0px;
  display: flex;
  padding-left: 10px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-header .teamspace-sidebar-header-toggle {
  display: flex;
  align-items: center;
  min-width: 150px;
  justify-content: flex-end;
  flex: 1;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content {
  padding-left: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-document {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  padding-bottom: 20px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-header.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item.disabled {
  cursor: default;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header {
  display: flex;
  font-size: 13px;
  font-family: 'lato';
  height: 40px;
  max-height: 40px;
  min-height: 40px;
  flex: 1;
  align-items: center;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .react-dropdown-menu,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .react-dropdown-menu {
  width: 140px;
  border-radius: 5px;
  background-color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .react-dropdown-menu .react-dropdown-menu__item,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .react-dropdown-menu .react-dropdown-menu__item {
  background-color: #222222;
  color: #F6F6F6;
  display: flex;
  height: 100%;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .react-dropdown-menu .react-dropdown-menu__item:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .react-dropdown-menu .react-dropdown-menu__item:hover {
  background-color: #6E6E6E;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .react-dropdown-menu .react-dropdown-menu__item .react-checkmark-inner-container,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .react-dropdown-menu .react-dropdown-menu__item .react-checkmark-inner-container {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  margin-bottom: 2px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-left-el,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-left-el {
  padding-right: 20px;
  display: flex;
  height: 100%;
  align-items: center;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-right-el,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-right-el {
  display: flex;
  height: 100%;
  align-items: center;
  padding-right: 20px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-right-el,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-right-el {
  min-width: 25%;
  max-width: 25%;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-right-el.disabled,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-right-el.disabled,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-a.disabled,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-left-el .teamspace-sidebar-checkmark,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-left-el .teamspace-sidebar-checkmark,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-left-el .teamspace-sidebar-checkmark,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-left-el .teamspace-sidebar-checkmark {
  width: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-left-el .teamspace-sidebar-checkmark.disabled,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-left-el .teamspace-sidebar-checkmark.disabled,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-left-el .teamspace-sidebar-checkmark.disabled,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-left-el .teamspace-sidebar-checkmark.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-a,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-a,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-clickbox,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-clickbox {
  display: flex;
  flex: 1;
  height: 100%;
  cursor: pointer;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: center;
  color: unset;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-a .teamspace-sidebar-item-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-a .teamspace-sidebar-item-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-clickbox .teamspace-sidebar-item-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-clickbox .teamspace-sidebar-item-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-a .teamspace-sidebar-accordion-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-a .teamspace-sidebar-accordion-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-clickbox .teamspace-sidebar-accordion-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-clickbox .teamspace-sidebar-accordion-name {
  max-width: 192px;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: center;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-right-el,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-right-el,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-right-el,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-right-el {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  cursor: pointer;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-right-el .teamspace-sidebar-item-no-dropdown-label,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-right-el .teamspace-sidebar-item-no-dropdown-label,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-right-el .teamspace-sidebar-item-no-dropdown-label,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-right-el .teamspace-sidebar-item-no-dropdown-label {
  padding-right: 42px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-right-el .teamspace-sidebar-item-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-right-el .teamspace-sidebar-item-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-right-el .teamspace-sidebar-item-name,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-right-el .teamspace-sidebar-item-name {
  align-self: center;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-right-el .react-dropdown .toggle,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-right-el .react-dropdown .toggle,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-right-el .react-dropdown .toggle,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-right-el .react-dropdown .toggle {
  display: flex;
  padding-right: 0px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-item-right-el .react-dropdown .toggle span,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-item-right-el .react-dropdown .toggle span,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .teamspace-sidebar-accordion-right-el .react-dropdown .toggle span,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .teamspace-sidebar-accordion-right-el .react-dropdown .toggle span {
  display: flex;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-item .cxi-down,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-header .cxi-down {
  font-size: 10px;
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 10px;
  margin-top: 1px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion {
  flex-direction: column;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-items {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  transition: max-height 0.5s ease-out, min-height 0.5s ease-out;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-content .teamspace-sidebar-accordion-items #content {
  background-color: unset;
  padding: unset;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer {
  display: flex;
  padding-top: 15px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons {
  display: flex;
  align-items: center;
  flex: 1;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.secondary:hover {
    background-color: #A859BD !important;
  }
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button:active {
  background-color: #1FA3A2;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.create-pill,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.create-pill:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.cancel,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.save-n-close,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.close,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.cancel:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.save-n-close:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.close:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.transparent:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.cancel:active,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.save-n-close:active,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.close:active,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.transparent:active {
  background-color: transparent !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.cancel {
  margin-right: 10px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.close,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.save-n-close {
  padding: 0px;
  line-height: initial;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.close::before,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.close::before {
  content: '\e818';
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.disabled:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.disabled:active {
  background-color: #868686 !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.upload {
  height: 40px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.download {
  text-transform: none;
  background-color: #292D30;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.download:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.download:active {
  background-color: #292D30 !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons .teamspace-sidebar-footer-remove-wrapper {
  display: flex;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons .teamspace-sidebar-footer-remove-wrapper .teamspace-sidebar-footer-remove {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #333333;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons .teamspace-sidebar-footer-remove-wrapper .teamspace-sidebar-footer-remove:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons .teamspace-sidebar-footer-remove-wrapper .teamspace-sidebar-footer-remove:active {
  background-color: transparent !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons .teamspace-sidebar-footer-update-wrapper {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header {
  padding-left: 25px;
  display: flex;
  height: 80px;
  min-height: 80px;
  align-items: center;
  font-size: 18px;
  border-bottom: 1px solid #EAEAEA;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-left {
  display: flex;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-left .teamspace-header-count {
  padding-left: 40px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
  margin-right: 15px;
}
@media (hover) {
  .teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.secondary:hover {
    background-color: #A859BD !important;
  }
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share:active {
  background-color: #1FA3A2;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.create-pill,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.create-pill:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.cancel,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.save-n-close,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.close,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.cancel:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.save-n-close:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.close:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.transparent:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.cancel:active,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.save-n-close:active,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.close:active,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.transparent:active {
  background-color: transparent !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.cancel {
  margin-right: 10px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.close,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.save-n-close {
  padding: 0px;
  line-height: initial;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.close::before,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.close::before {
  content: '\e818';
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.disabled:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.disabled:active {
  background-color: #868686 !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.upload {
  height: 40px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.download {
  text-transform: none;
  background-color: #292D30;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.download:hover,
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.download:active {
  background-color: #292D30 !important;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container {
  display: flex;
  padding: 0px 25px;
  height: 65px;
  min-height: 65px;
  align-items: center;
  background-color: #F6F6F6;
  margin: 3px 20px;
  font-size: 14px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container.clickable {
  cursor: pointer;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container.disabled {
  cursor: default;
  pointer-events: none;
  /* The stylesheet celtx-prosemirror/public/css/gameLogicManager.less is
						 * trying to make .disabled have an opacity of 0.25, so override that here
						 */
  opacity: 1;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container:focus {
  border: 1px solid #2FB5B4;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-name {
  padding-left: 25px;
  max-width: 35%;
  width: 35%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root {
  display: flex;
  flex-direction: row;
  line-height: normal;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root .add-to-plan-btn {
  height: 38px;
  width: 165px;
  color: black;
  border-radius: 8px;
  line-height: normal;
  border: 1px solid #dbdbdb;
  background-color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root .add-to-plan-btn .trial-disclaimer {
  font-size: 10px;
  text-transform: none;
  letter-spacing: 0.2px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root .add-to-plan-btn > div.cx-ui-loading.cta-btn-loading {
  fill: black;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root .add-to-plan-btn:hover {
  color: black;
  background-color: #d8d8d8;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root .add-to-plan-btn:hover > div.cx-ui-loading.cta-btn-loading {
  fill: black;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root .cx-mc-trial-disclaimer-btn {
  color: black;
  font-size: 12px;
  transition: font-size 0.5s ease;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .add-to-plan-root .cx-mc-trial-disclaimer-btn:hover {
  font-size: 18px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-date {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu {
  display: flex;
  justify-content: flex-end;
  flex: 0.2;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .prairie-nav-dropdown-container {
  cursor: pointer;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .prairie-nav-dropdown-container .react-dropdown-menu {
  border-radius: 5px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .prairie-nav-dropdown-container .react-dropdown-menu.expanded {
  width: max-content;
  min-width: 120px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .prairie-nav-dropdown-container .react-dropdown-menu li {
  background-color: #181919;
  font-size: 13px;
  font-family: "lato";
  padding: 15px 20px;
  white-space: nowrap;
  width: calc(100% - 40px);
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .prairie-nav-dropdown-container .react-dropdown-menu li .react-dropdown-menu__item-label {
  margin: 0px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .prairie-nav-dropdown-container .react-dropdown-menu li:hover {
  background-color: #6E6E6E;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .react-dropdown-menu__item-label {
  color: #F6F6F6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container:nth-of-type(n+2) {
  margin-top: 0px;
}
#sidebar-container {
  overflow-x: hidden;
  overflow-y: visible;
  position: fixed;
  right: 0px;
  top: 140px;
  width: 360px;
  height: 182px;
}
.documentactions {
  position: relative;
  vertical-align: middle;
  display: block;
  margin: 10px 10px 0px 10px;
}
.documentactions:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.documentactions > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.documentactions > :last-child * {
  max-width: 100%;
}
.documentactions > :last-child:after,
.documentactions > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.documentactions > :last-child {
  left: -60px;
  margin-left: 50%;
}
.documentactions > :last-child:after,
.documentactions > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.documentactions > :last-child {
  margin-top: 10px;
  top: 100%;
}
.documentactions > :last-child:after {
  margin-bottom: -1px;
}
.documentactions > :last-child:after,
.documentactions > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.documentactions > :last-child:before {
  margin-bottom: 0px;
}
.documentactions > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.documentactions > :last-child:after {
  border-color: #333333;
}
.documentactions > :last-child:before {
  border-color: #0d0d0d;
}
.documentactions > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
@media (max-width: 900px) {
  .documentactions {
    margin-left: 10px;
  }
}
.documentactions.open .tooltip-message {
  display: none;
}
.documentactions.open .down-arrow {
  -moz-transform: scaleY(-1);
  /* Gecko */
  -o-transform: scaleY(-1);
  /* Opera */
  -webkit-transform: scaleY(-1);
  /* Webkit */
  transform: scaleY(-1);
  /* Standard */
  filter: FlipV;
  /* IE 6/7/8 */
}
.documentactions.actions-highlight {
  border: 2px solid #2FB5B4;
  margin-top: 8px;
}
#displayActions #docaction-save.disabled {
  color: #959693;
}
#displayActions #docaction-save.disabled:hover {
  background-color: #15504f;
}
#displayActions #docaction-save.disabled:after {
  content: "(No changes to save)";
  margin-left: 6px;
  font-style: italic;
}
.hotkey {
  display: inline-block;
  vertical-align: bottom;
  background-repeat: unset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px;
  color: #888;
  font-weight: normal;
  font-family: Courier, monospace;
  background-image: -moz-linear-gradient(top, #eee, #efefef);
  background-image: -ms-linear-gradient(top, #eee, #efefef);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#efefef));
  background-image: -webkit-linear-gradient(top, #eee, #efefef);
  background-image: -o-linear-gradient(top, #eee, #efefef);
  background-image: linear-gradient(top, #eee, #efefef);
  background-repeat: repeat-x;
  border-color: #efefef #efefef #c9c9c9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-width: 1px;
  border-style: solid;
}
.hotkey-nexttotext {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 3px 6px;
}
.editor-view-filter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  display: flex;
}
.editor-view-filter.hide {
  display: none;
}
.editor-view-filter ul {
  display: flex;
  margin: 0;
  align-items: center;
  align-self: center;
}
.editor-view-filter ul li {
  background: #444;
  display: inline-block;
  padding: 5px 13px;
  cursor: pointer;
  color: #fff;
}
.editor-view-filter ul li.selected {
  background: #2FB5B4;
}
.editor-view-filter ul li:first-child {
  border-radius: 2px 0 0 2px;
}
.editor-view-filter ul li:last-child {
  border-radius: 0 2px 2px 0;
}
.offline-marker {
  margin: 10px 10px 9px 0px;
  border: 1px solid #F6F6F6;
  border-radius: 30px;
  color: #F6F6F6;
  padding: 3px 14px;
  font-size: 11px;
  letter-spacing: 0.02em;
}
.offline-view-content .studio-top-bar {
  min-height: 60px;
}
.offline-view-list {
  padding: 40px;
  font-family: lato;
}
.offline-no-items {
  color: #F6F6F6;
  text-align: center;
  font-size: 16px;
}
.cached-view-list-item {
  height: 120px;
  width: 100%;
  background: #fbfbf9;
  margin-bottom: 15px;
}
.cached-view-list-item[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.cached-view-selector {
  height: 100%;
  width: 42px;
  background-color: #222222;
  text-align: center;
}
.cached-view-selector[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.cached-view-details {
  padding: 36px;
}
.cached-view-image {
  height: 48px;
  width: 48px;
  line-height: 48px;
  border-radius: 50%;
  background: #74b551;
  text-align: center;
  margin-right: 20px;
  font-size: 16px;
}
.cached-view-image i {
  color: #fff;
}
.cached-view-list-item .cached-view-title {
  font-size: 16px;
  cursor: pointer;
}
.cached-view-project-type,
.cached-view-project-last-mod {
  color: #bfbfbf;
}
.cached-view-last-took-off {
  float: right;
  font-size: 14px;
  color: #757677;
  margin-right: 100px;
  line-height: 55px;
  padding: 32px 0px;
}
.pwa-view-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: auto;
}
#projects-container,
#trash-container {
  overflow-y: auto;
}
.theme-mobile .pwa-view-content {
  margin-left: 0px;
}
.pwa-view-list-container {
  font-family: "lato", sans-serif;
  height: 100%;
  background-color: #5a5a5a;
  display: flex;
}
.pwa-view-list-container .react-dropdown .toggle {
  padding: 0px;
}
.pwa-view-list-container .react-dropdown .toggle:hover,
.pwa-view-list-container .react-dropdown .toggle.active {
  background: transparent;
}
.pwa-view-list-container .react-dropdown .toggle:hover i {
  background: transparent;
  color: #2FB5B4;
}
.pwa-view-list-container .react-dropdown .toggle.active i {
  background: transparent;
  color: #3BBDB5;
}
.pwa-view-list {
  padding: 26px 32px;
}
.pwa-view-list .react-dropdown .react-dropdown-menu {
  left: 20px;
  top: 40px;
  right: initial;
}
.pwa-view-list .cached-view-selector {
  background-color: transparent;
  width: 60px;
}
.pwa-view-list .cached-view-selector i {
  margin-top: 20px;
  font-size: 18px;
  color: #d8d7d8;
}
.pwa-view-list .cached-view-details {
  padding: 36px 15px;
  flex-grow: 1;
  width: 150px;
  white-space: nowrap;
}
.pwa-view-list .cached-view-project-sub-head {
  font-size: 10px;
  line-height: 12px;
}
.pwa-view-list .cached-view-list-item {
  position: relative;
  display: flex;
  min-height: 120px;
  height: auto;
  justify-content: space-between;
}
.pwa-view-list .cached-view-list-item .cached-view-title {
  color: #212121;
  font-size: 16px;
  line-height: 19px;
}
.pwa-view-list .cached-view-title {
  max-width: 900px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
.pwa-view-list .cached-view-project-last-mod {
  font-size: 9px;
  line-height: 12px;
}
.pwa-view-list .cached-view-offline {
  float: right;
  padding: 45px 60px 45px 0;
  width: 90px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.pwa-view-list .cached-view-offline div {
  border: 1px solid #7A7A7A;
  border-radius: 30px;
  color: #7A7A7A;
  font-size: 10px;
  padding: 5px 18px;
  width: 50px;
}
.pwa-view-list .cached-view-sharelist {
  float: right;
  margin-right: 150px;
  display: flex;
  padding: 42px 12px;
  width: 250px;
}
.pwa-view-list .cached-view-list-item.cached-view-standalone {
  min-height: 77px;
}
.pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-details {
  padding: 27px;
  align-self: center;
}
.pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-sharelist {
  padding: 25px 20px;
  align-self: center;
}
.pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-image {
  height: 24px;
  width: 24px;
  line-height: 24px;
  border: none;
}
.pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-image i {
  color: #212121;
}
.pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-project-details {
  position: relative;
}
.pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-project-last-mod {
  position: absolute;
  top: 6px;
  display: inline-block;
  margin-left: 5px;
}
.pwa-view-list .cached-view-project-details-group {
  width: 100%;
}
@media (max-width: 1130px) {
  .pwa-view-list .cached-view-list-item .cached-view-sharelist {
    margin: auto;
    padding-top: 10px;
    width: calc(100% - 35px);
  }
  .pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-details {
    padding-left: 15px;
  }
  .pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-sharelist {
    padding-top: 10px;
  }
}
@media (max-width: 1850px) {
  .pwa-view-list .cached-view-title {
    max-width: 750px;
  }
}
@media (max-width: 1750px) {
  .pwa-view-list .cached-view-title {
    max-width: 650px;
  }
}
@media (max-width: 1650px) {
  .pwa-view-list .cached-view-title {
    max-width: 550px;
  }
}
@media (max-width: 1550px) {
  .pwa-view-list .cached-view-title {
    max-width: 450px;
  }
}
@media (max-width: 1450px) {
  .pwa-view-list .cached-view-title {
    max-width: 350px;
  }
}
@media (max-width: 1350px) {
  .pwa-view-list .cached-view-title {
    max-width: 250px;
  }
}
@media (max-width: 1300px) {
  .pwa-view-list .cached-view-title {
    max-width: 150px;
  }
}
.pwa-view-header .offline-indicator {
  color: white;
  font-size: 12px;
  text-transform: uppercase;
}
.pwa-view-header .offline-indicator i {
  margin-right: 6px;
  font-size: 11px;
  position: relative;
  bottom: 1px;
}
.pwa-view-header .react-dropdown .react-dropdown-menu {
  left: initial;
  top: 48px;
  right: 5px;
}
.pwa-view-header .react-dropdown .toggle:hover,
.pwa-view-header .react-dropdown .toggle.active {
  background: none;
}
.pwa-view-sidebar #createitem-container {
  margin-bottom: 40px;
}
.pwa-view-dialog-heading {
  color: #2FB5B4;
  margin-bottom: 10px;
}
.pwa-create-dialog .project-episodes,
.pwa-create-dialog .divider-container {
  display: none;
}
.pwa-create-dialog .project-name-upload-text {
  margin-top: 5px;
}
.pwa-create-dialog .project-name-upload-flavor-container {
  display: inline-flex;
  gap: 10px;
  margin-bottom: 0;
}
.pwa-create-dialog .project-name-file-uploaded-text {
  color: #00da00;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pwa-create-dialog .project-name-file-uploaded-text:before {
  content: '\e801';
  font-family: celtxicons;
  margin-right: 5px;
}
.pwa-create-dialog .modal-dialog-buttons button:focus {
  background: #3bbcb4 !important;
  outline: none;
}
.pwa-create-dialog .modal-dialog-buttons button[name='import'] {
  position: absolute;
  background: transparent;
  border: 1px solid #F6F6F6 !important;
  border-radius: 5px !important;
  color: #F6F6F6;
}
.pwa-create-dialog .modal-dialog-buttons button[name='import']:disabled {
  opacity: 0.2;
}
.pwa-create-dialog .project-name-team-share-checkbox-container {
  display: none;
}
#settings-container {
  padding: 80px 0px;
  overflow-y: auto;
}
#settings-container.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#settings-container .infomanagerbox-content-container {
  background-color: #ffffff;
  width: 400px;
  margin-left: 110px;
  border-radius: 6px;
  padding: 20px;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-row {
  min-height: 75px;
  margin: 0;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-editinput-image-container {
  margin-bottom: 30px;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-editinput-image-container input[name="imageupload"]:disabled {
  cursor: default !important;
}
#settings-container .infomanagerbox-content-container .avatar-edit {
  display: none;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-header-content {
  margin-bottom: 40px;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-header {
  font-size: 20px;
  line-height: 24px;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-subheader {
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-title {
  display: none;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-label {
  color: #686969;
  font-size: 12px;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-content {
  padding: 0;
}
#settings-container .infomanagerbox-content-container .infomanagerbox-value {
  font-size: 13px;
}
#settings-container .infomanagerbox-content-container a {
  color: #262626;
  font-weight: bold;
  font-size: 13px;
}
#cxContent.theme-mobile #pwa-sidebar {
  width: 0px;
}
#cxContent.theme-mobile #pwa-sidebar.pwa-sidebar-open {
  width: 275px;
}
#cxContent.theme-mobile .pwa-view-sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
}
#cxContent.theme-mobile .pwa-view-sidebar .prairie-nav .prairie-nav-item.disabled {
  opacity: 0.5;
}
#cxContent.theme-mobile .pwa-view-header #avatar-navbar {
  float: left;
}
#cxContent.theme-mobile .pwa-view-list,
#cxContent.theme-mobile #settings-container {
  padding: 0px 24px 65px;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-offline {
  display: none;
}
#cxContent.theme-mobile .pwa-view-header {
  background-color: transparent;
  justify-content: flex-start;
  align-items: center;
}
#cxContent.theme-mobile .pwa-view-header .avatar-navbar {
  margin: 16px 0px 0px 15px;
}
#cxContent.theme-mobile #createitem-container {
  margin: 29px;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item {
  background: #3C3D3E;
  flex-wrap: initial;
  flex-direction: row-reverse;
  min-height: initial;
  margin-bottom: 3px;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-list-item-offline {
  background-color: #242525;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item .cached-view-title {
  color: #F6F6F6;
  font-size: 13px;
  max-width: 130px;
  cursor: unset;
  -webkit-user-select: none;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-list-item-tablet {
  min-height: 90px;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-list-item-tablet .cxi-hamburger_nav_move {
  clip-path: inset(0px 12px 0px 0px);
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-list-item-tablet .cached-view-title {
  font-size: 14px;
  max-width: 300px;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-list-item-tablet .cached-view-project-last-mod {
  font-size: 12px;
}
#cxContent.theme-mobile .pwa-tab-label {
  font-size: 16px;
  padding-bottom: 18px;
  color: #e0e0e0;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-selector i {
  margin: 20px 0px;
  color: #fff;
  clip-path: inset(0px 16px 0px 0px);
}
#cxContent.theme-mobile .pwa-view-list .cached-view-details,
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-details {
  padding: 16px 14px;
  z-index: 2;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#cxContent.theme-mobile .cached-view-project-details-group {
  display: flex;
  width: 100%;
}
#cxContent.theme-mobile .cached-view-details-container {
  width: auto;
}
#cxContent.theme-mobile .cached-view-sharelist {
  box-sizing: border-box;
  padding-top: 0px !important;
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  align-items: center;
  width: auto;
}
#cxContent.theme-mobile .cached-view-image {
  border: 2px solid #fff;
}
#cxContent.theme-mobile .cached-view-image,
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-image {
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 12px;
  margin-right: 12px;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-image {
  border: none;
  font-size: 15px;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-image i {
  color: #fff;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-list-item.cached-view-standalone .cached-view-project-last-mod {
  position: relative;
  top: 0px;
  display: block;
  margin-left: 0px;
}
#cxContent.theme-mobile .cached-view-project-sub-head {
  display: none;
}
#cxContent.theme-mobile .cached-view-project-last-mod {
  color: #CBCECF;
  font-size: 10px;
  -webkit-user-select: none;
}
#cxContent.theme-mobile .more-circle {
  background-color: transparent !important;
  border-radius: unset !important;
  width: auto !important;
  height: 14px !important;
  font-size: 8px !important;
  border: none !important;
  text-align: left;
}
#cxContent.theme-mobile .cached-view-selector {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}
@media (max-width: 1130px) {
  #cxContent.theme-mobile .cached-view-list-item {
    flex-wrap: wrap;
  }
}
@media (max-width: 350px) {
  #cxContent.theme-mobile .pwa-view-list .cached-view-project-details-group {
    flex-wrap: wrap;
  }
  #cxContent.theme-mobile .pwa-view-list .cached-view-details {
    overflow: hidden;
  }
  #cxContent.theme-mobile .cached-view-sharelist {
    justify-content: flex-start;
    padding-bottom: 10px;
    width: 100%;
    padding-left: 18px;
    padding-bottom: 16px;
  }
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .infomanagerbox-content-container {
  display: flex;
  flex-direction: column;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .infomanagerbox-content-container .infomanagerbox .infomanagerbox-content {
  background-color: #292D30;
  padding: 0;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container {
  background-color: #292D30;
  padding: 10px 20px 20px 20px;
  border-radius: 15px;
  width: auto;
  margin: 0;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .infomanagerbox,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .infomanagerbox {
  margin-left: auto;
  min-height: auto;
  background-color: #292D30;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .infomanagerbox-header,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .infomanagerbox-header {
  color: #E0E0E0;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .infomanagerbox-subheader,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .infomanagerbox-subheader {
  color: #707070;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .infomanagerbox-value,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .infomanagerbox-value {
  color: #F6F6F6;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .infomanagerbox-edit,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .infomanagerbox-edit,
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .enable-disable,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .enable-disable,
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .account-deletion,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .account-deletion,
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .invalidate-user-sessions,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .invalidate-user-sessions {
  color: #8D8D8D;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .infomanagerbox-row,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .infomanagerbox-row {
  margin: 20px 0;
  word-break: break-word;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container .infomanagerbox-editinput-select,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container .infomanagerbox-editinput-select {
  width: 50vw;
  max-width: 210px;
}
#cxContent.theme-mobile #settings-container .infomanagerbox-content-container #twoFactorContainer,
#cxContent.theme-mobile .studio-management-plan-container .infomanagerbox-content-container #twoFactorContainer {
  color: #999999;
}
#cxContent.theme-mobile .pwa-view-content .pwa-studio-info-header {
  display: flex;
  align-items: center;
  width: 88%;
  margin: 20px auto;
}
#cxContent.theme-mobile .pwa-view-content .pwa-studio-info-header .infomanagerbox-header {
  color: #E0E0E0;
  font-size: 23px;
}
#cxContent.theme-mobile .pwa-view-content .pwa-studio-info-header .infomanagerbox-subheader {
  font-size: 10px;
  color: #707070;
  text-transform: uppercase;
  margin-top: 5px;
}
#cxContent.theme-mobile .pwa-view-content #createitem-container {
  margin: 0px 29px 29px;
}
#cxContent.theme-mobile .pwa-view-content .creation-dismiss-container {
  top: 14px;
  left: 12px;
}
#cxContent.theme-mobile .pwa-view-content .creation-dismiss-container .dismiss-creation {
  font-size: 16px;
}
#editor-container.cxpm-loading {
  visibility: hidden;
}
#editor-container,
#breakdown-script-content-view,
#shot-list-script-content-view,
#sides-script-content-view {
  width: auto;
  overflow: hidden;
  background-color: #5A5A5A;
}
#cxContent:not(.cx-pm-wrapper) #editor-container p,
#cxContent:not(.cx-pm-wrapper) #breakdown-script-content-view p,
#cxContent:not(.cx-pm-wrapper) #shot-list-script-content-view p,
#cxContent:not(.cx-pm-wrapper) #sides-script-content-view p {
  margin: 0;
  padding: 0;
}
#editor-container.sides-script-view,
#breakdown-script-content-view.sides-script-view,
#shot-list-script-content-view.sides-script-view,
#sides-script-content-view.sides-script-view {
  overflow-y: scroll;
}
#scripteditor {
  vertical-align: top;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#scripteditortoolbar {
  z-index: 100;
  position: relative;
}
.goog-toolbar.toolbar-colored-white {
  background: #ffffff !important;
}
.goog-toolbar.toolbar-colored-white .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-white .goog-toolbar-menu-button {
  background-color: #e0e0e0;
}
.goog-toolbar.toolbar-colored-white .goog-toolbar-menu-button:hover {
  background-color: #cccccc;
}
.goog-toolbar.toolbar-colored-white .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-white .goog-toolbar-menu-button-open {
  background-color: #cccccc !important;
}
.goog-toolbar.toolbar-colored-white .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-white .goog-toolbar-button-checked {
  background-color: #cccccc !important;
}
.goog-toolbar.toolbar-colored-blue {
  background: #baffff !important;
}
.goog-toolbar.toolbar-colored-blue .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-blue .goog-toolbar-menu-button {
  background-color: #63ffff;
}
.goog-toolbar.toolbar-colored-blue .goog-toolbar-menu-button:hover {
  background-color: #3affff;
}
.goog-toolbar.toolbar-colored-blue .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-blue .goog-toolbar-menu-button-open {
  background-color: #3affff !important;
}
.goog-toolbar.toolbar-colored-blue .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-blue .goog-toolbar-button-checked {
  background-color: #3affff !important;
}
.goog-toolbar.toolbar-colored-pink {
  background: #ffbaff !important;
}
.goog-toolbar.toolbar-colored-pink .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-pink .goog-toolbar-menu-button {
  background-color: #ff63ff;
}
.goog-toolbar.toolbar-colored-pink .goog-toolbar-menu-button:hover {
  background-color: #ff3aff;
}
.goog-toolbar.toolbar-colored-pink .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-pink .goog-toolbar-menu-button-open {
  background-color: #ff3aff !important;
}
.goog-toolbar.toolbar-colored-pink .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-pink .goog-toolbar-button-checked {
  background-color: #ff3aff !important;
}
.goog-toolbar.toolbar-colored-yellow {
  background: #ffffba !important;
}
.goog-toolbar.toolbar-colored-yellow .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-yellow .goog-toolbar-menu-button {
  background-color: #ffff63;
}
.goog-toolbar.toolbar-colored-yellow .goog-toolbar-menu-button:hover {
  background-color: #ffff3a;
}
.goog-toolbar.toolbar-colored-yellow .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-yellow .goog-toolbar-menu-button-open {
  background-color: #ffff3a !important;
}
.goog-toolbar.toolbar-colored-yellow .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-yellow .goog-toolbar-button-checked {
  background-color: #ffff3a !important;
}
.goog-toolbar.toolbar-colored-green {
  background: #baffba !important;
}
.goog-toolbar.toolbar-colored-green .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-green .goog-toolbar-menu-button {
  background-color: #63ff63;
}
.goog-toolbar.toolbar-colored-green .goog-toolbar-menu-button:hover {
  background-color: #3aff3a;
}
.goog-toolbar.toolbar-colored-green .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-green .goog-toolbar-menu-button-open {
  background-color: #3aff3a !important;
}
.goog-toolbar.toolbar-colored-green .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-green .goog-toolbar-button-checked {
  background-color: #3aff3a !important;
}
.goog-toolbar.toolbar-colored-goldenrod {
  background: #ffdb1a !important;
}
.goog-toolbar.toolbar-colored-goldenrod .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-goldenrod .goog-toolbar-menu-button {
  background-color: #c2a300;
}
.goog-toolbar.toolbar-colored-goldenrod .goog-toolbar-menu-button:hover {
  background-color: #998100;
}
.goog-toolbar.toolbar-colored-goldenrod .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-goldenrod .goog-toolbar-menu-button-open {
  background-color: #998100 !important;
}
.goog-toolbar.toolbar-colored-goldenrod .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-goldenrod .goog-toolbar-button-checked {
  background-color: #998100 !important;
}
.goog-toolbar.toolbar-colored-buff {
  background: #ffb883 !important;
}
.goog-toolbar.toolbar-colored-buff .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-buff .goog-toolbar-menu-button {
  background-color: #ff872c;
}
.goog-toolbar.toolbar-colored-buff .goog-toolbar-menu-button:hover {
  background-color: #ff7003;
}
.goog-toolbar.toolbar-colored-buff .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-buff .goog-toolbar-menu-button-open {
  background-color: #ff7003 !important;
}
.goog-toolbar.toolbar-colored-buff .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-buff .goog-toolbar-button-checked {
  background-color: #ff7003 !important;
}
.goog-toolbar.toolbar-colored-salmon {
  background: #ffbaba !important;
}
.goog-toolbar.toolbar-colored-salmon .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-salmon .goog-toolbar-menu-button {
  background-color: #ff6363;
}
.goog-toolbar.toolbar-colored-salmon .goog-toolbar-menu-button:hover {
  background-color: #ff3a3a;
}
.goog-toolbar.toolbar-colored-salmon .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-salmon .goog-toolbar-menu-button-open {
  background-color: #ff3a3a !important;
}
.goog-toolbar.toolbar-colored-salmon .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-salmon .goog-toolbar-button-checked {
  background-color: #ff3a3a !important;
}
.goog-toolbar.toolbar-colored-cherry {
  background: #ee757c !important;
}
.goog-toolbar.toolbar-colored-cherry .goog-toolbar-select {
  background-image: -moz-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -ms-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(238, 238, 238, 0.3)), to(rgba(221, 221, 221, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: -o-linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-image: linear-gradient(top, rgba(238, 238, 238, 0.3), rgba(221, 221, 221, 0.3));
  background-repeat: repeat-x;
  border-color: rgba(221, 221, 221, 0.3) rgba(221, 221, 221, 0.3) rgba(183, 183, 183, 0.3);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.goog-toolbar.toolbar-colored-cherry .goog-toolbar-menu-button {
  background-color: #e42832;
}
.goog-toolbar.toolbar-colored-cherry .goog-toolbar-menu-button:hover {
  background-color: #ca1923;
}
.goog-toolbar.toolbar-colored-cherry .goog-toolbar-menu-button-active,
.goog-toolbar.toolbar-colored-cherry .goog-toolbar-menu-button-open {
  background-color: #ca1923 !important;
}
.goog-toolbar.toolbar-colored-cherry .goog-toolbar-button-hover,
.goog-toolbar.toolbar-colored-cherry .goog-toolbar-button-checked {
  background-color: #ca1923 !important;
}
.toolbar-text {
  position: relative;
  top: 2px;
  margin-right: 4px;
  margin: 0 2px;
}
@media (max-width: 1140px) {
  .view-filter-nav .btn {
    position: relative;
  }
  .view-filter-nav .btn:hover > :last-child {
    opacity: 1;
    -webkit-transition: 0.4s 0.5s;
    -moz-transition: 0.4s 0.5s;
    -ms-transition: 0.4s 0.5s;
    -o-transition: 0.4s 0.5s;
    transition: 0.4s 0.5s;
    visibility: visible;
  }
  .view-filter-nav .btn > :last-child {
    border: solid 1px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    -webkit-transition: 0.2s 0s;
    -moz-transition: 0.2s 0s;
    -ms-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
    visibility: hidden;
    width: 120px;
    z-index: 999;
  }
  .view-filter-nav .btn > :last-child * {
    max-width: 100%;
  }
  .view-filter-nav .btn > :last-child:after,
  .view-filter-nav .btn > :last-child:before {
    border: solid 6px;
    content: "";
    display: block;
    margin: 0 10px 0 10px;
    position: absolute;
  }
  .view-filter-nav .btn > :last-child {
    left: -60px;
    margin-left: 50%;
  }
  .view-filter-nav .btn > :last-child:after,
  .view-filter-nav .btn > :last-child:before {
    left: 50%;
    margin-left: -5px;
  }
  .view-filter-nav .btn > :last-child {
    margin-top: 10px;
    top: 100%;
  }
  .view-filter-nav .btn > :last-child:after {
    margin-bottom: -1px;
  }
  .view-filter-nav .btn > :last-child:after,
  .view-filter-nav .btn > :last-child:before {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    bottom: 100%;
  }
  .view-filter-nav .btn > :last-child:before {
    margin-bottom: 0px;
  }
  .view-filter-nav .btn > :last-child {
    background-color: #333333;
    border-color: #0d0d0d;
    color: #ffffff;
  }
  .view-filter-nav .btn > :last-child:after {
    border-color: #333333;
  }
  .view-filter-nav .btn > :last-child:before {
    border-color: #0d0d0d;
  }
  .view-filter-nav .btn > :last-child {
    text-shadow: 0 1px 0 hsl(0, 0%, 0%);
  }
}
@media (max-width: 600px) {
  #view-filter .btn {
    position: relative;
  }
  #view-filter .btn:hover > :last-child {
    opacity: 1;
    -webkit-transition: 0.4s 0.5s;
    -moz-transition: 0.4s 0.5s;
    -ms-transition: 0.4s 0.5s;
    -o-transition: 0.4s 0.5s;
    transition: 0.4s 0.5s;
    visibility: visible;
  }
  #view-filter .btn > :last-child {
    border: solid 1px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    -webkit-transition: 0.2s 0s;
    -moz-transition: 0.2s 0s;
    -ms-transition: 0.2s 0s;
    -o-transition: 0.2s 0s;
    transition: 0.2s 0s;
    visibility: hidden;
    width: 120px;
    z-index: 999;
  }
  #view-filter .btn > :last-child * {
    max-width: 100%;
  }
  #view-filter .btn > :last-child:after,
  #view-filter .btn > :last-child:before {
    border: solid 6px;
    content: "";
    display: block;
    margin: 0 10px 0 10px;
    position: absolute;
  }
  #view-filter .btn > :last-child {
    left: -60px;
    margin-left: 50%;
  }
  #view-filter .btn > :last-child:after,
  #view-filter .btn > :last-child:before {
    left: 50%;
    margin-left: -5px;
  }
  #view-filter .btn > :last-child {
    margin-top: 10px;
    top: 100%;
  }
  #view-filter .btn > :last-child:after {
    margin-bottom: -1px;
  }
  #view-filter .btn > :last-child:after,
  #view-filter .btn > :last-child:before {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    bottom: 100%;
  }
  #view-filter .btn > :last-child:before {
    margin-bottom: 0px;
  }
  #view-filter .btn > :last-child {
    background-color: #333333;
    border-color: #0d0d0d;
    color: #ffffff;
  }
  #view-filter .btn > :last-child:after {
    border-color: #333333;
  }
  #view-filter .btn > :last-child:before {
    border-color: #0d0d0d;
  }
  #view-filter .btn > :last-child {
    text-shadow: 0 1px 0 hsl(0, 0%, 0%);
  }
  #view-filter .btn-group {
    padding-right: 1px;
  }
}
#title-page-tab-container {
  cursor: pointer;
}
.title-page-tab {
  margin-top: 2px;
  background-color: #3C3D3E;
  color: #fff;
  padding: 9px 0px 11px 10px;
  font-size: 12px;
}
.title-page-tab i {
  font-size: 6px;
  height: 16px;
  margin-left: 14px;
  float: right;
  display: inline-block;
}
.title-page-tab-dropdown {
  border: 0.5px solid #CBCECF;
  padding: 1px 4px;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
}
.title-page-tab-menu {
  list-style: none;
  background-color: #181919;
  width: 164px;
  color: #cbcac9;
  border-radius: 5px;
  margin: -9px 0 0 2px;
  font-size: 12px;
}
.title-page-tab-menu .title-page-tab-menu-option {
  margin: 2px;
  padding: 11px 12px;
  height: 22px;
  line-height: 22px;
}
.title-page-tab-menu .title-page-tab-menu-option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.title-page-tab-menu .title-page-tab-menu-option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 12px;
  /* To match the comments dropdown */
}
.title-page-tab-menu .title-page-tab-menu-option:hover {
  background-color: #333333;
}
.title-page-selected-layout {
  color: #2FB5B4;
  background-color: #262626;
}
@media (hover: none), (pointer: coarse) {
  .scenenav-list-link {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
}
.react-scene-nav-dialog .draggable-dialog {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #181919;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: fit-content;
}
.react-scene-nav-dialog .draggable-dialog .dragger {
  min-height: 45px;
  margin-bottom: -35px;
  z-index: 0;
}
.react-scene-nav-dialog .draggable-dialog .dialog-header {
  padding-bottom: 5px;
  margin-right: 10px;
  margin-left: 10px;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.react-scene-nav-dialog .draggable-dialog .dialog-header .close-button {
  z-index: 1;
  flex: 0.15;
  justify-content: flex-start;
}
.react-scene-nav-dialog .draggable-dialog .dialog-header .close-button .close {
  opacity: 1 !important;
  width: 100%;
}
.react-scene-nav-dialog .draggable-dialog .dialog-header .close-button .close:before {
  font-size: 10px;
  margin-bottom: 4px;
}
.react-scene-nav-dialog .draggable-dialog .dialog-header .title {
  margin-left: 5px;
}
.react-scene-nav-dialog .draggable-dialog .draggable-dialog-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  width: 250px;
}
.react-scene-nav-dialog .draggable-dialog .draggable-dialog-content .scenenav {
  overflow-y: auto;
}
.scenenav-list {
  margin: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
.scenenav-list-item {
  list-style: none;
  padding: 0;
  background-color: #f5f5f5;
  text-transform: uppercase;
  position: relative;
  margin-top: 2px;
  height: 48px;
  display: flex;
}
.scenenav-list-item:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}
.scenenav-list-item:hover {
  background-color: #ffffff;
}
.scenenav-list-item.highlight {
  background-color: #2FB5B4;
  color: #fff;
}
.scenenav-list-item.highlight .scenenav-list-link {
  -webkit-touch-callout: none;
  color: #fff;
}
.scenenav-list-item .scenenav-list-link {
  font-family: 'Courier Prime', Courier, monospace;
  color: #222222;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0px 20px;
  letter-spacing: 0px;
  display: flex;
  align-items: center;
}
.scenenav-list-item .scenenav-list-link span {
  margin-right: 7px;
}
.scenenav-list-item.sequence-item-move-moving {
  width: 220px;
}
.scenenav-list-item-subscene {
  list-style: none;
}
.scenenav-list-item-subscene .scenenav-list-link-subscene {
  margin-left: 25px;
  width: 190px;
  border-left: 2px solid #ccc;
  padding-left: 10px;
}
#toolbar-container.toolbar-container-absolute {
  position: absolute;
  left: 0;
  z-index: 999;
  width: 100%;
  -moz-user-select: none !important;
  -khtml-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
#toolbar-container.toolbar-container-fixed {
  position: fixed;
  top: 0 !important;
  left: 0;
  z-index: 999;
  width: 100%;
  -moz-user-select: none !important;
  -khtml-user-select: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.modal-content {
  padding-top: 30px;
  padding-bottom: 0px;
}
.modal-dialog-error {
  text-align: center;
  color: #e26262;
}
.modal-dialog-bg {
  z-index: 1040;
}
.modal-dialog {
  width: 430px;
  z-index: 2001;
  max-width: 99%;
}
.fade-top-bg {
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.fade-bottom-bg {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 97%, #ffffff 98%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0)), color-stop(97%, #ffffff), color-stop(98%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 97%, #ffffff 98%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 97%, #ffffff 98%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 97%, #ffffff 98%);
  /* W3C */
}
.tall-modal .modal-dialog-content {
  min-height: 340px;
}
.media-modal {
  width: 700px;
  min-height: 340px;
}
.media-modal .modal-dialog-content {
  padding: 0;
  background: #f5f5f5;
}
.modal-dialog.media-modal {
  background: #e0e0e0;
}
.modal-dialog.media-modal .tabber-contents {
  border-bottom: none;
}
.extra-wide-modal {
  width: 1160px !important;
}
.wide-modal {
  width: 940px !important;
}
.midwide-modal {
  width: 640px !important;
}
.nopad-modal .modal-dialog-content {
  padding: 0 !important;
}
.bigger-modal {
  position: relative;
  width: 1060px !important;
}
.modal-nooverflow {
  overflow: hidden;
}
.modal-nooverflow .cx-processinglabel {
  position: absolute;
  top: 45%;
}
.modal-dialog:focus {
  outline: none;
}
.modal-dialog {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding: 0;
  border: 1px solid #c2c2c2;
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog-title {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  font-size: 20px;
  line-height: 20px;
  color: #333;
  padding: 16px 16px;
  cursor: move;
}
.modal-dialog-title span.modal-dialog-title-close {
  display: none;
}
.modal-dialog-buttons .goog-buttonset-default {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .modal-dialog-buttons .goog-buttonset-default:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .modal-dialog-buttons .goog-buttonset-default.secondary:hover {
    background-color: #A859BD !important;
  }
}
.modal-dialog-buttons .goog-buttonset-default:active {
  background-color: #1FA3A2;
  color: #222222;
}
.modal-dialog-buttons .goog-buttonset-default.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.modal-dialog-buttons .goog-buttonset-default.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons .goog-buttonset-default.create-pill,
.modal-dialog-buttons .goog-buttonset-default.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.modal-dialog-buttons .goog-buttonset-default.create-pill:hover,
.modal-dialog-buttons .goog-buttonset-default.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.modal-dialog-buttons .goog-buttonset-default.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.modal-dialog-buttons .goog-buttonset-default.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.modal-dialog-buttons .goog-buttonset-default.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons .goog-buttonset-default.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.modal-dialog-buttons .goog-buttonset-default.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.modal-dialog-buttons .goog-buttonset-default.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons .goog-buttonset-default.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.modal-dialog-buttons .goog-buttonset-default.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.modal-dialog-buttons .goog-buttonset-default.cancel,
.modal-dialog-buttons .goog-buttonset-default.save-n-close,
.modal-dialog-buttons .goog-buttonset-default.close,
.modal-dialog-buttons .goog-buttonset-default.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.modal-dialog-buttons .goog-buttonset-default.cancel:hover,
.modal-dialog-buttons .goog-buttonset-default.save-n-close:hover,
.modal-dialog-buttons .goog-buttonset-default.close:hover,
.modal-dialog-buttons .goog-buttonset-default.transparent:hover,
.modal-dialog-buttons .goog-buttonset-default.cancel:active,
.modal-dialog-buttons .goog-buttonset-default.save-n-close:active,
.modal-dialog-buttons .goog-buttonset-default.close:active,
.modal-dialog-buttons .goog-buttonset-default.transparent:active {
  background-color: transparent !important;
}
.modal-dialog-buttons .goog-buttonset-default.cancel {
  margin-right: 10px;
}
.modal-dialog-buttons .goog-buttonset-default.close,
.modal-dialog-buttons .goog-buttonset-default.save-n-close {
  padding: 0px;
  line-height: initial;
}
.modal-dialog-buttons .goog-buttonset-default.close::before,
.modal-dialog-buttons .goog-buttonset-default.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-dialog-buttons .goog-buttonset-default.close::before {
  content: '\e818';
}
.modal-dialog-buttons .goog-buttonset-default.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.modal-dialog-buttons .goog-buttonset-default.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.modal-dialog-buttons .goog-buttonset-default.disabled:hover,
.modal-dialog-buttons .goog-buttonset-default.disabled:active {
  background-color: #868686 !important;
}
.modal-dialog-buttons .goog-buttonset-default.upload {
  height: 40px;
}
.modal-dialog-buttons .goog-buttonset-default.download {
  text-transform: none;
  background-color: #292D30;
}
.modal-dialog-buttons .goog-buttonset-default.download:hover,
.modal-dialog-buttons .goog-buttonset-default.download:active {
  background-color: #292D30 !important;
}
.modal-dialog-buttons:before,
.modal-dialog-buttons:after {
  display: table;
  content: "";
}
.modal-dialog-buttons:after {
  clear: both;
}
.modal-dialog-buttons button {
  float: right;
}
.modal-dialog-content {
  padding: 10px 20px;
}
.modal-dialog-content .tabber {
  color: #4b4d4e;
}
.cx-dialog img {
  max-width: 100%;
}
.cx-dialog iframe[src^="//www.youtube.com"] {
  margin: 0 auto;
  display: block;
}
.cx-dialog .modal-dialog-content::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.cx-dialog .modal-dialog-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.cx-dialog .modal-dialog-content::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.cx-dialog-popdown {
  top: 0;
  border-radius: 0;
  border-top: none;
}
.cx-dialog-popdown .modal-dialog-title,
.cx-dialog-popdown .modal-dialog-buttons {
  display: none;
  padding: 0;
  height: 0;
  min-height: 0;
}
.cx-dialog.mobile-warning-dialog {
  width: 100%;
  height: 100%;
}
.cx-dialog.mobile-warning-dialog .modal-dialog-title {
  display: none;
}
.cx-dialog.mobile-warning-dialog .modal-dialog-content {
  color: white;
  text-align: center;
  max-height: 100% !important;
  height: 100%;
  padding: 200px 50px;
  background-color: rgba(0, 0, 0, 0.9);
  background: #333;
  background: -moz-radial-gradient(center, ellipse cover, #333 0, #000 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #333 0, #000 100%);
  background: radial-gradient(ellipse at center, #333 0, #000 100%);
}
.cx-dialog.mobile-warning-dialog .modal-dialog-content #warning-title {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}
.modal-dialog.noienoedgedialog .modal-dialog-title {
  background: #becbd0;
  height: 70px;
  position: relative;
}
.modal-dialog.noienoedgedialog .modal-dialog-title:after {
  content: '\e800';
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: -30px;
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  color: #becbd0;
  font-size: 40px;
  width: 50px;
  /* height: 50px; */
  text-align: center;
  display: block;
  background: white;
  border-radius: 100%;
  padding: 25px 10px;
}
.cxpm-modal-frame.import-helper-modal {
  overflow: visible !important;
}
.cxpm-modal-frame.import-helper-modal .key-nav-focus {
  outline: -webkit-focus-ring-color auto 1px !important;
}
@keyframes colorchange {
  0% {
    color: #2FB5B4;
  }
  25% {
    color: #007884;
  }
  50% {
    color: #2FB5B4;
  }
  75% {
    color: #007884;
  }
  100% {
    color: #2FB5B4;
  }
}
@-webkit-keyframes colorchange {
  /* Safari and Chrome - necessary duplicate */
  0% {
    color: #2FB5B4;
  }
  25% {
    color: #007884;
  }
  50% {
    color: #2FB5B4;
  }
  75% {
    color: #007884;
  }
  100% {
    color: #2FB5B4;
  }
}
.cxpm-modal-frame.import-helper-modal button {
  outline: none;
}
.cxpm-modal-frame.import-helper-modal .cxpm-modal-title span {
  display: block;
}
.cxpm-modal-frame.import-helper-modal .title-container {
  display: flex;
  height: initial!important;
}
.cxpm-modal-frame.import-helper-modal .title-container .cxi-circle {
  margin-top: 5px;
}
.cxpm-modal-frame.import-helper-modal .content-container {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.cxpm-modal-frame.import-helper-modal .button-container {
  flex-direction: column!important;
  margin-left: auto;
  margin-right: auto;
}
.cxpm-modal-frame.import-helper-modal .button-container button {
  margin-bottom: 10px;
  box-shadow: none;
  border: none;
  font-size: 12px;
}
.cxpm-modal-frame.import-helper-modal .button-container .cxpm-modal-btn-x {
  position: absolute;
  top: 0;
  right: 0px !important;
  background-color: transparent!important;
  width: 20px!important;
  height: 20px !important;
  padding: 2px 0px 0px 0px;
  margin: 10px 10px 10px 10px !important;
  font-size: 8px!important;
  color: #949494 !important;
  outline: none;
  box-shadow: none;
  min-width: unset;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container {
  flex-direction: row !important;
  width: 400px!important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left {
  margin-right: auto !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  text-align: left;
}
@media (hover) {
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left:hover,
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.secondary:hover,
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.secondary:hover {
    background-color: #A859BD !important;
  }
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel:active {
  background-color: #1FA3A2;
  color: #222222;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.secondary,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.secondary:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.create-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.create-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.login-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.create-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.create-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.login-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.studio-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.studio-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.studio-pill:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.toolbar-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.toolbar-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.toolbar-pill:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.add,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.add:before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.cancel,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.cancel,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.save-n-close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.save-n-close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.transparent,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.cancel:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.cancel:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.save-n-close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.save-n-close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.transparent:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.transparent:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.cancel:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.cancel:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.save-n-close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.save-n-close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.transparent:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.transparent:active {
  background-color: transparent !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.cancel,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.cancel {
  margin-right: 10px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.save-n-close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.save-n-close {
  padding: 0px;
  line-height: initial;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.save-n-close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.close::before {
  content: '\e818';
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.save-n-close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.disabled,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.disabled:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.disabled:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.disabled:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.disabled:active {
  background-color: #868686 !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.upload,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.upload {
  height: 40px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.download,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.download {
  text-transform: none;
  background-color: #292D30;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.download:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.download:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.download:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.download:active {
  background-color: #292D30 !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel:active {
  background-color: transparent !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok:hover,
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.secondary:hover,
  .cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.secondary:hover {
    background-color: #A859BD !important;
  }
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel:active {
  background-color: #1FA3A2;
  color: #222222;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.secondary,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.secondary:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.create-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.create-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.login-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.create-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.create-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.login-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.studio-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.studio-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.studio-pill:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.toolbar-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.toolbar-pill:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.toolbar-pill:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.add,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.add:before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.cancel,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.cancel,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.save-n-close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.save-n-close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.transparent,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.cancel:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.cancel:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.save-n-close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.save-n-close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.close:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.transparent:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.transparent:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.cancel:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.cancel:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.save-n-close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.save-n-close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.close:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.transparent:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.transparent:active {
  background-color: transparent !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.cancel,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.cancel {
  margin-right: 10px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.save-n-close,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.save-n-close {
  padding: 0px;
  line-height: initial;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.save-n-close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.close::before {
  content: '\e818';
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.save-n-close::before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.disabled,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.disabled:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.disabled:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.disabled:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.disabled:active {
  background-color: #868686 !important;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.upload,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.upload {
  height: 40px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.download,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.download {
  text-transform: none;
  background-color: #292D30;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.download:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.download:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.download:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.download:active {
  background-color: #292D30 !important;
}
.cxpm-modal-frame.import-helper-modal .import-helper-description {
  text-align: center;
  display: inline-block;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown {
  overflow: auto;
  z-index: 1;
  margin-top: -5px;
  margin-bottom: 10px;
  border: 1px solid inherit;
  border: 1px solid #7b7b7b;
  width: 100px;
  padding: 8px;
  border-radius: 6px;
  cursor: pointer;
  position: absolute;
  background-color: #2d2e2b;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown.open .import-helper-dropdown-selected {
  margin-bottom: 5px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown .cxi-down,
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown .cxi-up {
  margin-left: auto;
  font-size: 10px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown .import-helper-dropdown-option {
  padding: 5px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown .import-helper-dropdown-option:hover {
  color: #2FB5B4;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown .import-helper-dropdown-selected {
  display: flex;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-dropdown span {
  display: block;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-type-name {
  text-transform: capitalize;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-type-count {
  color: #2FB5B4;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-type {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 5px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-label {
  color: #ffffff;
  margin-top: 20px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 21px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-divider {
  border-top: 1px solid #636363;
  border-bottom: none;
  margin-top: 5px!important;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-top-container .import-helper-divider {
  width: 15%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -5px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-info-column-left {
  margin-right: 5px;
  margin-bottom: 15px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-text-teal {
  color: #2FB5B4;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-info-column-right {
  font-size: 18px;
  margin-bottom: 15px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-info-column-right div {
  margin-top: 5px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-top-container {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-top-container .cxi-ai_breakdown_magic_2 {
  font-size: 30px;
  color: #2FB5B4;
  margin-top: 5px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-top-container .magic-progress {
  animation: colorchange 3s;
  /* animation-name followed by duration in seconds*/
  /* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 3s;
  /* Chrome and Safari */
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-top-container .updated-data {
  color: #2FB5B4;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-content {
  height: 250px;
  overflow-y: auto;
  background-color: #20211e;
  margin-top: 60px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-content .import-helper-element-size {
  color: #7d7d7d;
  padding-right: 5px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-content .import-helper-item:nth-child(even) {
  background-color: #2d2e2b;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-content .import-helper-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 6px;
  font-size: 10px;
  display: flex;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-content .import-helper-item .import-helper-item-checkbox {
  vertical-align: unset;
  margin-right: 5px;
  box-shadow: none !important;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-content .import-helper-item .import-helper-item-checkbox.key-nav-focus {
  outline: solid 2px #f0ecec;
  outline-offset: 2px;
}
.cxpm-modal-frame.import-helper-modal .import-helper-container .import-helper-content .import-helper-item .import-helper-item-content {
  margin-left: 5px;
  margin-bottom: 2px;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cxpm-modal-frame.import-helper-modal .first-content-container {
  color: #F6F6F6;
  font: normal normal normal 17px/22px Lato;
  letter-spacing: 0px;
  padding-bottom: 0 !important;
}
.cxpm-modal-frame.import-helper-modal .first-content-container .import-helper-info-column-left {
  margin-bottom: 5px;
}
.cxpm-modal-frame.import-helper-modal .first-content-container .import-helper-info-column-left .blue-circle {
  background: #2FB5B4;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -43px;
}
.cxpm-modal-frame.import-helper-modal .first-content-container .import-helper-info-column-left .blue-circle i {
  margin-top: 10px;
  font-size: 45px;
}
.cxpm-modal-frame.import-helper-modal .first-content-container .import-helper-info-column-right {
  margin-bottom: 0;
}
.cxpm-modal-frame.import-helper-modal .first-content-container .import-helper-info-column-right .import-successful {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container {
  width: 400px !important;
  display: block !important;
  padding-top: 0 !important;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container .character-count,
.cxpm-modal-frame.import-helper-modal .first-btn-container .scene-count {
  background: transparent;
  color: #2FB5B4;
  font: normal normal bold 17px/22px Lato;
  letter-spacing: 0px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0px;
  width: unset;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container .character-count:active,
.cxpm-modal-frame.import-helper-modal .first-btn-container .scene-count:active {
  background: transparent;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container .character-count {
  margin-left: 55px;
  text-align: right;
  margin-right: 0;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container .character-count::after {
  content: " and ";
  color: #F6F6F6;
  display: inline-block;
  cursor: initial;
  font: normal normal normal 17px/22px Lato;
  letter-spacing: 0px;
  white-space: pre;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container .scene-count {
  text-align: left;
  margin-left: 0;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container .cxpm-modal-btn-ok {
  display: block;
  background-color: #2FB5B4 !important;
  font: normal normal normal 17px/22px Lato;
  letter-spacing: 1.44px;
  color: #F6F6F6;
  width: 270px !important;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 20px !important;
}
.cxpm-modal-frame.import-helper-modal .first-btn-container .cxpm-modal-btn-x {
  display: none;
}
.modal-dialog.import-script-modal {
  width: 410px;
}
.modal-dialog.import-script-modal .modal-dialog-title {
  height: unset;
}
.modal-dialog.import-script-modal .modal-dialog-title .modal-dialog-title-text {
  margin-left: 6px;
  margin-bottom: 10px !important;
  font-size: 14px;
}
.modal-dialog.import-script-modal .modal-dialog-title .modal-dialog-title-close {
  display: none !important;
}
.modal-dialog.import-script-modal .modal-dialog-buttons button[name='ok'] {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6.5px;
  padding-bottom: 6.5px;
  line-height: 0;
  border-radius: 8px;
  background: #2FB5B4 !important;
}
.modal-dialog.import-script-modal .modal-dialog-buttons button[name='cancel'] {
  padding-right: 20px;
  margin-right: 0;
  background: unset;
}
.modal-dialog.import-script-modal .modal-dialog-buttons button {
  height: 30px;
  font: normal normal normal 14px/17px Lato;
  text-transform: uppercase;
  letter-spacing: 0.84px;
}
.modal-dialog.import-script-modal .modal-dialog-content {
  font-size: 13px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 40px !important;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container {
  height: 300px;
  margin-top: 10px;
  overflow-y: scroll;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list {
  background: white;
  min-height: 300px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .import-script-empty-state-text {
  color: white;
  font-size: 11px;
  padding: 10px;
  font-style: italic;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option {
  height: 64px;
  box-sizing: border-box;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 12px;
  position: relative;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .project-type {
  font-size: 16px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .project-name {
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 240px;
  height: 20px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .project-asterisk {
  font-size: 15px;
  right: 23px;
  top: 23px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .project-chevron {
  font-size: 9px;
  right: 11px;
  top: 20px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .project-asterisk,
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .project-chevron {
  position: absolute;
  color: black;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .item-icon {
  margin-top: 5px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option:not(.selected) .project-type {
  color: #454D4D;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option:not(.selected) .project-name {
  color: #2FB5B4;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option {
  height: 28px;
  padding-top: 10px;
  padding-left: 80px;
  color: #1E211F;
  font-size: 16px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option.thumbnail {
  padding-left: 24px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option .script-option-text {
  width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option .item-icon {
  margin-top: -5px;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option,
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option {
  border-bottom: 2px solid #C2C2C2;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option:not(.selected),
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option:not(.selected) {
  cursor: pointer;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option:nth-child(odd),
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option:nth-child(odd) {
  background: #F6F6F6;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option:nth-child(even),
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option:nth-child(even) {
  background: #FEFFFF;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option.selected,
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option.selected {
  background: #2FB5B4;
  color: white;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .project-option .item-icon,
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list .script-option .item-icon {
  float: left;
  margin-right: 14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-list-container .script-import-list-empty-state {
  min-height: 92px;
  background: #393939;
  color: white;
  border-color: #2FB5B4;
  border-width: 1px;
  border-style: solid;
}
.modal-dialog.import-script-modal .modal-dialog-content .script-import-empty-state {
  height: 95px;
  overflow-y: hidden;
}
.modal-dialog.import-script-modal.no-selection button[name='ok'] {
  pointer-events: none;
  background: #868686 !important;
  color: #454D4D !important;
}
.cxpm-modal-frame.mobile .av2-image-container {
  width: unset;
  height: unset;
  overflow-x: hidden;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-tab {
  display: none;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-sidebar {
  display: block;
  width: unset;
  margin-left: unset;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-sidebar .av2-image-upload-input {
  width: unset;
  height: unset;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-content {
  display: block;
  position: unset;
  width: unset;
  height: unset;
  margin: 0;
  padding: 0;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-content .img-results {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: unset;
  max-height: initial;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-content .img-paging {
  top: unset;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-content .pagedimage-topmargin {
  margin-top: 20px;
}
.av2-image-modal {
  display: flex;
  flex: 1;
}
.av2-image-modal.cxpm-modal-frame {
  height: 450px;
  width: 850px;
  padding: 0px;
  border-radius: 0px;
  border: 1px solid #5A5A5A;
}
.av2-image-modal.cxpm-modal-frame .title-container {
  width: fit-content;
  position: absolute;
  padding-left: 20px;
  cursor: default;
  text-transform: uppercase;
  z-index: 3;
}
.av2-image-modal.cxpm-modal-frame .content-container {
  padding: 0px;
}
.av2-image-modal.cxpm-modal-frame .button-container {
  position: absolute;
  padding: 0px 32px 32px 32px;
  background-color: #2F2F2F;
}
.av2-image-modal.cxpm-modal-frame .overlay-container {
  z-index: 10 !important;
}
.av2-image-modal .content-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.av2-image-modal .content-container .av2-image-container {
  display: flex;
  flex: 1;
  position: unset;
  margin: 0px;
  flex-direction: column;
  background-color: #2F2F2F;
  max-width: 100%;
  align-items: center;
  margin-bottom: 62px;
}
.av2-image-modal .content-container .av2-image-container .av2-image-content-inner {
  display: flex;
  flex: 1;
}
.av2-image-modal .content-container .av2-image-sidebar {
  width: 180px;
  padding-top: 50px;
  border-right: 1px solid #5A5A5A;
  z-index: 2;
  background-color: #181919;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload {
  display: flex;
  flex-direction: column;
  margin: 30px auto;
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
@media (hover) {
  .av2-image-modal .content-container .av2-image-sidebar .av2-image-upload:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.secondary:hover {
    background-color: #A859BD !important;
  }
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload:active {
  background-color: #1FA3A2;
  color: #222222;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.create-pill,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.create-pill:hover,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.cancel,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.save-n-close,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.close,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.cancel:hover,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.save-n-close:hover,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.close:hover,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.transparent:hover,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.cancel:active,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.save-n-close:active,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.close:active,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.transparent:active {
  background-color: transparent !important;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.cancel {
  margin-right: 10px;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.close,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.save-n-close {
  padding: 0px;
  line-height: initial;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.close::before,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.close::before {
  content: '\e818';
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.disabled:hover,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.disabled:active {
  background-color: #868686 !important;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.upload {
  height: 40px;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.download {
  text-transform: none;
  background-color: #292D30;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.download:hover,
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload.download:active {
  background-color: #292D30 !important;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload .av2-image-upload-label {
  position: absolute;
  width: 100%;
  color: #fff;
}
.av2-image-modal .content-container .av2-image-sidebar .av2-image-upload .av2-image-upload-input {
  width: 0px;
  height: 0px;
  opacity: 0;
  margin: 0;
}
.av2-image-modal .av2-image-tab {
  height: 35px;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.av2-image-modal .av2-image-tab:hover {
  cursor: pointer;
}
.av2-image-modal .av2-image-tab.selected {
  background-color: #5A5A5A;
}
.av2-image-modal .av2-image-tab-text {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.av2-image-modal .av2-image-content {
  display: inline-block;
  position: absolute;
  padding-left: 10px;
  background-color: #363836;
  overflow-y: hidden;
  height: 360px;
  width: 660px;
  margin-top: -60px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.av2-image-modal div.button-container {
  padding: 16px 16px 32px 16px;
  margin-bottom: -20px;
  width: 638px;
  float: right;
  margin-right: -20px;
  background-color: #363836;
}
.av2-image-modal .overlay-container .cxpm-upload-label {
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  min-height: 20px;
  max-width: 640px;
  min-width: 100px;
  padding: 10px 20px;
  background: #40bdb4;
  color: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
.av2-image-modal .overlay-container .cxpm-upload-label.error {
  background: #222222;
  color: #F6F6F6;
  border: 1px solid #6E6E6E;
}
.av2-image-modal .overlay-container .cxpm-uploading-ellipsis .cxpm-uploading-dot1 {
  opacity: 0;
  -webkit-animation: dot 0.75s infinite;
  -moz-animation: dot 0.75s infinite;
  animation: dot 0.75s infinite;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.av2-image-modal .overlay-container .cxpm-uploading-ellipsis .cxpm-uploading-dot2 {
  opacity: 0;
  -webkit-animation: dot 0.75s infinite;
  -moz-animation: dot 0.75s infinite;
  animation: dot 0.75s infinite;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.av2-image-modal .overlay-container .cxpm-uploading-ellipsis .cxpm-uploading-dot3 {
  opacity: 0;
  -webkit-animation: dot 0.75s infinite;
  -moz-animation: dot 0.75s infinite;
  animation: dot 0.75s infinite;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.cxpm-modal-frame {
  padding: 0px 20px 20px;
  background-color: #2d2e2c;
  border-radius: 5px;
  color: white;
  overflow: hidden;
}
.cxpm-modal-frame .title-container {
  position: relative;
  height: 20px;
  text-transform: capitalize;
  padding-bottom: 10px;
  font-family: "lato", sans-serif;
  font-size: 14px;
  cursor: move;
  z-index: 2;
  padding-top: 20px;
}
.cxpm-modal-frame .title-container i {
  padding-right: 5px;
}
.cxpm-modal-frame.mobile {
  display: flex;
  flex-direction: column;
  border-radius: 0;
}
.cxpm-modal-frame.mobile .title-container .close-btn {
  position: absolute;
  right: 0;
  font-size: 12px;
  color: white;
}
.cxpm-modal-frame.mobile .content-container {
  flex-grow: 1;
  overflow: auto;
}
.cxpm-modal-frame .content-container {
  padding: 10px 5px;
}
.cxpm-modal-frame .button-container {
  padding-top: 10px;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  bottom: 20px;
  right: 20px;
}
.cxpm-modal-frame .button-container button {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  place-items: center;
}
.cxpm-modal-frame .button-container button:active {
  background-color: #1FA3A2;
}
.cxpm-modal-frame .button-container button:hover {
  cursor: pointer;
  background-color: #35D4D2;
}
.cxpm-modal-frame .button-container button.cxpm-modal-btn-left {
  margin-right: auto;
}
.cxpm-modal-frame .button-container button.cxpm-modal-btn-right {
  margin-left: auto;
}
.cxpm-modal-frame .button-container button.cxpm-modal-btn-cancel {
  margin-right: 10px;
  background-color: transparent !important;
}
.cxpm-modal-frame .button-container button.cxpm-modal-btn-cancel:active {
  background-color: transparent;
}
.cxpm-modal-frame .button-container button.cxpm-modal-btn-disabled {
  opacity: 0.25;
}
.cxpm-modal-frame .button-container button.cxpm-modal-btn-hidden {
  display: none;
}
.modal-dialog.update-browser-dialog .modal-dialog-buttons {
  padding: 8px 0 0 0;
}
div.cx-multiseat-invite-root {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  top: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  min-height: 100vh;
  position: absolute;
  letter-spacing: 0px;
  flex-direction: column;
  background-color: black;
  justify-content: space-between;
}
div.cx-multiseat-invite-root div.content {
  flex-grow: 1;
  color: white;
  padding: 0px 10%;
  padding-top: 75px;
  line-height: normal;
  background-size: cover;
  background-color: black;
  background-repeat: no-repeat;
  background-position: 80% center;
  background-image: url('../img/shop/ReactivationCampaign/introheader.png');
}
div.cx-multiseat-invite-root div.content > img.celtx-graphic {
  cursor: default;
  max-height: 55px;
  margin-bottom: 60px;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.title {
  font-size: 32px;
  color: #2FB5B4;
  font-weight: 600;
  margin-bottom: 35px;
  letter-spacing: 0.2px;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.desc {
  font-size: 20px;
  margin-bottom: 35px;
  max-width: 700px;
  line-height: 35px;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.desc > p {
  margin: 0px;
  line-height: inherit;
  font-size: inherit;
  display: inline;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group {
  display: flex;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group > div.action-btn {
  height: 50px;
  width: 145px;
  font-size: 17px;
  border-radius: 50px;
  letter-spacing: 0px;
  text-transform: none;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group > div.action-btn:not(:last-child) {
  margin-right: 20px;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group > div.action-btn > div.cx-ui-loading.cta-btn-loading {
  width: 25px;
  height: 25px;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group > div.action-btn.accept:hover {
  color: white;
  border-color: #2FB5B4;
  background-color: #2FB5B4;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group > div.action-btn.accept:hover > div.cx-ui-loading.cta-btn-loading {
  fill: white;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group > div.action-btn.decline:hover {
  color: white;
  border-color: #ff2b33;
  background-color: #ff2b33;
}
div.cx-multiseat-invite-root div.content > div.invitation > div.action-btn-group > div.action-btn.decline:hover > div.cx-ui-loading.cta-btn-loading {
  fill: white;
}
div.cx-multiseat-invite-root > div.footer-root {
  display: flex;
  padding: 75px 10%;
  align-items: center;
  background-color: #464747;
  justify-content: space-between;
}
div.cx-multiseat-invite-root > div.footer-root div.left,
div.cx-multiseat-invite-root > div.footer-root div.right {
  display: flex;
  justify-content: center;
}
div.cx-multiseat-invite-root > div.footer-root div.left img,
div.cx-multiseat-invite-root > div.footer-root div.right img {
  margin-right: 10px;
}
div.cx-multiseat-invite-root > div.footer-root div.left div,
div.cx-multiseat-invite-root > div.footer-root div.right div {
  color: white;
}
div.cx-multiseat-invite-root > div.footer-root div.left {
  align-items: flex-end;
}
div.cx-multiseat-invite-root > div.footer-root div.left img.celtx-graphic {
  cursor: default;
  max-height: 35px;
}
div.cx-multiseat-invite-root > div.footer-root div.right {
  align-items: center;
}
div.cx-multiseat-invite-root > div.footer-root div.right img.backlight-graphic {
  cursor: default;
  max-height: 26px;
}
div.cx-multiseat-invite-mount {
  position: absolute;
  z-index: 1011;
  left: 0px;
  top: 0px;
  height: 100vh;
  width: 100vw;
}
.modal-dialog-subtitle {
  font-weight: normal;
  color: #F6F6F6;
  margin: 0px 14px 0px 14px;
  display: block;
  padding: 4px 0px 0 0;
  font-size: 13px;
}
.modal-dialog-bg.modal-dialog-bg-clean {
  background: white;
  opacity: 0.75;
}
.modal-clean.modal-dialog {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 4px 1px rgba(255,255,255,0.7), 0 0 4px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 4px 1px rgba(255,255,255,0.7), 0 0 4px rgba(0,0,0,0.5);
  box-shadow: 0 0 4px 1px rgba(255,255,255,0.7), 0 0 4px rgba(0,0,0,0.5);
  border: 1px solid #DDD;
}
.modal-clean.modal-dialog .modal-dialog-title {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  background: #FFF;
  margin-left: 16px;
  margin-right: 16px;
  padding-left: 0;
  padding-right: 0;
}
.modal-clean.modal-dialog .modal-dialog-title .modal-dialog-title-close {
  opacity: 0.5;
  background: none;
}
.modal-clean.modal-dialog .modal-dialog-title .modal-dialog-title-close:after {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 24px;
}
.modal-clean.modal-dialog .modal-dialog-title .modal-dialog-title-close:hover {
  opacity: 0.8;
}
.modal-clean.modal-dialog .modal-dialog-buttons {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #F2F2F2;
}
.modal-dialog {
  border: none;
  border-radius: 4px;
  color: #414141;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.modal-dialog .modal-dialog-title {
  min-height: 8px;
  height: 8px;
  padding: 0;
  padding-left: 15px;
  background: #3b3d3e;
  margin-bottom: 30px;
  color: white;
}
.modal-dialog .modal-dialog-title i {
  margin-right: 15px;
}
.modal-dialog .modal-dialog-title .modal-dialog-title-text {
  text-transform: uppercase;
  font-weight: normal;
  padding-top: 16px;
  display: inline-block;
  font-size: 16px;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin-right: 42px;
}
.modal-dialog h1 {
  font-size: 13px;
  text-transform: uppercase;
  line-height: 10px;
}
.modal-dialog p {
  font-size: 13px;
}
.modal-dialog-buttons {
  background: transparent;
  padding: 0px 35px 30px 0px;
}
.modal-dialog-buttons button {
  font-weight: normal;
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .modal-dialog-buttons button:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .modal-dialog-buttons button.secondary:hover {
    background-color: #A859BD !important;
  }
}
.modal-dialog-buttons button:active {
  background-color: #1FA3A2;
  color: #222222;
}
.modal-dialog-buttons button.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.modal-dialog-buttons button.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button.create-pill,
.modal-dialog-buttons button.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.modal-dialog-buttons button.create-pill:hover,
.modal-dialog-buttons button.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.modal-dialog-buttons button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.modal-dialog-buttons button.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.modal-dialog-buttons button.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.modal-dialog-buttons button.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.modal-dialog-buttons button.cancel,
.modal-dialog-buttons button.save-n-close,
.modal-dialog-buttons button.close,
.modal-dialog-buttons button.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.modal-dialog-buttons button.cancel:hover,
.modal-dialog-buttons button.save-n-close:hover,
.modal-dialog-buttons button.close:hover,
.modal-dialog-buttons button.transparent:hover,
.modal-dialog-buttons button.cancel:active,
.modal-dialog-buttons button.save-n-close:active,
.modal-dialog-buttons button.close:active,
.modal-dialog-buttons button.transparent:active {
  background-color: transparent !important;
}
.modal-dialog-buttons button.cancel {
  margin-right: 10px;
}
.modal-dialog-buttons button.close,
.modal-dialog-buttons button.save-n-close {
  padding: 0px;
  line-height: initial;
}
.modal-dialog-buttons button.close::before,
.modal-dialog-buttons button.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-dialog-buttons button.close::before {
  content: '\e818';
}
.modal-dialog-buttons button.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.modal-dialog-buttons button.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.modal-dialog-buttons button.disabled:hover,
.modal-dialog-buttons button.disabled:active {
  background-color: #868686 !important;
}
.modal-dialog-buttons button.upload {
  height: 40px;
}
.modal-dialog-buttons button.download {
  text-transform: none;
  background-color: #292D30;
}
.modal-dialog-buttons button.download:hover,
.modal-dialog-buttons button.download:active {
  background-color: #292D30 !important;
}
.modal-dialog-buttons button[name="cancel"],
.modal-dialog-buttons button[name="learn"],
.modal-dialog-buttons button[name="gotocatalogitem"],
.modal-dialog-buttons button[name="ManageGlobalsLink"],
.modal-dialog-buttons button[name="ManageFringesLink"] {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.modal-dialog-buttons button[name="cancel"]:hover,
.modal-dialog-buttons button[name="learn"]:hover,
.modal-dialog-buttons button[name="gotocatalogitem"]:hover,
.modal-dialog-buttons button[name="ManageGlobalsLink"]:hover,
.modal-dialog-buttons button[name="ManageFringesLink"]:hover,
.modal-dialog-buttons button[name="cancel"]:active,
.modal-dialog-buttons button[name="learn"]:active,
.modal-dialog-buttons button[name="gotocatalogitem"]:active,
.modal-dialog-buttons button[name="ManageGlobalsLink"]:active,
.modal-dialog-buttons button[name="ManageFringesLink"]:active {
  background-color: transparent !important;
}
.modal-dialog-buttons button[name="ManageGlobalsLink"],
.modal-dialog-buttons button[name="ManageFringesLink"],
.modal-dialog-buttons button[name="delete"] {
  position: absolute;
}
.modal-dialog-buttons button[name="done"] {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .modal-dialog-buttons button[name="done"]:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .modal-dialog-buttons button[name="done"].secondary:hover {
    background-color: #A859BD !important;
  }
}
.modal-dialog-buttons button[name="done"]:active {
  background-color: #1FA3A2;
  color: #222222;
}
.modal-dialog-buttons button[name="done"].secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.modal-dialog-buttons button[name="done"].secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button[name="done"].create-pill,
.modal-dialog-buttons button[name="done"].login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.modal-dialog-buttons button[name="done"].create-pill:hover,
.modal-dialog-buttons button[name="done"].login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.modal-dialog-buttons button[name="done"].studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.modal-dialog-buttons button[name="done"].studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button[name="done"].studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button[name="done"].toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.modal-dialog-buttons button[name="done"].toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button[name="done"].toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.modal-dialog-buttons button[name="done"].add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.modal-dialog-buttons button[name="done"].add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.modal-dialog-buttons button[name="done"].cancel,
.modal-dialog-buttons button[name="done"].save-n-close,
.modal-dialog-buttons button[name="done"].close,
.modal-dialog-buttons button[name="done"].transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.modal-dialog-buttons button[name="done"].cancel:hover,
.modal-dialog-buttons button[name="done"].save-n-close:hover,
.modal-dialog-buttons button[name="done"].close:hover,
.modal-dialog-buttons button[name="done"].transparent:hover,
.modal-dialog-buttons button[name="done"].cancel:active,
.modal-dialog-buttons button[name="done"].save-n-close:active,
.modal-dialog-buttons button[name="done"].close:active,
.modal-dialog-buttons button[name="done"].transparent:active {
  background-color: transparent !important;
}
.modal-dialog-buttons button[name="done"].cancel {
  margin-right: 10px;
}
.modal-dialog-buttons button[name="done"].close,
.modal-dialog-buttons button[name="done"].save-n-close {
  padding: 0px;
  line-height: initial;
}
.modal-dialog-buttons button[name="done"].close::before,
.modal-dialog-buttons button[name="done"].save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-dialog-buttons button[name="done"].close::before {
  content: '\e818';
}
.modal-dialog-buttons button[name="done"].save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.modal-dialog-buttons button[name="done"].disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.modal-dialog-buttons button[name="done"].disabled:hover,
.modal-dialog-buttons button[name="done"].disabled:active {
  background-color: #868686 !important;
}
.modal-dialog-buttons button[name="done"].upload {
  height: 40px;
}
.modal-dialog-buttons button[name="done"].download {
  text-transform: none;
  background-color: #292D30;
}
.modal-dialog-buttons button[name="done"].download:hover,
.modal-dialog-buttons button[name="done"].download:active {
  background-color: #292D30 !important;
}
.custom-dialog-buttons {
  background: transparent;
  padding: 0px 35px 30px 0px;
  background-color: #3b3d3e;
  padding: 0px 0px 0px 0px;
}
.custom-dialog-buttons .goog-buttonset-default {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .custom-dialog-buttons .goog-buttonset-default:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .custom-dialog-buttons .goog-buttonset-default.secondary:hover {
    background-color: #A859BD !important;
  }
}
.custom-dialog-buttons .goog-buttonset-default:active {
  background-color: #1FA3A2;
  color: #222222;
}
.custom-dialog-buttons .goog-buttonset-default.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.custom-dialog-buttons .goog-buttonset-default.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons .goog-buttonset-default.create-pill,
.custom-dialog-buttons .goog-buttonset-default.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.custom-dialog-buttons .goog-buttonset-default.create-pill:hover,
.custom-dialog-buttons .goog-buttonset-default.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.custom-dialog-buttons .goog-buttonset-default.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.custom-dialog-buttons .goog-buttonset-default.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.custom-dialog-buttons .goog-buttonset-default.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons .goog-buttonset-default.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.custom-dialog-buttons .goog-buttonset-default.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.custom-dialog-buttons .goog-buttonset-default.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons .goog-buttonset-default.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.custom-dialog-buttons .goog-buttonset-default.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.custom-dialog-buttons .goog-buttonset-default.cancel,
.custom-dialog-buttons .goog-buttonset-default.save-n-close,
.custom-dialog-buttons .goog-buttonset-default.close,
.custom-dialog-buttons .goog-buttonset-default.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.custom-dialog-buttons .goog-buttonset-default.cancel:hover,
.custom-dialog-buttons .goog-buttonset-default.save-n-close:hover,
.custom-dialog-buttons .goog-buttonset-default.close:hover,
.custom-dialog-buttons .goog-buttonset-default.transparent:hover,
.custom-dialog-buttons .goog-buttonset-default.cancel:active,
.custom-dialog-buttons .goog-buttonset-default.save-n-close:active,
.custom-dialog-buttons .goog-buttonset-default.close:active,
.custom-dialog-buttons .goog-buttonset-default.transparent:active {
  background-color: transparent !important;
}
.custom-dialog-buttons .goog-buttonset-default.cancel {
  margin-right: 10px;
}
.custom-dialog-buttons .goog-buttonset-default.close,
.custom-dialog-buttons .goog-buttonset-default.save-n-close {
  padding: 0px;
  line-height: initial;
}
.custom-dialog-buttons .goog-buttonset-default.close::before,
.custom-dialog-buttons .goog-buttonset-default.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-dialog-buttons .goog-buttonset-default.close::before {
  content: '\e818';
}
.custom-dialog-buttons .goog-buttonset-default.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.custom-dialog-buttons .goog-buttonset-default.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.custom-dialog-buttons .goog-buttonset-default.disabled:hover,
.custom-dialog-buttons .goog-buttonset-default.disabled:active {
  background-color: #868686 !important;
}
.custom-dialog-buttons .goog-buttonset-default.upload {
  height: 40px;
}
.custom-dialog-buttons .goog-buttonset-default.download {
  text-transform: none;
  background-color: #292D30;
}
.custom-dialog-buttons .goog-buttonset-default.download:hover,
.custom-dialog-buttons .goog-buttonset-default.download:active {
  background-color: #292D30 !important;
}
.custom-dialog-buttons:before,
.custom-dialog-buttons:after {
  display: table;
  content: "";
}
.custom-dialog-buttons:after {
  clear: both;
}
.custom-dialog-buttons button {
  float: right;
}
.custom-dialog-buttons button {
  font-weight: normal;
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .custom-dialog-buttons button:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .custom-dialog-buttons button.secondary:hover {
    background-color: #A859BD !important;
  }
}
.custom-dialog-buttons button:active {
  background-color: #1FA3A2;
  color: #222222;
}
.custom-dialog-buttons button.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.custom-dialog-buttons button.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button.create-pill,
.custom-dialog-buttons button.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.custom-dialog-buttons button.create-pill:hover,
.custom-dialog-buttons button.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.custom-dialog-buttons button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.custom-dialog-buttons button.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.custom-dialog-buttons button.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.custom-dialog-buttons button.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.custom-dialog-buttons button.cancel,
.custom-dialog-buttons button.save-n-close,
.custom-dialog-buttons button.close,
.custom-dialog-buttons button.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.custom-dialog-buttons button.cancel:hover,
.custom-dialog-buttons button.save-n-close:hover,
.custom-dialog-buttons button.close:hover,
.custom-dialog-buttons button.transparent:hover,
.custom-dialog-buttons button.cancel:active,
.custom-dialog-buttons button.save-n-close:active,
.custom-dialog-buttons button.close:active,
.custom-dialog-buttons button.transparent:active {
  background-color: transparent !important;
}
.custom-dialog-buttons button.cancel {
  margin-right: 10px;
}
.custom-dialog-buttons button.close,
.custom-dialog-buttons button.save-n-close {
  padding: 0px;
  line-height: initial;
}
.custom-dialog-buttons button.close::before,
.custom-dialog-buttons button.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-dialog-buttons button.close::before {
  content: '\e818';
}
.custom-dialog-buttons button.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.custom-dialog-buttons button.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.custom-dialog-buttons button.disabled:hover,
.custom-dialog-buttons button.disabled:active {
  background-color: #868686 !important;
}
.custom-dialog-buttons button.upload {
  height: 40px;
}
.custom-dialog-buttons button.download {
  text-transform: none;
  background-color: #292D30;
}
.custom-dialog-buttons button.download:hover,
.custom-dialog-buttons button.download:active {
  background-color: #292D30 !important;
}
.custom-dialog-buttons button[name="cancel"],
.custom-dialog-buttons button[name="learn"],
.custom-dialog-buttons button[name="gotocatalogitem"],
.custom-dialog-buttons button[name="ManageGlobalsLink"],
.custom-dialog-buttons button[name="ManageFringesLink"] {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.custom-dialog-buttons button[name="cancel"]:hover,
.custom-dialog-buttons button[name="learn"]:hover,
.custom-dialog-buttons button[name="gotocatalogitem"]:hover,
.custom-dialog-buttons button[name="ManageGlobalsLink"]:hover,
.custom-dialog-buttons button[name="ManageFringesLink"]:hover,
.custom-dialog-buttons button[name="cancel"]:active,
.custom-dialog-buttons button[name="learn"]:active,
.custom-dialog-buttons button[name="gotocatalogitem"]:active,
.custom-dialog-buttons button[name="ManageGlobalsLink"]:active,
.custom-dialog-buttons button[name="ManageFringesLink"]:active {
  background-color: transparent !important;
}
.custom-dialog-buttons button[name="ManageGlobalsLink"],
.custom-dialog-buttons button[name="ManageFringesLink"],
.custom-dialog-buttons button[name="delete"] {
  position: absolute;
}
.custom-dialog-buttons button[name="done"] {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .custom-dialog-buttons button[name="done"]:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .custom-dialog-buttons button[name="done"].secondary:hover {
    background-color: #A859BD !important;
  }
}
.custom-dialog-buttons button[name="done"]:active {
  background-color: #1FA3A2;
  color: #222222;
}
.custom-dialog-buttons button[name="done"].secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.custom-dialog-buttons button[name="done"].secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button[name="done"].create-pill,
.custom-dialog-buttons button[name="done"].login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.custom-dialog-buttons button[name="done"].create-pill:hover,
.custom-dialog-buttons button[name="done"].login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.custom-dialog-buttons button[name="done"].studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.custom-dialog-buttons button[name="done"].studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button[name="done"].studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button[name="done"].toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.custom-dialog-buttons button[name="done"].toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button[name="done"].toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.custom-dialog-buttons button[name="done"].add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.custom-dialog-buttons button[name="done"].add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.custom-dialog-buttons button[name="done"].cancel,
.custom-dialog-buttons button[name="done"].save-n-close,
.custom-dialog-buttons button[name="done"].close,
.custom-dialog-buttons button[name="done"].transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.custom-dialog-buttons button[name="done"].cancel:hover,
.custom-dialog-buttons button[name="done"].save-n-close:hover,
.custom-dialog-buttons button[name="done"].close:hover,
.custom-dialog-buttons button[name="done"].transparent:hover,
.custom-dialog-buttons button[name="done"].cancel:active,
.custom-dialog-buttons button[name="done"].save-n-close:active,
.custom-dialog-buttons button[name="done"].close:active,
.custom-dialog-buttons button[name="done"].transparent:active {
  background-color: transparent !important;
}
.custom-dialog-buttons button[name="done"].cancel {
  margin-right: 10px;
}
.custom-dialog-buttons button[name="done"].close,
.custom-dialog-buttons button[name="done"].save-n-close {
  padding: 0px;
  line-height: initial;
}
.custom-dialog-buttons button[name="done"].close::before,
.custom-dialog-buttons button[name="done"].save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-dialog-buttons button[name="done"].close::before {
  content: '\e818';
}
.custom-dialog-buttons button[name="done"].save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.custom-dialog-buttons button[name="done"].disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.custom-dialog-buttons button[name="done"].disabled:hover,
.custom-dialog-buttons button[name="done"].disabled:active {
  background-color: #868686 !important;
}
.custom-dialog-buttons button[name="done"].upload {
  height: 40px;
}
.custom-dialog-buttons button[name="done"].download {
  text-transform: none;
  background-color: #292D30;
}
.custom-dialog-buttons button[name="done"].download:hover,
.custom-dialog-buttons button[name="done"].download:active {
  background-color: #292D30 !important;
}
.custom-dialog-buttons button[name="no"] {
  margin-right: 5px;
  background-color: #676868;
  color: white;
  box-shadow: none;
}
.custom-dialog-buttons button[name="delete"] {
  background-color: #FF6052;
  position: relative;
}
.custom-dialog-buttons button[name="delete"]:hover {
  background-color: #ff6e52;
}
.custom-dialog-buttons button[name="delete"]:active {
  background-color: #ff4938 !important;
}
.custom-dialog-buttons .cx-delete-account-pane3 {
  background-color: #2FB5B4;
}
.modal-dark.modal-dialog {
  background: #1E1E1E;
  color: white;
}
.modal-dark.modal-dialog .modal-dialog-buttons {
  padding: 20px 20px;
}
.modal-dark.modal-dialog.center {
  text-align: center;
}
.modal-dark.modal-dialog .modal-dialog-content,
.modal-dark.modal-dialog .modal-dialog-title {
  background: transparent;
}
.modal-dark.modal-dialog .modal-dialog-title {
  color: #fafafa;
  margin-bottom: 0;
}
.modal-dark.modal-dialog .modal-dialog-content {
  color: #fafafa;
}
.modal-dark.modal-dialog .modal-dialog-content a.btn {
  padding: 4px 20px 4px 20px;
}
.modal-dark.modal-dialog .modal-dialog-content > ul > li > a.btn.btn-decline {
  margin-left: 40px;
  padding: 0px;
}
.modal-dark.modal-dialog .modal-dialog-buttons {
  background: transparent;
}
.modal-dark.modal-dialog .modal-dialog-title {
  border-bottom: none;
  font-size: 16px;
  font-weight: normal;
}
.modal-dark.modal-dialog .modal-dialog-title .modal-dialog-title-close {
  color: #fafafa;
  background: none;
  height: 20px;
  line-height: 14px;
  width: 20px;
  padding: 0;
  display: inline-block;
  clear: both;
  top: 14px;
  right: 14px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.modal-dark.modal-dialog .modal-dialog-title .modal-dialog-title-close:hover {
  cursor: pointer;
}
.modal-dark.modal-dialog .modal-dialog-title .modal-dialog-title-close::before {
  font-size: 14px;
  font-family: "celtxicons";
  content: "\e818";
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.dialog-main-title {
  font-size: 16px;
  margin-bottom: 5px;
  display: none;
}
.dialog-sub-title {
  font-size: 12px;
}
.newclient-dialog .infomanagerbox-row {
  margin: 5px 0px;
}
.newclient-dialog .infomanagerbox-row .infomanagerbox-label {
  color: white;
  font-weight: lighter;
}
.modal-dialog .modal-dialog-buttons {
  padding: 20px 20px 20px 20px;
}
.pageTitle {
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.03em;
  padding: 8px 0;
  margin: 30px 0 0 0;
  color: #2a3b41;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.pageTitle i {
  position: relative;
  top: -1px;
}
.pageTitle-left {
  text-align: left;
}
.pageSubTitle {
  font-weight: 300;
  letter-spacing: 0.03em;
  padding: 0;
  margin: 0;
  color: #777;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1;
  font-size: 14px;
  text-align: center;
}
.pageSubTitle-left {
  text-align: left;
}
.pageSubTitle-bigmargin {
  margin-bottom: 40px;
}
.pageTitleBlock {
  text-align: center;
  opacity: 1;
  display: inline-block;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.pageTitleBlock i {
  position: relative;
  top: -1px;
}
.pageTitleBlock .pageTitleBlock-icon {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  background-size: 60px 60px !important;
}
.pageTitleBlock .pageTitleBlock-textblock {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-left: 20px;
}
.pageTitleBlock .pageTitleBlock-textblock h1 {
  font-weight: 300;
  letter-spacing: 0.03em;
  padding: 0 0 2px 0;
  margin: 0;
  color: #2a3b41;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1;
  font-size: 24px;
}
.pageTitleBlock .pageTitleBlock-textblock h4 {
  font-weight: 300;
  letter-spacing: 0.03em;
  padding: 0;
  margin: 0;
  color: #777;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1;
  font-size: 14px;
}
.profilview-resultmsg {
  margin-bottom: 38px;
}
.profilview-resultmsg ul li,
.view-resultmsg ul li {
  list-style: none;
  margin: 0;
}
.wf-loading .pageTitle,
.wf-loading .subTitle {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.subTitle,
.infomanagerbox-title {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #2a3b41;
  font-weight: 600;
  color: #bbb;
  border-bottom: 2px solid #ccc;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.infomanagerbox-title {
  margin: 0 20px;
  padding: 20px 0 10px 0;
  line-height: 1;
}
.infopage-head-container {
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
  position: relative;
  z-index: 9;
  padding: 0 20px;
  background: #fff;
  border-bottom: 1px solid #EEE;
}
.infopage-head-container:before,
.infopage-head-container:after {
  display: table;
  content: "";
}
.infopage-head-container:after {
  clear: both;
}
.infopage-head {
  padding: 30px 0;
}
.infomanagerbox-image-wrapper {
  margin-right: 10px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.infopage-body {
  max-width: 940px;
  padding: 0 20px;
  margin: 0 auto;
}
.infopage-body-container {
  background: #f2f4f5;
}
.profilemanager-container,
.infomanagerbox-container {
  text-align: center;
  background: #f2f4f5;
  padding: 40px 20px;
}
.infopage-actions {
  float: right;
  text-align: rightl;
}
.infopage-actions-section {
  margin-bottom: 16px;
}
.infopage-actions-section > select,
.infopage-actions-section > input,
.infopage-actions-section > button,
.infopage-actions-section > form {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 10px;
}
.profilemanager-content,
.infomanagerbox-content,
.infomanager-content {
  padding: 20px;
}
.profilemanager,
.infomanagerbox {
  min-height: 230px;
  width: 600px;
  max-width: 100%;
  border-radius: 6px;
  position: relative;
  margin: 0 auto 20px auto;
  text-align: left;
  display: block;
  vertical-align: top;
  background-color: #fff;
}
.infomanagerbox-boxless {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: inherit;
}
.infomanagerbox-boxless .infomanagerbox-label {
  color: inherit;
}
.infomanagerbox-boxless .infomanagerbox-title {
  margin: 0;
  padding-top: 0;
  display: none;
}
.infomanagerbox-boxless .infomanagerbox-content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.infomangerbox-noborder {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.infomanagerbox-noshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.profilemanager .alert-container {
  height: 36px;
  margin-top: 10px;
}
.profilemanager .alert {
  margin-bottom: 0;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: auto;
  right: 20px;
}
.profilemanager-avatar-container {
  margin-right: 40px;
  margin-top: 16px;
  float: left;
}
.profilemanager-avatar-container:hover {
  cursor: hand;
  cursor: pointer;
}
.profilemanager-avatar-container:hover #profilemanager-avatar-edit {
  opacity: 1;
}
.profilemanager-container-column .infomanagerbox-row {
  font-size: 13px;
}
.profilemanager-container-column,
.infomanager-container-column,
.infomanagerbox-container-column {
  max-width: 740px;
  padding: 40px 20px;
  display: inline-block;
}
.profilemanager-avatar-wrapper,
.profilemanager-organization-image-wrapper {
  position: relative;
}
.infomanagerbox-value {
  display: inline-block;
  vertical-align: bottom;
  padding-right: 14px;
  overflow-wrap: break-word;
  max-width: 360px;
}
.infomanagerbox-value:empty {
  padding-right: 0;
}
.infomanagerbox-edit,
.infomanagerbox-image-remove {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.infomanagerbox-edit select,
.infomanagerbox-image-remove select {
  margin: 0;
}
.avatar-edit {
  position: absolute;
  bottom: auto;
  left: calc(50% - 33px);
  top: calc(50% - 15px);
  right: auto;
  color: white;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  min-width: 50px;
  min-height: 20px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  text-align: center;
  padding: 5px 8px;
}
.profilemanager-row,
.infomanagerbox-row {
  margin: 12px 0 20px 0;
  font-size: 14px;
  min-height: 22px;
}
.profilemanager-row:before,
.infomanagerbox-row:before,
.profilemanager-row:after,
.infomanagerbox-row:after {
  display: table;
  content: "";
}
.profilemanager-row:after,
.infomanagerbox-row:after {
  clear: both;
}
.infomanagerbox-label {
  margin: 0 0 4px 0;
  font-weight: 800;
  width: auto;
  display: block;
  color: #222222;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.infomanagerbox-labelcontent {
  display: inline-block;
  vertical-align: top;
  max-width: 450px;
}
.profilemanager-editinput-container,
.infomanagerbox-editinput-container {
  display: inline-block;
}
.profilemanager-editinput-container *,
.infomanagerbox-editinput-container * {
  vertical-align: top;
}
.profilemanager-editinput-container .btn,
.infomanagerbox-editinput-container .btn {
  margin-right: 5px;
}
.profilemanager-editinput-container canvas,
.infomanagerbox-editinput-container canvas {
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.infomanagerbox-editinput-dateconnector {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  line-height: 1;
  margin: 0 10px;
  color: #888;
}
.profilemanager-editinput,
.infomanagerbox-editinput {
  width: 120px;
  margin: 0 5px 0 0;
}
.profilemanager-editinput.alwaysedit,
.infomanagerbox-editinput.alwaysedit {
  width: 210px;
}
.profilemanager-editinput.infomanagerbox-editinput[type="password"]:nth-child(2),
.infomanagerbox-editinput.infomanagerbox-editinput[type="password"]:nth-child(2) {
  width: 135px;
}
.infomanagerbox-editinput-checks {
  display: block;
}
.infomanagerbox-editinput-checks:before,
.infomanagerbox-editinput-checks:after {
  display: table;
  content: "";
}
.infomanagerbox-editinput-checks:after {
  clear: both;
}
.infomanagerbox-editinput-checks-check,
input[type='checkbox'].infomanagerbox-editinput-checks-check {
  margin-right: 6px;
  float: left;
  margin-top: 4px;
  margin-bottom: 0;
}
.infomanagerbox-editinput-checks-label-text {
  display: block;
}
.infomanagerbox-editinput-radioinput {
  display: none;
}
.infomanagerbox-editinput-radiolabel-text {
  display: block;
  padding: 6px 12px;
  background: #eee;
  color: #333;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 4px;
  margin-right: 15px;
}
.infomanagerbox-editinput-radiolabel-text:hover {
  background: #ddd;
  cursor: hand;
  cursor: pointer;
}
.infomanagerbox-editinput-radioinput:checked + .infomanagerbox-editinput-radiolabel-text {
  background: #2FB5B4;
}
.infomanagerbox-editinput-select {
  width: 210px;
}
.infomanagerbox-editinput-select-short {
  width: 70px;
}
.infomanagerbox-editinput-image-container {
  margin-right: 14px;
}
.infomanagerbox-editinput-image-container:focus-within .avatar-edit {
  outline: 2px solid #0096ff;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: 3px;
}
.infomanager-row-disabled .infomanagerbox-editinput-image-container {
  opacity: 0.5;
}
.infomanager-row-disabled .infomanagerbox-editinput-image-container input {
  cursor: no-drop !important;
}
.infomanagerbox-thin .infomanagerbox-label,
.infomanagerbox-thin .infomanagerbox-editinput-container,
.infomanagerbox-thin .infomanagerbox-desc {
  display: block;
  width: auto;
  max-width: inherit;
}
.infomanagerbox-thin .infomanagerbox-editinput {
  width: 90%;
  padding: 4px 6px;
}
.infomanagerbox-thin .infomanagerbox-editinput.infomanagerbox-editinput-select {
  width: 95%;
}
.infomanagerbox-thin .infomanagerbox-label {
  margin-bottom: 8px;
}
.infomanagerbox-thin .infomanagerbox-labelcontent {
  width: 300px;
}
.studio-management-plan-container .infomanagerbox-editinput-multiinput-container .infomanagerbox-editinput-multiinputs .infomanagerbox-sub-label {
  display: inline-block;
  width: 155px;
  margin: 5px 0;
}
.studio-management-plan-container .infomanagerbox-editinput-multiinput-container .infomanagerbox-editinput-multiinputs .infomanagerbox-editinput {
  display: inline-block;
  width: 135px;
  margin-bottom: 10px;
}
#result-message ul {
  margin-bottom: 0;
}
#result-message ul:before,
#result-message ul:after {
  display: table;
  content: "";
}
#result-message ul:after {
  clear: both;
}
#result-message ul li {
  float: left;
  margin-right: 20px;
}
.yourprofilepicstatement {
  text-align: left;
  max-width: 104px;
}
.seedLabel {
  margin: 4px 10px 10px 0;
  vertical-align: top;
  display: inline-block;
  width: 85px;
  text-align: right;
}
.seedTextbox {
  width: 190px;
}
.qrContainer {
  width: 200px;
  height: 200px;
  display: block;
  margin-left: 95px;
  margin-bottom: 10px;
}
@media (max-width: 500px) {
  .profilemanager-container {
    height: 100% !important;
  }
  .pageTitleBlock .pageTitleBlock-textblock {
    display: block;
    text-align: center;
  }
  .infopage-head {
    text-align: center;
  }
  .infopage-actions {
    float: none;
    text-align: center;
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 800px) {
  .yourprofilepicstatement {
    text-align: left;
  }
  .profilemanager-avatar-container {
    display: block;
    text-align: left;
    float: none;
    margin-right: 0;
    margin-left: 0;
  }
  .startmodal-profile-profile .yourprofilepicstatement {
    text-align: center;
  }
  .startmodal-profile-profile .profilemanager-avatar-container {
    display: block;
    text-align: center;
    float: left;
    margin-right: 40px;
  }
  .profilemanager-row {
    height: auto;
  }
  .profilemanager-editinput-container input {
    display: block;
    margin-bottom: 10px;
  }
  .profilemanager-editinput-container .btn {
    padding: 10px 20px;
    font-size: 18px;
  }
}
.profile-dashboard-container {
  display: flex;
  overflow-y: auto;
  flex: 1;
  height: calc(100vh - 50px);
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.profile-dashboard-container .cx-profile-dashboard {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #F6F6F6;
  max-width: 1200px;
  padding: 0 30px;
  letter-spacing: 0.5px;
}
.profile-dashboard-container .cx-profile-dashboard label {
  letter-spacing: 0.5px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-header {
  font-size: 18px;
  padding: 30px 0 35px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-header .cx-profile-dashboard-header-title {
  font-weight: bold;
  text-transform: uppercase;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-header .cx-profile-dashboard-header-sub-title {
  line-height: 25px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents {
  display: grid;
  column-gap: 20px;
  row-gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 100%;
  max-width: 1200px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-20-80-column,
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-80-20-column {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 10px;
  height: calc(100% - 10px);
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-20-80-column {
  grid-template-rows: 20% 80%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-80-20-column {
  grid-template-rows: 80% 20%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-dashboard-block {
  background-color: #222222;
  border-radius: 10px;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: start;
  max-height: 575px;
  overflow: hidden;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-dashboard-block.profile-block {
  border-radius: 0 0 10px 10px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-dashboard-block .cx-profile-dashboard-header {
  padding: 20px;
  display: flex;
  width: calc(100% - 20px * 2);
  color: #F6F6F6;
  font-size: 14px;
  text-transform: uppercase;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-dashboard-block .cx-profile-dashboard-header .cx-profile-dashboard-header-count {
  margin-left: 20px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-dashboard-block .profile-block-loading-state {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-dashboard-block .profile-block-loading-state .dot-typing {
  font-size: 8px;
  color: inherit;
  margin-left: 2.5em;
  margin-top: 1em;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .cx-profile-footer {
  height: 70px;
  grid-column: 1 / span 2;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .section-separator {
  margin: 25px 0;
  height: 1px;
  background-color: #6E6E6E;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-banner-gradient {
  height: 175px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .banner-edit-dialog {
  width: 340px;
  height: 390px;
  top: 180px;
  left: 25%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-content {
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  font-size: 13px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-user {
  margin-bottom: 20px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-name {
  font-size: 18px;
  flex-direction: row;
  display: flex;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-name .profile-block-name-text {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-name button {
  background-color: unset;
  color: unset;
  font-size: 13px;
  margin-left: 5px;
  display: inline-flex;
  margin-top: 2px;
  padding: 0px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-name button:active {
  background-color: unset !important;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-plan {
  color: #2FB5B4;
  font-size: 12px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-film {
  height: 30px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-film-edit {
  background: transparent;
  text-shadow: none;
  padding: 5px 0px;
  color: #F6F6F6;
  width: 220px;
  text-align: left;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-film-edit i {
  margin: 0 5px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-film-edit .placeholder {
  font-style: italic;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-film-edit:active {
  background: transparent !important;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-studio-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-studio-head i {
  color: #6E6E6E;
  font-size: 10px;
  padding: 0 5px;
  cursor: pointer;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-studio-body {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 105px 210px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-block .profile-block-warning {
  font-size: 11px;
  margin-top: 15px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block {
  padding: 20px 15px 35px 30px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block i {
  color: #6E6E6E;
  text-shadow: none;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-header {
  display: flex;
  width: 100%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-header .profile-celtx-masters-block-title {
  width: 100%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-header .profile-celtx-masters-block-title .profile-celtx-masters-block-celtx {
  font-size: 18px;
  font-weight: bold;
  color: #F6F6F6;
  letter-spacing: 1.08px;
  margin-right: 1.08px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-header .profile-celtx-masters-block-title .profile-celtx-masters-block-masters {
  font-size: 15px;
  font-weight: normal;
  color: #2FB5B4;
  text-transform: uppercase;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-open {
  background: unset;
  display: flex;
  padding-top: 0px;
  height: fit-content;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-open:hover {
  color: #F6F6F6;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-open:active {
  color: #2FB5B4;
  background-color: unset !important;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-celtx-masters-block .profile-celtx-masters-block-open i {
  font-size: 18px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-bottom: 20px;
  overflow-y: auto;
  color: #F6F6F6;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content > :not(:first-child) {
  margin-top: 5px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-blank-state {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-blank-state .projects-block-blank-state-start {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 3px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-blank-state .projects-block-blank-state-create-prompt {
  margin-bottom: 18px;
  font-size: 11px;
  text-transform: uppercase;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item {
  display: flex;
  flex-direction: column;
  min-height: calc(160px - 20px - 35px);
  background-color: #363636;
  padding: 20px 40px 35px 0px;
  color: #F6F6F6;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project {
  display: flex;
  flex-direction: row;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-hamburger {
  min-width: 40px;
  display: inline-flex;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-hamburger > div {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-hamburger > div .react-dropdown {
  display: flex;
  flex: 1;
  height: 100%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-hamburger > div .react-dropdown .toggle {
  padding: 0px;
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-hamburger > div .react-dropdown .react-dropdown-menu {
  right: 0px;
  left: 40px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-project-details {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  overflow: hidden;
  color: #F6F6F6;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-project-details .projects-block-item-project-name {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: clip;
  width: 100%;
  display: inline-block;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-project-details .projects-block-item-project-type {
  font-size: 9px;
  line-height: 15px;
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-project .projects-block-item-project-circle {
  min-width: 30px;
  max-height: 30px;
  aspect-ratio: 1;
  border-radius: 100%;
  background: var(--project-circle-background);
  background-size: cover;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-word-goal {
  display: flex;
  flex: 1;
  padding-left: 40px;
  padding-top: 12px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-word-goal .projects-block-item-goal-text {
  display: flex;
  height: fit-content;
  width: 100%;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-word-goal .projects-block-item-goal-text .projects-block-item-daily-word-goal {
  font-size: 11px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-word-goal .projects-block-item-goal-text .projects-block-item-daily-goal-progress {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-word-goal .projects-block-item-goal-text .projects-block-item-daily-goal {
  font-size: 14px;
  color: #2FB5B4;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-hovered-username {
  padding-left: 40px;
  padding-bottom: 8px;
  font-size: 11px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-sharing {
  display: flex;
  align-items: center;
  padding-left: 40px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-sharing .projects-block-item-sharing-circles {
  cursor: default;
  display: flex;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-sharing .projects-block-item-sharing-circles .projects-block-item-sharing-circle {
  border-radius: 100%;
  min-width: 18px;
  max-height: 18px;
  aspect-ratio: 1;
  background: var(--sharing-circle-background);
  background-size: cover;
  display: flex;
  margin-right: 5px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-sharing .projects-block-item-sharing-circles .more-circle {
  background-color: transparent;
  min-width: 18px;
  max-height: 18px;
  margin-right: 5px;
  border: none;
  cursor: pointer;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-sharing .projects-block-item-sharing-circles .more-circle .more-circle-label {
  display: block;
  font-size: var(--more-cirlce-font-size);
  color: #F6F6F6;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-sharing .projects-block-item-sharing-button-container {
  display: inline-flex;
  flex: 1;
  justify-content: flex-end;
  align-self: flex-end;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-projects-block .profile-projects-block-content .projects-block-item .projects-block-item-sharing .projects-block-item-sharing-button-container .projects-block-item-sharing-button {
  padding: 5px 12px;
  font-size: 12px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content {
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-bottom: 20px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content > :not(:first-child) {
  margin-top: 5px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-blank-state {
  display: flex;
  flex: 1;
  font-size: 14px;
  text-align: left;
  padding: 0px 20px;
  flex-flow: column;
  justify-content: center;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container {
  display: flex;
  flex-direction: row;
  background-color: #363636;
  padding: 20px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-contents {
  display: flex;
  flex-direction: column;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-contents .profile-activity-item-timestamp {
  font-size: 9px;
  line-height: 15px;
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-contents .share-activity-sharee-container {
  display: contents;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-contents .share-activity-sharee-container .share-activity-sharee-avatar {
  aspect-ratio: 1;
  border-radius: 100%;
  min-height: 1em;
  max-width: 1em;
  font-size: 13px;
  background: var(--share-activity-avatar);
  background-size: cover;
  margin-bottom: -1px;
  margin-right: 5px;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-contents a {
  color: #F6F6F6;
  text-decoration: underline;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-contents a:hover {
  color: #F6F6F6;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-picture-container {
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents .profile-activity-block .profile-activity-block-content .profile-activity-item-container .profile-activity-item-picture-container .profile-activity-item-picture {
  width: 50%;
  aspect-ratio: 1;
  background: var(--activity-picture-background);
  border-radius: 100%;
  background-size: cover;
}
@media (max-width: 1280px) {
  .profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: initial;
  }
}
@media (max-width: 900px) {
  .profile-dashboard-container .cx-profile-dashboard .cx-profile-dashboard-contents-wrapper .cx-profile-dashboard-contents {
    display: flex;
    flex-direction: column;
  }
}
.profile-edit-dialog,
.banner-edit-dialog {
  background: #222222;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: absolute;
  box-shadow: 0px 0px 20px 0px #000000;
}
.profile-edit-dialog .edit-buttons,
.banner-edit-dialog .edit-buttons {
  padding: 25px;
  padding-top: 0px;
  display: flex;
  justify-content: flex-end;
}
.mobile-full-screen-dialog-content.profile-edit-dialog-contents {
  width: calc(100% - 40px);
  padding: 20px;
}
.profile-edit-dialog-contents {
  min-height: 300px;
  width: 400px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.profile-edit-dialog-contents .dialog-header {
  height: 14px;
  padding-bottom: 30px;
}
.profile-edit-dialog-contents .profile-edit-trap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields {
  padding-bottom: 40px;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .input-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 20px;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .input-container label {
  font-size: 13px;
  margin-bottom: 5px;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .input-container input {
  display: flex;
  max-height: 18px;
  padding: 8px;
  font-size: 14px;
  font-family: lato;
  flex: 1;
  margin: 0px;
  color: #222;
  width: unset;
  border: 2px solid #222;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .input-container input.error {
  border: 2px solid #FF6052;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .input-container input:focus-within,
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .input-container input:focus {
  border: 2px solid #2FB5B4;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container {
  border: 2px solid #222;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container.error {
  border: 2px solid #FF6052;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container:focus-within,
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container:focus {
  border: 2px solid #2FB5B4;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container .input-controls-container {
  border: none;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container {
  min-height: 34px;
  height: 34px;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container .menu-list .option {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #222222;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container .menu-list .option.is-highlighted {
  background-color: #D8D8D8 !important;
  border: 2px solid #2FB5B4;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container .input-controls-container {
  min-height: 34px;
  height: 34px;
}
.profile-edit-dialog-contents .profile-edit-trap .profile-edit-fields .rc-select.select-container .input-controls-container .input-container {
  padding: 8px;
  font-size: 14px;
  color: #222;
  min-height: 34px;
  letter-spacing: normal;
  align-content: flex-start;
}
.profile-edit-dialog-contents .profile-edit-buttons {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  align-items: flex-end;
}
.profile-banner-gradient {
  display: flex;
  cursor: pointer;
  background: var(--profile-banner-background) no-repeat center;
  background-size: cover;
}
.profile-banner-gradient .profile-banner {
  display: flex;
  background: linear-gradient(180deg, var(--profile-banner-background) 0%, rgba(0, 0, 0, 0.57) 100%);
  width: 100%;
  align-items: flex-end;
}
.profile-banner-gradient .profile-banner .profile-banner-edit {
  display: flex;
  align-items: flex-end;
  font-size: 13px;
  height: 13px;
  padding: 15px;
  margin-bottom: 0px;
  cursor: inherit;
}
.profile-banner-gradient .profile-banner .profile-banner-edit.light-text {
  color: #F6F6F6;
}
.profile-banner-gradient .profile-banner .profile-banner-edit.light-text i {
  background-color: #222;
}
.profile-banner-gradient .profile-banner .profile-banner-edit.dark-text {
  color: #222;
}
.profile-banner-gradient .profile-banner .profile-banner-edit.dark-text i {
  background-color: #F6F6F6;
}
.banner-edit-dialog {
  overflow: clip;
}
.banner-edit-dialog .banner-edit-dialog-tabs-container {
  display: flex;
  height: 50px;
  color: #F6F6F6;
}
.banner-edit-dialog .banner-edit-dialog-tabs-container .banner-edit-dialog-tab {
  display: flex;
  flex: 1;
  justify-content: center;
  background: #363636;
  height: 100%;
  align-items: center;
  cursor: pointer;
}
.banner-edit-dialog .banner-edit-dialog-tabs-container .banner-edit-dialog-tab.selected-tab {
  background: inherit;
}
.banner-edit-dialog .banner-edit-dialog-tabs-container .banner-edit-dialog-tab i.cxi {
  padding-right: 10px;
}
.banner-edit-dialog .banner-edit-dialog-tab-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.main-container {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  text-align: center;
  color: white;
  padding: 32px;
  margin: 0 auto;
}
@media (min-width: 1409px) {
  .main-container {
    background-size: 100%;
    background-position: center 0px;
  }
}
.main-container h1 {
  font-weight: lighter;
  font-size: 23px;
  margin-top: 18px;
  margin-bottom: 4px;
}
.main-container h2 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 22px;
}
.main-container h3 {
  text-transform: uppercase;
  margin-bottom: 0px;
  display: inline-block;
  margin-left: 3px;
  line-height: 20px;
  font-size: 16px;
}
.main-container p {
  font-weight: lighter;
  margin-left: 13px;
  line-height: 18px;
  margin-bottom: 16px;
}
.main-container h4 {
  font-size: 24px;
  font-family: "grafolita-script", sans-serif;
}
.main-container i {
  display: inline-block;
  font-size: 9px;
}
.main-container .ci:before {
  margin-left: 0px;
}
.main-container .btn-primary {
  text-shadow: none;
  height: 19px;
  width: 315px;
  text-transform: uppercase;
  border-radius: 3px;
  padding-top: 9px;
  font-weight: normal;
  font-weight: lighter;
  margin: 0px auto 26px auto;
  display: block;
  background-color: #32C879;
}
.main-container .btn-primary:hover {
  text-decoration: none;
  background-color: #32c88d;
}
.content-left {
  width: 50%;
  box-sizing: border-box;
  min-width: 300px;
  float: left;
  text-align: left;
  vertical-align: top;
}
.content-right {
  float: right;
  box-sizing: border-box;
  width: 50%;
  min-width: 300px;
  text-align: left;
  vertical-align: top;
  padding-left: 25px;
}
.celtx-logo {
  background: url(../img/celtxLogoBlack.svg) no-repeat top left;
  height: 34px;
  width: 79px;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.video-container {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .content-right {
    width: 100%;
    padding-top: 40px;
    padding-left: 0px;
  }
  .content-left {
    width: 100%;
  }
}
@media (min-width: 510px) {
  .main-container {
    width: 60%;
  }
}
.planlist-header {
  margin: 20px 0;
}
.planlist-header h4 {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #2a3b41;
  font-weight: 600;
  opacity: 1;
  margin: 0 20px 0 0;
  font-size: 18px;
  padding: 5px 0;
}
.planlist-item-users {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.planlist-item-status {
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
}
.planlist-item-status:before,
.planlist-item-status:after {
  display: table;
  content: "";
}
.planlist-item-status:after {
  clear: both;
}
.planlist-item-featurelist-header,
.planlist-item-moreinfo-writeup-header {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.planlist-item-featurelist-container {
  float: left;
  min-height: 100px;
  margin: 10px 40px 20px 0;
  padding: 0 20px 0 0;
  width: 240px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.planlist-item-featurelist-container:before,
.planlist-item-featurelist-container:after {
  display: table;
  content: "";
}
.planlist-item-featurelist-container:after {
  clear: both;
}
.planlist-item-featurelist {
  margin-bottom: 15px;
}
.planlist-item-moreinfo {
  margin-top: 20px;
}
.planlist-item-moreinfo-writeup-container {
  padding: 10px 0;
}
.planlist-item-moreinfo-btn {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
}
.planlist-item-moreinfo-btn:hover {
  text-decoration: none;
}
.planlist-item-trial {
  display: none;
  float: right;
  font-size: 12px;
  line-height: 1;
  color: #ffc40d;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin-top: 4px;
}
.planlist-item-expired {
  display: none;
  float: right;
  font-size: 12px;
  line-height: 1;
  color: #f7612c;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin-top: 5px;
}
.planlist {
  list-style: none;
  margin: 0 0 80px 0;
  padding: 0;
}
.planlist-item-buy-container {
  width: 120px;
  text-align: center;
  margin-left: 40px;
}
.planlist-item-buy-container .btn {
  width: 100%;
}
.planlist-item-check {
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  background: white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  line-height: 1;
}
.planlist-item-name {
  font-size: 28px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1;
}
.planlist-item-price-container {
  margin-right: 30px;
  text-align: center;
  width: 120px;
}
.planlist-item-users {
  width: 130px;
}
.planlist-item-oldprice {
  font-size: 20px;
  margin-top: 4px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1;
  text-decoration: line-through;
  opacity: 0.95;
  float: left;
}
.planlist-item-price,
.planlist-item-total {
  font-size: 28px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1;
}
.planlist-item-sections:before,
.planlist-item-sections:after {
  display: table;
  content: "";
}
.planlist-item-sections:after {
  clear: both;
}
.planlist-item-section {
  float: left;
  padding: 20px;
  min-width: 255px;
}
.planlist-item-section.pull-right {
  float: right;
  text-align: right;
}
.planlist-item {
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  background: #fff;
  font-size: 15px;
  letter-spacing: 0.01em;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
.planlist-item:last-child {
  border-bottom: none;
}
.planlist-item button {
  width: 100%;
}
.planlist-item:before,
.planlist-item:after {
  display: table;
  content: "";
}
.planlist-item:after {
  clear: both;
}
.planlist-item.current {
  background: #2980B9;
  color: #fafafa;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}
.planlist-item.current a {
  color: #c1efef;
}
.planlist-item.current .btn-primary {
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -ms-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ecc71), to(#2ecc99));
  background-image: -webkit-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -o-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: linear-gradient(top, #2ecc71, #2ecc99);
  background-repeat: repeat-x;
  border-color: #2ecc99 #2ecc99 #208e6a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #2ecc71;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.planlist-item.current .btn-primary.btn-plain {
  text-shadow: none;
}
.planlist-item.current .btn-primary:hover,
.planlist-item.current .btn-primary:active,
.planlist-item.current .btn-primary.active {
  background: #2ecc81 !important;
  cursor: pointer;
  cursor: hand;
}
.planlist-item.current .btn-primary:active,
.planlist-item.current .btn-primary.active {
  background: #25a279 \9;
}
.planlist-item.current .btn-primary .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.planlist-item.bigger .planlist-item-section {
  padding: 40px 20px;
}
.planlist-item.trial .planlist-item-trial {
  display: block;
}
.planlist-item.expired .planlist-item-expired {
  display: block;
}
@media (max-width: 920px) {
  .planlist-item {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }
  .planlist-item-section,
  .planlist-item-section.pull-right {
    float: none;
    text-align: center;
  }
  .planlist-item-price-container {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .planlist-item-buy-container {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
  }
  .planlist-item-total-container {
    margin-bottom: 20px;
  }
}
.trial-over-message {
  text-align: center;
  margin: 40px;
}
.media-gallery-chooser-container {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}
.pagination-list-container {
  clear: both;
}
.gallery-chooser:before,
.gallery-chooser:after {
  display: table;
  content: "";
}
.gallery-chooser:after {
  clear: both;
}
.gallery-chooser h4 {
  color: #3a87ad;
}
.gallery-chooser.min-height {
  min-height: 260px;
}
.gallery-chooser .gallery-list-container {
  display: inline-block;
  width: 908px;
  max-width: 100%;
}
.gallery-chooser .gallery-list-container:not(.gallery-list-left-align) {
  text-align: center;
}
.gallery-chooser .gallery-list {
  padding: 0;
  display: block;
  width: auto;
  min-height: 280px;
  margin: 30px 0;
}
.gallery-chooser .gallery-list:before,
.gallery-chooser .gallery-list:after {
  display: table;
  content: "";
}
.gallery-chooser .gallery-list:after {
  clear: both;
}
.gallery-chooser .gallery-list .alert {
  margin-top: 25px;
}
.gallery-chooser .gallery-item {
  position: relative;
  cursor: hand;
  cursor: pointer;
  list-style: none;
  float: left;
  background: white;
  width: 130px;
  height: 130px;
  margin: 0 10px 10px 0;
}
.gallery-chooser .gallery-item.selected .gallery-item-name-container {
  background: #34c9c8;
  background: rgba(52, 201, 200, 0.8);
}
.gallery-chooser .gallery-item.selected .gallery-item-thumbnail {
  -webkit-box-shadow: 0 0px 6px #53c4c3;
  -moz-box-shadow: 0 0px 6px #53c4c3;
  box-shadow: 0 0px 6px #53c4c3;
}
.gallery-chooser .gallery-item.selected .gallery-item-thumbnail img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.gallery-chooser .gallery-item .remove-circle {
  background: #ff1a1a;
  border: 1px solid red;
  -webkit-border-top-left-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  -moz-border-radius-topright: 100%;
  -moz-border-radius-bottomright: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
  text-align: center;
  background-position: -312px 0;
  background-image: url("../img/glyphicons-halflings-white.png");
}
.gallery-chooser .gallery-item .gallery-item-thumbnail {
  height: 100%;
  width: auto;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.gallery-chooser .gallery-item .gallery-item-thumbnail img {
  max-width: 100%;
}
.gallery-chooser .gallery-item .gallery-item-thumbnail.selected {
  -webkit-box-shadow: 0 0px 6px #2FB5B4;
  -moz-box-shadow: 0 0px 6px #2FB5B4;
  box-shadow: 0 0px 6px #2FB5B4;
}
.gallery-chooser .gallery-item .gallery-item-thumbnail:hover {
  -webkit-box-shadow: 0 0px 6px #acd1d1;
  -moz-box-shadow: 0 0px 6px #acd1d1;
  box-shadow: 0 0px 6px #acd1d1;
}
.gallery-chooser .gallery-item .gallery-item-name-container {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #888;
  background: rgba(50, 50, 50, 0.8);
  color: white;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gallery-chooser .gallery-item .gallery-item-name-container .gallery-item-check {
  float: left;
  margin: 6px 0 0 6px;
}
.gallery-chooser .gallery-item .gallery-item-name-container .gallery-item-name {
  padding: 3px 6px;
  max-height: 18px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.media-items {
  margin: 0 !important;
  padding: 0 !important;
  min-height: inherit !important;
}
.media-items .gallery-item-name-container {
  display: none;
}
.media-items .gallery-item {
  margin: 4px 4px;
  width: 120px;
  height: 120px;
}
.media-items .gallery-item:hover .gallery-item-name-container {
  display: block;
}
.media-gallery-upload-area-container {
  width: 210px;
  display: inline-block;
  margin-right: 20px;
}
.media-gallery-upload-area-container .drag-drop-upload-target {
  min-height: 228px;
  margin-bottom: 1px;
}
.media-btns {
  margin: 20px 0;
}
.media-gallery .gallery-list-container {
  width: auto;
}
.media-gallery-library,
.media-gallery-web {
  float: left;
  margin: 10px;
}
.media-gallery-library.selected,
.media-gallery-web.selected {
  border-bottom: 3px solid red;
}
.gallery-pagination-container {
  max-width: 560px;
}
@media (max-width: 850px) {
  .media-gallery-upload-area-container .drag-drop-upload-target {
    min-height: initial;
  }
  .media-gallery-upload-area-container {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .media-gallery-chooser-container {
    display: block;
    text-align: center;
  }
}
.modal-dialog-bg.modal-dialog-bg-white {
  opacity: 100% !important;
  background: white;
}
.goog-menu-button-open {
  border-bottom-left-radius: 0px ;
  border-bottom-right-radius: 0px;
}
.goog-menu-button-open:focus {
  outline: none;
  box-shadow: none;
}
.input-with-label span {
  display: none;
}
.input-icon-container {
  position: relative;
}
.input-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 16px !important;
  color: #aaa;
}
.signup-button-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  align-items: center;
}
.login-container {
  background: #2E2F2F;
  text-align: center;
  color: white;
  position: relative;
  background-position: center 0px;
}
.login-container:after {
  content: ' ';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(3, 30, 49, 0.7);
}
.login-container:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f696d+0,653d2b+35,366d65+70,081521+100&0.2+0,0.2+100 */
  background: -moz-linear-gradient(80deg, #5f696d 0%, #653d2b 35%, #366d65 70%, #081521 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(80deg, #5f696d 0%, #653d2b 35%, #366d65 70%, #081521 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(80deg, #5f696d 0%, #653d2b 35%, #366d65 70%, #081521 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -webkit-filter: blur(60px);
  filter: blur(60px);
}
@media (min-width: 1590px) {
  .login-container {
    background-size: 100%;
  }
}
#login-header-message {
  margin: 40px 0 20px 0;
}
#login-showpassword {
  position: absolute;
  visibility: hidden;
  cursor: pointer;
  left: 290px;
  top: 14px;
  font-size: 14px;
}
#showPasswordContainer input[type=checkbox]:after {
  display: block;
  content: "Show";
  visibility: visible;
  color: #000;
  cursor: pointer;
}
#showPasswordContainer input[type=checkbox]:checked:after {
  content: "Hide";
}
#login-account-creation-prompt {
  padding: 3vh 0 0 0;
  margin: 0;
  font-size: 14px;
  color: #ccc;
}
.login-oidc,
.login-box {
  z-index: 9;
  background: #fff;
  color: #000;
  width: 640px;
  height: 775px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.login-oidc input:focus,
.login-box input:focus {
  border: transparent;
}
.login-oidc .loginbox-inner-container,
.login-box .loginbox-inner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  margin-top: 80px;
  height: 500px;
}
.login-oidc .loginbox-inner-container .logoblack,
.login-box .loginbox-inner-container .logoblack {
  margin-bottom: 30px;
}
.login-oidc .loginbox-inner-container .login-rememberme-container,
.login-box .loginbox-inner-container .login-rememberme-container {
  display: flex;
  width: 340px;
  text-align: left;
}
.login-oidc .loginbox-inner-container .login-rememberme-container .login-rememberme-label,
.login-box .loginbox-inner-container .login-rememberme-container .login-rememberme-label {
  margin: 0 0 0 5px;
}
.login-oidc input::placeholder,
.login-box input::placeholder {
  color: #000;
}
.login-oidc input[type=text],
.login-box input[type=text],
.login-oidc input[type=email],
.login-box input[type=email],
.login-oidc input[type=password],
.login-box input[type=password] {
  height: 50px;
  box-sizing: border-box;
  width: 340px;
  color: #000;
  padding: 4px 12px;
  background: #DFDFDF;
  text-align: left;
  font-size: 16px;
  border: transparent;
}
.login-oidc input[type=text][disabled=disabled],
.login-box input[type=text][disabled=disabled],
.login-oidc input[type=email][disabled=disabled],
.login-box input[type=email][disabled=disabled],
.login-oidc input[type=password][disabled=disabled],
.login-box input[type=password][disabled=disabled] {
  color: #ccc;
  background: rgba(0, 0, 0, 0.05);
}
.login-oidc input[type=submit],
.login-box input[type=submit],
.login-oidc button[type=submit],
.login-box button[type=submit] {
  height: 60px;
  width: 340px;
  margin-bottom: 20px;
  font-size: 16px;
}
.login-oidc .trouble-logging-in,
.login-box .trouble-logging-in {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.login-oidc .trouble-logging-in a,
.login-box .trouble-logging-in a {
  color: #000;
}
.login-oidc .logowhite-sm,
.login-box .logowhite-sm {
  margin-top: 0px;
}
.login-oidc .login-feedback,
.login-box .login-feedback {
  text-align: center;
  width: 350px;
  font-size: 16px;
  height: 30px;
}
.login-oidc {
  height: auto;
}
.login-oidc .login-feedback {
  height: unset;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  .login-container {
    background: #181919;
  }
  .login-container:before,
  .login-container:after {
    content: none;
  }
  .login-box {
    margin: -70px auto;
    max-width: 100%;
    background: none;
    box-shadow: none;
  }
  #login-header-message {
    margin: 0.5vh 0 0.3vh 0;
  }
  #login-header-message .logowhite {
    background-size: contain !important;
    width: 102px;
    min-height: 8.5vh;
  }
  #username,
  #password {
    background: #0f0f0f;
  }
  #login-account-creation-prompt {
    margin: 0;
    color: #000;
  }
}
.gsignin-container {
  width: 340px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.gsignin-container .abcRioButtonContentWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gsignin-container .abcRioButton {
  box-shadow: none;
  border-radius: 30px;
  border: 1px solid black;
  height: 60px!important;
  width: 340px!important;
  margin: 0;
  padding: 0;
}
.gsignin-container .abcRioButton:hover {
  border: 1px solid #2FB5B4;
  box-shadow: none;
}
.gsignin-container .abcRioButton .abcRioButtonContents {
  display: inline-block;
  font-weight: bold;
}
.gsignin-container .abcRioButton .abcRioButtonIcon {
  float: none;
  display: inline-block;
}
.msignin-container {
  cursor: pointer;
  width: 340px;
}
.msignin-container .msignin-content {
  box-shadow: none;
  border: 1px solid #dadce0;
  height: 40px;
  width: 340px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.msignin-container .msignin-content:hover {
  border: 1px solid #2FB5B4;
  box-shadow: none;
}
.msignin-container .msignin-content .msignin-icon {
  margin-right: 12px;
  width: 21px;
  height: 21px;
  display: inline-block;
  background-image: url("../img/microsoft.png");
}
.msignin-container .msignin-content .msignin-text {
  display: inline-block;
  margin-top: 1px;
  margin-right: 10px;
  vertical-align: top;
  font-weight: 600;
  color: #757575;
  font-size: 13px;
}
.bigedgescreen-bg {
  background: url(../img/bigedgescreen.png) top center no-repeat;
  min-height: 500px;
  background-position-y: 75px;
  background-size: 720px;
}
.dark-row {
  background-image: -moz-linear-gradient(top, #0378a9, #025477);
  background-image: -ms-linear-gradient(top, #0378a9, #025477);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0378a9), to(#025477));
  background-image: -webkit-linear-gradient(top, #0378a9, #025477);
  background-image: -o-linear-gradient(top, #0378a9, #025477);
  background-image: linear-gradient(top, #0378a9, #025477);
  background-repeat: repeat-x;
  border-color: #025477 #025477 #011f2c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: white;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.centered-row {
  margin-left: auto;
  margin-right: auto;
  max-width: 1224px;
}
@media (max-width: 1200px) {
  .login-container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .bigedgescreen-bg {
    display: none;
  }
  .outside-screenright {
    display: none !important;
  }
}
.wrap-section {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.wrap-section:before,
.wrap-section:after {
  display: table;
  content: "";
}
.wrap-section:after {
  clear: both;
}
.wrap-section.blue {
  background: #2980b9;
  color: #f2f2f2;
}
.wrap-section.blue .heading,
.wrap-section.blue h1,
.wrap-section.blue h2,
.wrap-section.blue h3,
.wrap-section.blue h4,
.wrap-section.blue h5,
.wrap-section.blue h6 {
  color: white;
}
.wrap-section.blue .heading small,
.wrap-section.blue h1 small,
.wrap-section.blue h2 small,
.wrap-section.blue h3 small,
.wrap-section.blue h4 small,
.wrap-section.blue h5 small,
.wrap-section.blue h6 small {
  color: #ddd;
}
.wrap-section.blue .subHeading {
  color: #eee;
}
.wrap-section.blue .small,
.wrap-section.blue .muted {
  color: #ddd;
}
.wrap-section.blue a:not(.btn) {
  color: #6ab0de;
  text-decoration: underline;
}
.wrap-section.beige {
  background: #f7f5f2;
}
.wrap-section.dark {
  background: #2A3B41;
}
.wrap-section.grey {
  background: #F2F4F5;
}
.sell-box {
  width: 300px;
  height: 220px;
  margin: 10px;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
  background-image: -moz-linear-gradient(top, #F9F9F9, #E0E0E0);
  background-image: -ms-linear-gradient(top, #F9F9F9, #E0E0E0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#E0E0E0));
  background-image: -webkit-linear-gradient(top, #F9F9F9, #E0E0E0);
  background-image: -o-linear-gradient(top, #F9F9F9, #E0E0E0);
  background-image: linear-gradient(top, #F9F9F9, #E0E0E0);
  background-repeat: repeat-x;
  border-color: #E0E0E0 #E0E0E0 #bababa;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #E9E9E9;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  color: inherit !important;
}
.sell-box:hover {
  text-decoration: none !important;
}
.sell-box h2 {
  line-height: 28px;
  margin: 20px 0 10px 0;
  font-weight: normal;
}
.sell-box p {
  color: #888;
}
.modal-dialog.login-dialog .pageTitle {
  color: white;
}
.modal-dialog.login-dialog .infomanagerbox-editinput {
  width: 320px !important;
  max-width: unset !important;
}
.modal-dialog.login-dialog .btn-primary {
  background-color: #2FB5B4;
}
.modal-dialog.login-dialog .btn:not(.btn-primary) {
  color: #2FB5B4;
}
.modal-dialog.login-dialog .msignin-container {
  height: 36px !important;
}
.modal-dialog.login-dialog .msignin-container .msignin-content {
  padding-top: 6px;
}
.modal-dialog.login-dialog .msignin-container .msignin-content .msignin-text {
  margin-right: 24px;
  font-weight: bold;
  font-family: 'Roboto', arial, sans-serif;
  letter-spacing: 0.21px;
}
.oidc-login-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.oidc-login-container:before,
.oidc-login-container:after {
  z-index: 0;
}
.oidc-login-container .marketing {
  z-index: 1;
}
.oidc-login-container .oidc-button-container {
  cursor: pointer;
  margin-top: 9px;
  margin-bottom: 9px;
  height: 50px;
  display: flex;
}
.oidc-login-container .oidc-button-container .oidc-signin-next-button {
  background: #f2fcfd;
  border: 1px #8C8C8C;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.oidc-login-container .oidc-button-container .oidc-signin-text {
  display: inline-block;
  margin-top: 1px;
  margin-right: 10px;
  vertical-align: top;
  font-weight: 600;
  color: #757575;
  font-size: 13px;
}
.login-view__background-container {
  display: flex;
  height: 100vh;
  width: 100vw;
  overflow: clip;
  justify-content: center;
  background-image: linear-gradient(rgba(3, 30, 49, 0.7), rgba(3, 30, 49, 0.7)), linear-gradient(80deg, #5f696d 0%, #653d2b 35%, #366d65 70%, #081521 100%);
}
.login-view__background-container:after {
  -webkit-filter: blur(60px);
  filter: blur(60px);
}
.login-view__background-container .login-view__content-container {
  width: 640px;
  min-height: 500px;
  height: fit-content;
  background: #FFFFFF;
  margin: 50px 10px 10px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login-view__background-container .login-view__content-container .login-view__content-center-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login-view__background-container .login-view__content-container .login-view__content-center-wrapper .login-view__logo-container {
  margin-top: -80px;
  margin-bottom: 30px;
}
.login-view__background-container .login-view__content-container .login-view__content-center-wrapper .login-view__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login-view__background-container .login-view__content-container .login-view__content-center-wrapper .login-view__error {
  margin-top: 20px;
  color: #FF6052;
  font-size: 14px;
}
.login-view__background-container .login-view__content-container .login-view__content-center-wrapper .login-view__footer {
  margin-top: 20px;
  display: flex;
  flex: 1;
}
.gg4l-login-dialog__login-button {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  background: #484ce6;
  color: #F6F6F6;
  height: 60px;
  width: 340px;
  border-radius: 100px;
  font-size: 16px;
  letter-spacing: 1.08px;
  text-shadow: unset;
  font-weight: bold;
}
.gg4l-login-dialog__login-button:active {
  background: #7578ec !important;
}
.production-main {
  height: 100%;
  overflow: auto;
  position: relative;
}
.schedule-toolbar .autoblocklist {
  margin-top: -4px;
}
.schedule-toolbar .goog-toolbar .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
  padding: inherit;
}
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-active .goog-toolbar-button-inner-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-open .goog-toolbar-button-inner-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-button-active .goog-toolbar-button-inner-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-button-open .goog-toolbar-button-inner-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-checked .goog-toolbar-button-inner-box {
  padding: 3px 4px;
}
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-active .goog-toolbar-button-outer-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-open .goog-toolbar-button-outer-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-button-active .goog-toolbar-button-outer-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-button-open .goog-toolbar-button-outer-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button-checked .goog-toolbar-button-outer-box {
  padding: 1px 0;
}
.schedule-toolbar .goog-toolbar .goog-toolbar-button:hover,
.schedule-toolbar .goog-toolbar .goog-toolbar-menu-button:hover {
  background-color: #474a4b;
}
#calendar-toolbar {
  display: flex;
  align-items: center;
  background-color: unset !important;
  border-bottom: none !important;
}
#calendar-toolbar .goog-toolbar-button {
  background: none !important;
}
#calendar-toolbar .goog-toolbar-button.goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  padding: 3px 4px;
}
#calendar-toolbar .showasdraggable {
  border-radius: 7px;
  border-width: 2px;
  border-bottom-style: outset;
  border-right-style: outset;
  border-top: none;
  border-left: none;
  cursor: move !important;
}
#calendar-toolbar .showasdraggable:before,
#calendar-toolbar .showasdraggable:after {
  display: table;
  content: "";
}
#calendar-toolbar .showasdraggable:after {
  clear: both;
}
#calendar-toolbar .showasdraggable:hover {
  cursor: move !important;
}
#calendar-toolbar #calendar_settings a {
  background-image: none;
  background: none;
  text-shadow: none;
  border: none;
  box-shadow: none;
  color: #fcf9fa;
  cursor: pointer;
}
.production-main.schedule {
  background-color: #5A5A5A;
}
.production-main.schedule .calendar-grow-down {
  margin: 0 auto;
}
.striplist-table {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  margin-bottom: 34px;
}
.striplist-table td {
  padding-top: 6px;
  padding-bottom: 6px;
}
.striplist-table th {
  font-weight: 600;
}
th.striplist-table-header-episode,
.striplist-table-data-episode {
  text-align: center;
  width: 5%;
  min-width: 80px;
}
th.striplist-table-header-scene,
.striplist-table-data-scene,
.striplist-table-data-endofdayicon,
.striplist-table-header-image,
.striplist-table-data-image {
  text-align: center;
  width: 80px;
  min-width: 80px;
}
@media only screen and (hover: none) and (pointer: coarse) {
  th.striplist-table-header-scene,
  .striplist-table-data-scene,
  .striplist-table-data-endofdayicon,
  .striplist-table-header-image,
  .striplist-table-data-image {
    min-width: 96px;
  }
}
.striplist-table-data-image img {
  object-fit: cover;
  max-width: 80px;
}
.striplist-table-data-scene {
  position: relative;
  background-color: inherit;
}
th.striplist-table-header-ie,
.striplist-table-data-ie {
  background-color: inherit;
  min-width: 20px;
  max-width: 60px;
}
th.striplist-table-header-set,
.striplist-table-data-set,
th.striplist-table-header-setting,
.striplist-table-data-setting {
  background-color: inherit;
  min-width: 100px;
}
th.striplist-table-header-setting {
  min-width: 154px !important;
}
th.striplist-table-header-time,
.striplist-table-data-time,
th.striplist-table-header-pages,
.striplist-table-data-pages,
th.striplist-table-header-scene-length,
.striplist-table-data-scene-length,
th.striplist-table-header-complete,
.striplist-table-data-complete {
  background-color: inherit;
  min-width: 50px;
  max-width: 100px;
}
.striplist-table-data-scene-length,
.striplist-table-data-pages,
.striplist-table-data-endofday-scene-length {
  white-space: nowrap;
}
.sv-complete {
  text-align: center;
}
th.striplist-table-header-location,
.striplist-table-data-location,
th.striplist-table-header-setup,
.striplist-table-data-setup {
  background-color: inherit;
  width: 10%;
  min-width: 100px;
}
th.striplist-table-header-duration,
.striplist-table-data-duration {
  width: 5%;
  min-width: 64px;
  background-color: inherit;
  text-align: center !important;
}
th.striplist-table-header-newDuration,
.striplist-table-data-newDuration {
  width: 5%;
  min-width: 60px;
  background-color: inherit;
  text-align: right !important;
}
@media print and (orientation: portrait) {
  th.striplist-table-header-characters,
  .striplist-table-data-characters {
    width: 175px !important;
    max-width: initial !important;
    min-width: 175px !important;
  }
}
th.striplist-table-header-characters,
.striplist-table-data-characters {
  background-color: inherit;
  width: 30%;
  min-width: 196px;
}
th.striplist-table-header-dramaticday,
.striplist-table-data-dramaticday {
  background-color: inherit;
  width: 5%;
  max-width: 80px;
  text-align: right !important;
}
.striplist-table-data-dramaticday {
  font-size: 16px !important;
}
th.striplist-table-header-dramaticday .strip-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.striplist-table-data-complete .complete-checkbox {
  cursor: default;
  background-color: #fff;
  border-radius: 2px;
}
.striplist-table-data-complete .complete-checkbox:focus {
  outline: 1px solid #2d9aff !important;
}
.striplist-table-data-complete .complete-checkbox.lighten-border {
  border-color: white;
}
.striplist-table-data-shooting-unit {
  background-color: inherit;
}
.strip:hover .striplist-table-header-set,
.strip:hover .striplist-table-data-set,
.strip:hover .striplist-table-header-setting,
.strip:hover .striplist-table-data-setting,
.strip:hover .striplist-table-header-ie,
.strip:hover .striplist-table-data-ie,
.strip:hover .striplist-table-header-time,
.strip:hover .striplist-table-data-time,
.strip:hover .striplist-table-header-pages,
.strip:hover .striplist-table-data-pages,
.strip:hover .striplist-table-header-scene-length,
.strip:hover .striplist-table-data-scene-length,
.strip:hover .striplist-table-header-complete,
.strip:hover .striplist-table-data-complete,
.strip:hover .striplist-table-header-location,
.strip:hover .striplist-table-data-location,
.strip:hover .striplist-table-header-duration,
.strip:hover .striplist-table-data-duration,
.strip:hover .striplist-table-header-newDuration,
.strip:hover .striplist-table-data-newDuration,
.strip:hover .striplist-table-header-characters,
.strip:hover .striplist-table-data-characters,
.strip:hover .striplist-table-header-dramaticday,
.strip:hover .striplist-table-data-dramaticday,
.strip:hover .striplist-table-data-shooting-unit {
  background-color: inherit !important;
}
.strip-value {
  border: 1px solid transparent;
  padding: 3px;
  min-height: 18px;
  position: relative;
  margin: 0;
}
.strip-value[contenteditable=true] {
  color: #333;
}
.strip-value[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: #999;
}
.striplist-table th .strip-value {
  text-transform: capitalize;
}
.strip-value-scene-sum {
  color: #777;
}
.strip {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
  position: relative;
  border-bottom: 1px solid #CCC;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  background: #fafbfc;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.strip td,
.strip div {
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari, Opera */
  page-break-inside: avoid;
  /* Firefox */
  break-inside: avoid;
}
.strip .draghandle {
  float: left;
  padding: 4px 10px;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
}
.strip.end-of-day {
  background: #404040;
  color: #fff;
}
.strip.banner {
  color: white;
}
.strip.banner .btn-colorpicker {
  color: white;
}
@media only screen and (hover: none) and (pointer: coarse) {
  .strip.banner .btn-colorpicker {
    left: 37px !important;
  }
}
.strip.banner.banner-darktext {
  color: black;
}
.strip.moveday {
  background: #dad1c3;
  color: #fff;
}
.strip.freeday {
  background: #555;
  color: white;
}
.strip.holiday {
  background: #9d261d;
  color: white;
}
.strip:hover:not(.read-only) {
  cursor: grab;
}
.strip:hover td {
  background-color: inherit!important;
}
.strip:hover .contenteditable {
  cursor: text;
}
@media screen {
  .strip.active {
    border: 2px solid #2FB5B4;
    outline: 1px solid rgba(0, 0, 0, 0.3);
    border-right-width: 0px;
    border-left-width: 0px;
    box-shadow: 0 0 2px #2FB5B4;
    position: relative;
  }
  .strip.active *[contenteditable] {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.8);
  }
  .strip.active .striplist-table-data-episode,
  .strip.active .striplist-table-data-scene {
    background: rgba(47, 181, 180, 0.6) !important;
    color: #222222;
  }
  .strip.active .striplist-table-data-scene {
    border-right-color: #2FB5B4 !important;
  }
  .strip.active::after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 24px 0 0;
    border-color: #2FB5B4 transparent transparent transparent;
    pointer-events: none;
  }
}
.strip[bigness='-3'] td {
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 85%;
}
.strip[bigness='-3'] .striplist-table-data-scene,
.strip[bigness='-3'] .striplist-table-data-endofdayicon {
  min-width: 50px;
  width: 50px;
}
.strip[bigness='-3'] .striplist-table-data-endofdayicon-content {
  font-size: 10px !important;
  padding-right: 0;
}
.strip[bigness='-2'] td {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 90%;
}
.strip[bigness='-2'] .striplist-table-data-scene,
.strip[bigness='-2'] .striplist-table-data-endofdayicon {
  min-width: 60px;
  width: 60px;
}
.strip[bigness='-2'] .striplist-table-data-endofdayicon-content {
  font-size: 11px !important;
  padding-right: 0;
}
.strip[bigness='-1'] td {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 95%;
}
.strip[bigness='-1'] .striplist-table-data-scene,
.strip[bigness='-1'] .striplist-table-data-endofdayicon {
  min-width: 70px;
  width: 70px;
}
.strip[bigness='-1'] .striplist-table-data-endofdayicon-content {
  font-size: 12px !important;
  padding-right: 0;
}
.strip[bigness='1'] td {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 100%;
}
.strip[bigness='2'] td {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 105%;
}
.strip[bigness='3'] td {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 110%;
}
.strip td div {
  outline: 0px solid transparent;
}
.strip td div:focus {
  outline: 0px solid transparent;
}
.strip .strip-value-time-est {
  text-align: center;
}
input.strip-value.strip-value-time-est.contenteditable {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}
.scenestrip {
  color: white;
}
.scenestrip td {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.scenestrip.scene-darktext {
  color: #222;
}
.striplist-table-data-episode {
  border-right: none !important;
}
.strip-value-banner {
  padding-left: 12px;
  padding-right: 12px;
}
.table-drag {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  width: 97%;
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.table-drag tbody,
.table-drag tr,
.table-drag td {
  visibility: inherit !important;
}
.fc {
  margin: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.stripboard-character-sort-select {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 10px;
}
.stripboard-character-sort-select {
  width: 50%;
  height: 20px;
}
.toolbar-fixed-height {
  height: 17px;
}
.reporttablerow-set {
  float: left;
  padding-bottom: 0;
}
.reporttablerow-end {
  clear: both;
}
.schedulereports-report {
  padding: 20px;
  background: white;
  width: 732px;
  margin: 10px auto;
}
.schedulereports-report.improved {
  padding: 0;
  background: transparent;
  width: auto;
  margin: 0;
}
.schedulereports-report.schedulereports-report-side {
  padding: 0;
  margin: 0 auto;
}
.schedulereports-report .loading-spinner-big {
  margin: auto;
}
.reporttable .endofday {
  background: #eee;
  font-weight: bold;
}
.reporttable .banner {
  background: #eee;
}
.call-sheet-table .endofday {
  background: #222;
  color: #FFF;
  font-weight: bold;
}
.schedule:not(.schedule-improved) .reporttable {
  border: 1px solid #ddd;
  border-left: 0;
  border-collapse: separate;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.schedule:not(.schedule-improved) .reporttable th,
.schedule:not(.schedule-improved) .reporttable td {
  border-left: 1px solid #ddd;
}
.schedule:not(.schedule-improved) .reporttable thead:first-child tr:first-child th,
.schedule:not(.schedule-improved) .reporttable tbody:first-child tr:first-child th,
.schedule:not(.schedule-improved) .reporttable tbody:first-child tr:first-child td {
  border-top: 0;
}
.schedule:not(.schedule-improved) .reporttable thead:first-child tr:first-child th:first-child,
.schedule:not(.schedule-improved) .reporttable tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.schedule:not(.schedule-improved) .reporttable thead:first-child tr:first-child th:last-child,
.schedule:not(.schedule-improved) .reporttable tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.schedule:not(.schedule-improved) .reporttable thead:last-child tr:last-child th:first-child,
.schedule:not(.schedule-improved) .reporttable tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.schedule:not(.schedule-improved) .reporttable thead:last-child tr:last-child th:last-child,
.schedule:not(.schedule-improved) .reporttable tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.schedule:not(.schedule-improved) .dood-report-table {
  display: block;
}
.schedule-improved .call-sheet-table.dood-report-table {
  border: 1px solid #ddd;
}
.schedulereports-report .flex-border {
  border: 1px solid #ddd;
  border-bottom: none;
}
.schedulereports-report .flex-row {
  border: none;
  border-bottom: 1px solid #ddd;
}
.schedulereports-report .flex-row :last-child {
  border-right: none;
}
#scene-summary-table .banner,
#call-sheet-advance .banner {
  background: #eee;
}
#scene-summary-table .banner .strip-value,
#call-sheet-advance .banner .strip-value {
  text-align: center;
}
.reporttablerow-pgsrow {
  width: 80px;
}
.mediareport-container {
  margin-bottom: 25px;
}
.mediareport-image-container {
  display: inline-block;
}
.mediareport-image {
  text-align: center;
  max-width: 200px;
  max-height: 150px;
  padding: 5px;
}
.report-title {
  margin-bottom: 0;
}
.report-subtitle {
  font-weight: normal;
  font-style: italic;
}
.reporttablerow-scenesummary-input {
  width: 96%;
  margin-bottom: 0;
  height: 20px;
}
@media print {
  .reporttablerow-scenesummary-input {
    display: none;
  }
}
.reporttablerow-charactersrow {
  max-width: 70px;
}
.fc-day {
  cursor: hand;
  cursor: pointer;
}
.fc-event:not(.event-shoot) .fc-event:not(.read-only) {
  cursor: move !important;
}
.fc-event-inner {
  width: auto !important;
}
.strip.active .strip-fakefocus,
.strip-fakefocus {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  border: 0;
}
.callsheetcontent-topinfo {
  font-size: 11px;
  margin-bottom: 10px;
}
.callsheetcontent-topinfo-third {
  width: 33%;
  display: inline-block;
  vertical-align: top;
}
.callsheetcontent-topinfo-thirdleft {
  width: 42%;
}
.callsheetcontent-topinfo-thirdmid {
  width: 16%;
  padding: 0 2%;
}
.callsheetcontent-topinfo-thirdright {
  width: 38%;
}
.callsheetcontent-topinfo-thirdright .timefield {
  float: right;
}
.callsheetcontent-input {
  width: 80px;
  padding: 1px 3px;
  margin: 0;
}
.callsheetcontent-dayofdays {
  float: left;
  text-align: left;
  font-weight: bold;
}
.callsheetcontent-date {
  float: right;
  text-align: right;
  font-weight: bold;
}
.callsheetcontent-crewcall {
  padding: 10px;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ddd;
  background: #eee;
}
.callsheetcontent-crewcall-input {
  font-size: 18px;
  width: 120px;
}
.callsheetcontent-othercontacttype-input {
  width: 60px;
}
.callsheet-productiontitle {
  margin: 30px 8px;
}
.call-sheet-table {
  margin-bottom: 10px;
}
.call-sheet-table th {
  background: #eee;
}
.callsheetcontent-productioncompany {
  text-align: center;
}
.callsheetcontent-scenesummary-input {
  width: 98.5%;
  height: 20px;
}
.callsheetcontent-scenelocation-input {
  width: 95%;
  height: 41px;
}
.callsheetcontent-productionnotes-input {
  width: 348px;
  min-height: 40px;
}
.callsheetcontent-location-input {
  margin: 0px 0px;
  width: 140px;
}
.callsheetcontent-misc-input {
  width: 130px;
}
.reporttable-breakdowncategory {
  width: 28%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
.reporttable-breakdowncategory.reporttable-breakdowncategory-media {
  display: block;
}
.reporttable-breakdowncategory.reporttable-breakdowncategory-media .reporttable-breakdowncategory-item {
  font-weight: bold;
}
.reporttable-breakdowncategory-title {
  font-size: 16px;
  margin-bottom: 0;
}
.reporttable-breakdowncategory-title.reporttable-breakdowncategory-title-media {
  border-bottom: 1px solid black;
}
.reporttable-breakdowncategory-list {
  margin: 0 0 0 16px;
  list-style: circle;
}
.callsheet-viewer .callsheetcontent-input {
  background: transparent;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: 0;
  padding-left: 0;
  padding-right: 0;
  cursor: default;
}
.callsheet-viewer .callsheetcontent-input::-webkit-input-placeholder {
  color: transparent;
}
.callsheet-viewer .callsheetcontent-input:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}
.callsheet-viewer .callsheetcontent-input::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}
.callsheet-viewer .callsheetcontent-input:-ms-input-placeholder {
  color: transparent;
}
.callsheet-viewer .callsheetcontent-input::-webkit-outer-spin-button,
.callsheet-viewer .callsheetcontent-input::-webkit-inner-spin-button,
.callsheet-viewer .callsheetcontent-input::-webkit-clear-button {
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.schedule-start input {
  width: 100px;
  margin-left: 10px;
}
.schedule-start input.full-column {
  width: 220px;
}
.schedule-start .right {
  float: right;
}
.schedule-start label {
  margin-right: 40px;
}
.schedule-start .summary-label {
  width: 170px;
}
.schedule-start textarea {
  width: 220px;
}
.schedule-start select {
  width: 230px;
}
.schedulereports-default-calltimes input {
  width: 100px;
  margin-right: 10px;
}
.schedulereports-default-calltimes input.full-column {
  width: 170px;
}
.schedulereports-daily-calltimes .dailycalltimes-input-field {
  width: 100px;
  margin-right: 10px;
}
.schedulereports-daily-calltimes .dailycalltimes-input-field.wide {
  width: 220px;
}
.schedulereports-daily-calltimes #dailycalltimes-day-select {
  margin-right: 10px;
  width: auto;
}
#dailycalltimes-cast-table input {
  width: 100%;
}
#dailycalltimes-cast-table input[type='text'] {
  width: auto;
}
#dailycalltimes-extras-table input {
  width: 100%;
}
#dailycalltimes-extras-table input[type='text'] {
  width: auto;
}
.schedulereports-enterinfopage {
  padding: 20px;
}
.schedulereports-enterinfo input {
  display: block;
}
.calltime-header {
  margin-top: 20px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 20px;
  line-height: 1;
}
.calltime-inputcontainer {
  width: 180px;
  margin-right: 40px;
}
.calltime-inputcontainer input {
  width: 100%;
}
#day-btn {
  margin-right: 0px;
}
#day-btn .goog-toolbar-menu-button-inner-box {
  background-color: white;
  font-size: 14px;
  padding: 2px 6px;
}
#save-reports-btn,
#reset-to-default-btn,
#export-google-sheets-btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -ms-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4fc0e8), to(#4f9ae8));
  background-image: -webkit-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -o-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: linear-gradient(top, #4fc0e8, #4f9ae8);
  background-repeat: repeat-x;
  border-color: #4f9ae8 #4f9ae8 #1b73cf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #4fc0e8;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 0;
}
#save-reports-btn.btn-plain,
#reset-to-default-btn.btn-plain,
#export-google-sheets-btn.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
#save-reports-btn.btn-plain-medium,
#reset-to-default-btn.btn-plain-medium,
#export-google-sheets-btn.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
#save-reports-btn.btn-plain-large,
#reset-to-default-btn.btn-plain-large,
#export-google-sheets-btn.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
#save-reports-btn:active,
#reset-to-default-btn:active,
#export-google-sheets-btn:active {
  background: #1FA3A2 !important;
  outline: none;
}
#save-reports-btn.btn-plain,
#reset-to-default-btn.btn-plain,
#export-google-sheets-btn.btn-plain {
  text-shadow: none;
}
#save-reports-btn:hover,
#reset-to-default-btn:hover,
#export-google-sheets-btn:hover,
#save-reports-btn:active,
#reset-to-default-btn:active,
#export-google-sheets-btn:active,
#save-reports-btn.active,
#reset-to-default-btn.active,
#export-google-sheets-btn.active {
  background: #4fb1e8 !important;
  cursor: pointer;
  cursor: hand;
}
#save-reports-btn:active,
#reset-to-default-btn:active,
#export-google-sheets-btn:active,
#save-reports-btn.active,
#reset-to-default-btn.active,
#export-google-sheets-btn.active {
  background: #2280e2 \9;
}
#save-reports-btn .caret,
#reset-to-default-btn .caret,
#export-google-sheets-btn .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
#save-reports-btn .goog-toolbar-button-inner-box,
#reset-to-default-btn .goog-toolbar-button-inner-box,
#export-google-sheets-btn .goog-toolbar-button-inner-box {
  padding: 1px 8px !important;
}
#export-google-sheets-btn {
  margin-right: 15px;
}
#reports-toolbar-title {
  display: inline-block;
  margin: 7px 4px 7px 0;
  vertical-align: middle;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 1;
}
ul.day-select-checkboxes {
  list-style: none;
  overflow: auto;
  max-height: 200px;
}
input.day-select-checkbox {
  display: inline-block;
  margin: 5px;
}
label.day-select-label {
  display: inline-block;
  margin: 5px;
}
#schedule-report-selector {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}
#schedule-report-selector:before,
#schedule-report-selector:after {
  display: table;
  content: "";
}
#schedule-report-selector:after {
  clear: both;
}
li.schedule-report-selector-item {
  float: left;
  list-style: none;
}
li.schedule-report-selector-item a {
  padding: 10px;
}
li.schedule-report-selector-item.selected a {
  color: black;
}
.goog-menu-button.strip-options,
.strip-options {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  text-align: right;
  background: transparent !important;
  text-shadow: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.goog-menu-button.strip-options .goog-menu-button-inner-box,
.strip-options .goog-menu-button-inner-box,
.goog-menu-button.strip-options .goog-menu-button-outer-box,
.strip-options .goog-menu-button-outer-box {
  border: none;
}
.goog-menu-button.strip-options .goog-menu-button-dropdown,
.strip-options .goog-menu-button-dropdown {
  display: none;
}
.goog-menu-button.strip-options .goog-menu-button-caption,
.strip-options .goog-menu-button-caption {
  font-size: 15px;
  margin-right: -4px;
  padding-right: 0;
  color: #ddd;
  text-shadow: 0px 1px 2px #999;
}
@media print {
  .goog-menu-button.strip-options,
  .strip-options {
    display: none;
  }
}
.goog-menu-button.strip-options + .goog-menu.goog-menu-vertical .goog-menuitem {
  padding: 4px 7px 4px 28px !important;
  text-align: right;
}
@media screen {
  .strip-selectbox,
  .strip-selectbox:hover {
    border: 3px solid #2FB5B4 !important;
    outline: 1px solid rgba(0, 0, 0, 0.3);
    border-right-width: 4px !important;
    border-left-width: 4px !important;
    box-shadow: 0 0 4px #2FB5B4;
    z-index: 99;
    /* The File/Edit/View menu has z-index:100, so make this just slightly lower */
    padding: 0 !important;
    margin: 0;
    position: relative;
    cursor: move;
  }
  .strip-selectbox *:hover,
  .strip-selectbox:hover *:hover {
    cursor: move;
  }
  .strip-selectbox::after,
  .strip-selectbox:hover::after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 24px 0 0;
    border-color: #2FB5B4 transparent transparent transparent;
  }
  .strip-selectbox .striplist-table-data-episode,
  .strip-selectbox:hover .striplist-table-data-episode,
  .strip-selectbox .striplist-table-data-scene,
  .strip-selectbox:hover .striplist-table-data-scene {
    background: rgba(47, 181, 180, 0.6) !important;
    color: white;
  }
}
@media print {
  .strip-selectbox,
  .strip-selectbox:hover {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
  }
}
.sceneNumberSort,
.intExtSort,
.alphaSort,
.numericSort,
.keywordSort {
  cursor: hand;
  cursor: pointer;
}
.strip-value-scene {
  font-size: 22px;
  text-align: center !important;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 15px;
}
.strip-value-episode {
  font-size: 22px;
  text-align: center !important;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: 300;
  padding-top: 15px;
  padding-bottom: 15px;
}
.striplist-table-data-endofdayicon-content {
  font-size: 16px;
  text-align: left;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: bold;
  padding: 3px 4px 3px 12px;
}
@media only screen and (hover: none) and (pointer: coarse) {
  .striplist-table-data-endofdayicon-content {
    padding: 3px 4px 3px 22px;
  }
}
.striplist-table-data-endofday-right,
.striplist-table-data-endofday-duration {
  text-align: center;
}
@media screen {
  .character-shorthand {
    text-decoration: underline;
  }
}
.strip-value-time-est-timetext {
  font-size: 16px;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: -1px;
}
.strip-value-time-est-mins {
  vertical-align: bottom;
  display: inline-block;
  line-height: 1;
}
.strip-value-time-est-input {
  width: 40px;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: -6px;
  text-align: right;
}
.strip-value-time-est-input::-webkit-inner-spin-button,
.strip-value-time-est-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
@media print {
  .strip-value-actual-time,
  .strip-value-time-est {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
  }
}
.striplist-table-head {
  position: sticky;
  top: 0;
  z-index: 1;
}
[bigness='-1'] .striplist-table-head th {
  font-size: 95%;
}
[bigness='-1'] .striplist-table-head th.striplist-table-header-scene {
  width: 70px;
  min-width: 70px;
}
[bigness='-2'] .striplist-table-head th {
  font-size: 90%;
}
[bigness='-2'] .striplist-table-head th.striplist-table-header-scene {
  width: 60px;
  min-width: 60px;
}
[bigness='-3'] .striplist-table-head th {
  font-size: 85%;
}
[bigness='-3'] .striplist-table-head th.striplist-table-header-scene {
  width: 55px;
  min-width: 55px;
}
.av-schedule .av-striplist .striplist-table-header-image {
  min-width: 40px !important;
  width: 40px !important;
}
.av-schedule .av-striplist .striplist-table-header-setup {
  min-width: 199px !important;
  width: 199px !important;
}
.av-schedule .av-striplist .strip td {
  vertical-align: middle;
}
.av-schedule .av-striplist .strip .strip-value-actual-time,
.av-schedule .av-striplist .strip .strip-value-time-est {
  text-align: center;
}
.av-schedule .av-striplist .strip .striplist-table-data-image,
.av-schedule .av-striplist .strip .striplist-table-data-size,
.av-schedule .av-striplist .strip .striplist-table-data-setup {
  background: rgba(255, 255, 255, 0.75) !important;
}
.av-schedule .av-striplist .strip .striplist-table-data-image {
  text-align: center;
  width: unset;
  min-width: unset;
  background: rgba(255, 255, 255, 0.75) !important;
}
.av-schedule .av-striplist .strip .striplist-table-data-image img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.av-schedule .av-striplist .strip .striplist-table-data-endofday-right,
.av-schedule .av-striplist .strip .striplist-table-data-endofday-duration {
  text-align: center;
  width: 40%;
  margin-left: auto;
  margin-right: -8px;
}
.av-schedule .av-striplist .strip .av2-sv-td-timeEst,
.av-schedule .av-striplist .strip .av2-sv-td-actualTime {
  width: auto;
  margin: 0;
}
/* REPORTS SIDEBAR */
div.sidenav-light {
  width: 224px;
  max-width: 224px;
}
.sidenav-light #schedule-report-sidebar-header {
  display: none;
}
.sidenav-light #schedule-report-sidebar {
  background-color: #242524;
  padding-top: 30px;
}
.sidenav-light #schedule-report-sidebar .sidenav-list-item {
  background-color: #999;
  color: #F6F6F6;
  box-shadow: none;
  width: 145px;
  border-radius: 8px;
  margin: 12px auto;
  text-align: center;
  padding: 12px 15px;
}
.sidenav-light #schedule-report-sidebar .sidenav-list-item:hover {
  background-color: #a6a6a6;
}
.sidenav-light #schedule-report-sidebar .sidenav-list-item.active {
  background-color: #2FB5B4;
  color: #222222;
}
.btn-plain.schedulereports-btn {
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px !important;
  padding: 10px 16px;
  text-transform: capitalize;
}
.btn-plain.schedulereports-btn.disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.btn-plain.schedulereports-btn.active {
  background-color: #2FB5B4;
  color: #fff !important;
}
.schedule-improved {
  /* CALL SHEET DASHBOARD */
  /* CALL SHEET SECTIONS */
}
.schedule-improved .schedulereports {
  padding: 50px 0px;
}
.schedule-improved .schedulereports-content {
  width: 910px;
  margin: auto;
}
.schedule-improved .schedulereports-btn {
  margin-bottom: 15px;
}
.schedule-improved #create-new-report,
.schedule-improved #call-sheet-template,
.schedule-improved #call-sheet-dood-category {
  float: left;
  margin-right: 15px;
}
.schedule-improved #call-sheet-done,
.schedule-improved #call-sheet-distribute,
.schedule-improved #call-sheet-export {
  float: right;
  margin-left: 15px;
}
.schedule-improved .tabber-tabs {
  display: none;
}
.schedule-improved .tabber-contents {
  clear: both;
  letter-spacing: 0px;
  padding: 50px 30px;
  border-radius: 8px;
  border: none;
  min-height: 250px;
}
.schedule-improved .tabber-reports .tabber-contents {
  background-color: #f5f6f7;
}
.schedule-improved .call-sheet-dash-table {
  font-size: 12px;
  padding: 0px 40px;
  color: #555;
}
.schedule-improved .call-sheet-dash-table table {
  width: 100%;
}
.schedule-improved .call-sheet-dash-table th {
  line-height: 34px;
}
.schedule-improved .call-sheet-dash-table td {
  padding: 25px 0px;
}
.schedule-improved .call-sheet-dash-table .center {
  text-align: center;
}
.schedule-improved .call-sheet-dash-table .call-sheet-dash-name {
  width: 240px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-dash-shootdays {
  width: 120px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-dash-status {
  width: 90px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-dash-link {
  border-top: 1px solid #555;
  margin: 0px 25px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-dash-link:last-child {
  border-bottom: 1px solid #555;
}
.schedule-improved .call-sheet-dash-table .call-sheet-dash-link.disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.schedule-improved .call-sheet-dash-table .call-sheet-view {
  color: #000;
  line-height: 26px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-view:hover {
  text-decoration: underline;
}
.schedule-improved .call-sheet-dash-table .call-sheet-remove,
.schedule-improved .call-sheet-dash-table .call-sheet-distributed,
.schedule-improved .call-sheet-dash-table .call-sheet-reimport {
  width: 25px;
  text-align: center;
}
.schedule-improved .call-sheet-dash-table .call-sheet-remove i,
.schedule-improved .call-sheet-dash-table .call-sheet-distributed i,
.schedule-improved .call-sheet-dash-table .call-sheet-reimport i {
  font-size: 14px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-remove i:hover,
.schedule-improved .call-sheet-dash-table .call-sheet-distributed i:hover,
.schedule-improved .call-sheet-dash-table .call-sheet-reimport i:hover {
  color: #4fc0e8;
}
.schedule-improved .call-sheet-dash-table .call-sheet-remove span,
.schedule-improved .call-sheet-dash-table .call-sheet-distributed span,
.schedule-improved .call-sheet-dash-table .call-sheet-reimport span {
  text-align: center;
  width: 160px;
  margin-left: 50%;
  left: -80px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-distributed {
  vertical-align: bottom;
}
.schedule-improved .call-sheet-dash-table .tooltip-btn {
  display: inline-block;
  line-height: 16px;
}
.schedule-improved .call-sheet-dash-table .tooltip-btn span {
  border: none;
  white-space: nowrap;
}
.schedule-improved .call-sheet-dash-table .call-sheet-status-str {
  text-align: left;
}
.schedule-improved .call-sheet-dash-table .call-sheet-status-str .call-sheet-grantee {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-improved .call-sheet-dash-table .call-sheet-status-str span {
  width: 160px;
  margin-left: 50%;
  left: -80px;
}
.schedule-improved .call-sheet-dashboard-message {
  color: #999;
  text-align: center;
  margin-top: 50px;
  font-size: 14px;
  height: 200px;
  display: block;
}
.schedule-improved .call-sheet-dashboard-message a {
  color: #999;
  text-transform: uppercase;
  display: block;
  margin-top: 25px;
}
.schedule-improved .call-sheet-dashboard-message a:hover {
  color: #4fc0e8;
  text-decoration: underline;
}
.schedule-improved .call-sheet-top {
  display: flex;
  flex-wrap: wrap;
}
.schedule-improved .call-sheet-top-block {
  background: #fff;
  flex: 1 0 33%;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
.schedule-improved .call-sheet-top-block:nth-child(3),
.schedule-improved .call-sheet-top-block:nth-child(6) {
  border-right: 1px solid #333;
}
.schedule-improved .call-sheet-top-block:nth-child(-n+3) {
  border-top: 1px solid #333;
}
.schedule-improved .call-sheet-top-block .call-sheet-section {
  margin-top: 0px;
  border: none;
}
.schedule-improved .call-sheet-top-block .call-sheet-section:not(.call-sheet-image-section) {
  height: 100%;
}
.schedule-improved .call-sheet-section {
  position: relative;
  background-color: white;
  color: #555;
  min-height: 115px;
  border: 1px solid #555;
  margin-top: 3px;
}
.schedule-improved .call-sheet-section-content {
  height: 100%;
  overflow-x: hidden;
}
.schedule-improved .call-sheet-section-content .crewnote {
  background: #fff;
  border: none;
}
.schedule-improved #reorder-btn,
.schedule-improved #stop-reorder-btn {
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
  width: 60px;
  padding: 5px;
}
.schedule-improved #reorder-btn i,
.schedule-improved #stop-reorder-btn i {
  font-size: 12px;
  margin-right: 5px;
}
.schedule-improved #reorder-btn {
  opacity: 0;
}
.schedule-improved .call-sheet-add-content {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 99;
}
.schedule-improved .call-sheet-add-content h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
}
.schedule-improved .call-sheet-add-content .call-sheet-message {
  font-size: 13px;
  font-style: italic;
  text-align: center;
  padding: 0px 30px;
}
.schedule-improved .call-sheet-add-content .call-sheet-edit,
.schedule-improved .call-sheet-add-content .call-sheet-refresh {
  border-radius: 50%;
  text-align: center;
  margin: auto;
  border: 1px solid #333;
}
.schedule-improved .call-sheet-add-content .call-sheet-edit {
  width: 55px;
  height: 55px;
  font-size: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.schedule-improved .call-sheet-add-content .call-sheet-refresh {
  width: 55px;
  height: 55px;
  line-height: 52px;
  font-size: 25px;
}
.schedule-improved .call-sheet-add-image {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  outline: thin dashed #999;
}
.schedule-improved .call-sheet-add-image h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
  padding-top: 10px;
}
.schedule-improved .call-sheet-add-image .call-sheet-edit {
  border-radius: 50%;
  text-align: center;
  margin: auto;
  border: 1px solid #333;
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 25px;
}
.schedule-improved .call-sheet-editable .editable:hover,
.schedule-improved .call-sheet-editable .editable.active {
  background-color: rgba(47, 181, 180, 0.25);
}
.schedule-improved .call-sheet-editable .editable:hover #reorder-btn,
.schedule-improved .call-sheet-editable .editable.active #reorder-btn {
  opacity: 1;
}
.schedule-improved .call-sheet-editable .editable:hover .call-sheet-add-content,
.schedule-improved .call-sheet-editable .editable.active .call-sheet-add-content,
.schedule-improved .call-sheet-editable .editable:hover .call-sheet-add-image,
.schedule-improved .call-sheet-editable .editable.active .call-sheet-add-image {
  opacity: 1;
  color: #2FB5B4;
}
.schedule-improved .call-sheet-editable .editable:hover .call-sheet-add-content .call-sheet-edit,
.schedule-improved .call-sheet-editable .editable.active .call-sheet-add-content .call-sheet-edit,
.schedule-improved .call-sheet-editable .editable:hover .call-sheet-add-image .call-sheet-edit,
.schedule-improved .call-sheet-editable .editable.active .call-sheet-add-image .call-sheet-edit,
.schedule-improved .call-sheet-editable .editable:hover .call-sheet-add-content .call-sheet-refresh,
.schedule-improved .call-sheet-editable .editable.active .call-sheet-add-content .call-sheet-refresh,
.schedule-improved .call-sheet-editable .editable:hover .call-sheet-add-image .call-sheet-refresh,
.schedule-improved .call-sheet-editable .editable.active .call-sheet-add-image .call-sheet-refresh {
  border: 1px solid #2FB5B4;
  background-color: rgba(47, 181, 180, 0.25);
}
.schedule-improved .call-sheet-editable .editable:hover .call-sheet-section-content,
.schedule-improved .call-sheet-editable .editable.active .call-sheet-section-content {
  opacity: 0.2;
}
.schedule-improved #call-sheet-title,
.schedule-improved #call-sheet-image {
  position: relative;
}
.schedule-improved #call-sheet-image {
  min-height: 100px;
  margin: 10px;
}
.schedule-improved #call-sheet-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 262px;
  max-height: 200px;
  cursor: pointer;
}
.schedule-improved #call-sheet-image:hover .imagethumbnail-remove,
.schedule-improved #call-sheet-image:hover .imagethumbnail-name {
  display: block;
}
.schedule-improved .schedulereports-report-stripboard,
.schedule-improved .schedulereports-report-shootingschedule,
.schedule-improved .schedulereports-report-shotlist {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 1px solid #333;
}
.schedule-improved .schedulereports-report-stripboard .report-title,
.schedule-improved .schedulereports-report-shootingschedule .report-title,
.schedule-improved .schedulereports-report-shotlist .report-title {
  font-size: 16px;
  padding-left: 10px;
  padding-top: 10px;
  line-height: 28px;
}
.schedule-improved .schedulereports-report-stripboard .report-subtitle,
.schedule-improved .schedulereports-report-shootingschedule .report-subtitle,
.schedule-improved .schedulereports-report-shotlist .report-subtitle {
  padding-left: 10px;
}
.schedule-improved .schedulereports-report-stripboard table,
.schedule-improved .schedulereports-report-shootingschedule table,
.schedule-improved .schedulereports-report-shotlist table {
  margin-bottom: 0px;
}
.schedule-improved .schedulereports-report-stripboard table th,
.schedule-improved .schedulereports-report-shootingschedule table th,
.schedule-improved .schedulereports-report-shotlist table th,
.schedule-improved .schedulereports-report-stripboard table td,
.schedule-improved .schedulereports-report-shootingschedule table td,
.schedule-improved .schedulereports-report-shotlist table td {
  border-left: 1px solid #6b6d6e;
}
.schedule-improved .schedulereports-report-stripboard table th:first-child,
.schedule-improved .schedulereports-report-shootingschedule table th:first-child,
.schedule-improved .schedulereports-report-shotlist table th:first-child,
.schedule-improved .schedulereports-report-stripboard table td:first-child,
.schedule-improved .schedulereports-report-shootingschedule table td:first-child,
.schedule-improved .schedulereports-report-shotlist table td:first-child {
  border-left: none;
}
.schedule-improved .schedulereports-report-shotlist .flex-cell {
  min-height: 38px;
}
.schedule-improved .shot-list-table-heading .flex-cell,
.schedule-improved .shot-list-table-eod .flex-cell {
  background-color: #eee;
}
.schedule-improved .schedulereports-report-side .report-title {
  font-size: 16px;
  padding-left: 68px;
  padding-top: 10px;
  background-color: #f5f6f7;
}
.schedule-improved .scenesum-header-row {
  color: white;
}
.schedule-improved .schedulereports-dood,
.schedule-improved .schedulereports-scenesummary {
  border: 1px solid #333;
  background: #fff;
}
.schedule-improved .schedulereports-enterinfopage {
  font-size: 12px;
}
.schedule-improved .schedulereports-enterinfopage table td:first-child {
  padding: 5px;
}
.schedule-improved .scenesum-table {
  margin-top: 10px;
}
.schedule-improved-dialog {
  /* REPORT CREATE DIALOG */
  /* CALL SHEET EDIT DIALOG */
  /* GOOG MENUS */
}
.schedule-improved-dialog .modal-dialog-content {
  padding: 35px;
}
.schedule-improved-dialog .goog-menu-vertical {
  max-height: 100px !important;
  width: 118px;
}
.schedule-improved-dialog input[type=text],
.schedule-improved-dialog .time-field {
  border-radius: 5px;
}
.schedule-improved-dialog .call-sheet-create-field {
  margin-bottom: 20px;
}
.schedule-improved-dialog .caratdropdown .call-sheet-dropdown {
  font-size: 12px;
  font-weight: 400;
  border-radius: 3px !important;
  text-transform: capitalize;
  width: 110px;
  margin-top: 10px;
  padding: 8px 15px;
  text-align: left;
}
.schedule-improved-dialog .caratdropdown .call-sheet-dropdown:hover {
  background-color: #f9f9f9;
}
.schedule-improved-dialog .caratdropdown .call-sheet-dropdown i {
  float: right;
  line-height: 16px;
}
.schedule-improved-dialog .dropdown-menu {
  font-size: 11px;
  margin-top: 0px;
  margin-right: 0px;
  min-width: 140px;
  border: none;
  padding-top: 0;
  max-height: 80px;
  overflow: auto;
  background: #19191a;
}
.schedule-improved-dialog .dropdown-menu .call-sheet-dropdown-link {
  color: #C0BFBA !important;
  padding: 5px 10px;
  text-transform: capitalize;
  font-size: 11px;
}
.schedule-improved-dialog .dropdown-menu .call-sheet-dropdown-link:hover {
  color: white !important;
  background-color: #2C2D2B;
}
.schedule-improved-dialog #create-report-day-multiselect-container {
  margin-bottom: 9px;
}
.schedule-improved-dialog #create-report-day-multiselect-container .multisel {
  margin-top: 10px;
}
.schedule-improved-dialog #create-report-day-multiselect-container .multisel .goog-menu-button {
  border-radius: 3px;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menu-button-inner-box {
  min-width: 150px;
  border: none;
  padding: 8px 15px;
  font-size: 12px;
  color: #333;
  font-weight: normal;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menu-button-dropdown {
  float: right;
  color: #333;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menuitem,
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menuitem-highlight {
  padding: 5px 10px;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menu-button-caption {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px 0 0;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menu-button-outer-box {
  background: #f0f0f0;
  border: none;
  border-radius: 8px;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menu-button-outer-box:hover {
  background-color: #f9f9f9;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menu-vertical {
  width: 180px;
  border: none;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menuitem-content {
  padding: 5px 10px;
  color: #c0bfba;
  font-size: 11px;
  letter-spacing: 0.06em;
  line-height: 18px;
}
.schedule-improved-dialog #call-sheet-name {
  margin-top: 10px;
}
.schedule-improved-dialog #call-sheet-department-select,
.schedule-improved-dialog #call-sheet-transport-select {
  margin-right: 15px;
  width: 135px;
}
.schedule-improved-dialog select:invalid {
  color: #9a9a9a;
}
.schedule-improved-dialog .call-sheet-add-item {
  position: relative;
  margin-top: 25px;
  margin-bottom: 20px;
  height: 50px;
  display: flex;
  justify-content: space-between;
}
.schedule-improved-dialog .call-sheet-add-item input[type=text] {
  width: 106px;
  padding: 4px 6px;
}
.schedule-improved-dialog .call-sheet-add-item input[type=text],
.schedule-improved-dialog .call-sheet-add-item .time-field {
  margin-right: 15px;
}
.schedule-improved-dialog .call-sheet-add-item a.btn-primary {
  float: right;
  height: 20px;
  color: #fff !important;
  background: #2FB5B4;
}
.schedule-improved-dialog .call-sheet-add-item .goog-menuitem-content {
  padding: 5px;
  font-size: 11px;
  font-weight: normal;
}
.schedule-improved-dialog .call-sheet-add-item .text-error {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #d44e4e;
}
.schedule-improved-dialog .call-sheet-scrollcontainer {
  display: block;
  border-radius: 3px;
  overflow: hidden;
}
.schedule-improved-dialog .call-sheet-scrollcontainer thead {
  display: block;
}
.schedule-improved-dialog .call-sheet-scrollcontainer tbody {
  display: block;
  max-height: 287px;
  overflow-y: auto;
  overflow-x: hidden;
  border-left: solid 1px #6b6d6e;
}
.schedule-improved-dialog .call-sheet-scrollcontainer tbody tr:first-child td,
.schedule-improved-dialog .call-sheet-scrollcontainer tbody tr:first-child th {
  border-top: none;
}
.schedule-improved-dialog .call-sheet-scrollcontainer tbody td,
.schedule-improved-dialog .call-sheet-scrollcontainer tbody th {
  height: 18px;
  display: inline-block;
  text-transform: capitalize;
}
.schedule-improved-dialog .call-sheet-scrollcontainer tbody td:last-child {
  border-right: solid 1px #6b6d6e;
}
.schedule-improved-dialog .call-sheet-crewcontainer tbody,
.schedule-improved-dialog .call-sheet-castcontainer tbody {
  border-left: solid 1px #6b6d6e !important;
}
.schedule-improved-dialog .call-sheet-crewcontainer tr,
.schedule-improved-dialog .call-sheet-castcontainer tr {
  border-bottom: solid 1px #6b6d6e !important;
}
.schedule-improved-dialog .call-sheet-crewcontainer td,
.schedule-improved-dialog .call-sheet-castcontainer td,
.schedule-improved-dialog .call-sheet-crewcontainer th,
.schedule-improved-dialog .call-sheet-castcontainer th {
  width: 150px;
}
.schedule-improved-dialog .call-sheet-crewcontainer td.check-box,
.schedule-improved-dialog .call-sheet-castcontainer td.check-box,
.schedule-improved-dialog .call-sheet-crewcontainer th.check-box,
.schedule-improved-dialog .call-sheet-castcontainer th.check-box {
  width: 25px;
  border-right: none;
}
.schedule-improved-dialog .call-sheet-crewcontainer td.full-width,
.schedule-improved-dialog .call-sheet-castcontainer td.full-width,
.schedule-improved-dialog .call-sheet-crewcontainer th.full-width,
.schedule-improved-dialog .call-sheet-castcontainer th.full-width {
  width: 739px;
}
.schedule-improved-dialog .call-sheet-crewcontainer td.drag-handle,
.schedule-improved-dialog .call-sheet-castcontainer td.drag-handle,
.schedule-improved-dialog .call-sheet-crewcontainer th.drag-handle,
.schedule-improved-dialog .call-sheet-castcontainer th.drag-handle {
  width: 30px;
  border-right: solid 1px #6b6d6e !important;
}
.schedule-improved-dialog .call-sheet-crewcontainer td.drag-handle,
.schedule-improved-dialog .call-sheet-castcontainer td.drag-handle {
  font-size: 22px;
}
.schedule-improved-dialog .call-sheet-crewcontainer td.drag-handle:hover,
.schedule-improved-dialog .call-sheet-castcontainer td.drag-handle:hover {
  cursor: grab;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th {
  width: 105px;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:first-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td:first-child,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:first-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th:first-child {
  width: 116px;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:last-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td:last-child,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:last-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th:last-child {
  width: 14px;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td.full-width,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td.full-width,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th.full-width,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th.full-width {
  width: 512px !important;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td input,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td input,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th input,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th input {
  width: 100%;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:last-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th:last-child,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:last-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td:last-child {
  border-left: none;
}
.schedule-improved-dialog .call-sheet-transportcontainer {
  max-height: 350px;
  overflow: auto;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th {
  width: 105px;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:first-child,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:first-child {
  width: 116px;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:last-child,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:last-child {
  width: 14px;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:nth-child(1),
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:nth-child(1) {
  border-right: 1px solid #6b6d6e;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:nth-child(1).call-sheet-note-heading,
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:nth-child(1).call-sheet-note-heading {
  border-right: none;
}
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table th:nth-child(4),
.schedule-improved-dialog .call-sheet-transportcontainer .call-sheet-table td:nth-child(4) {
  border-right: none;
}
.schedule-improved-dialog .call-sheet-departmentalcontainer {
  display: block;
  max-height: 280px;
  overflow: auto;
  border: 1px solid #6b6d6e;
  -ms-overflow-style: none;
}
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td:first-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th:first-child {
  width: 482px;
}
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table td:last-child,
.schedule-improved-dialog .call-sheet-departmentalcontainer .call-sheet-table th:last-child {
  width: 14px;
}
.schedule-improved-dialog .call-sheet-recipientscontainer thead th {
  background-color: #6b6d6e;
}
.schedule-improved-dialog .call-sheet-recipientscontainer tr {
  border-bottom: solid 1px #8b8d8e;
}
.schedule-improved-dialog .call-sheet-recipientscontainer tbody {
  border-left: solid 1px #6b6d6e !important;
}
.schedule-improved-dialog .call-sheet-recipientscontainer td,
.schedule-improved-dialog .call-sheet-recipientscontainer th {
  width: 180px;
}
.schedule-improved-dialog .call-sheet-recipientscontainer td:first-child,
.schedule-improved-dialog .call-sheet-recipientscontainer th:first-child {
  width: 22px;
}
.schedule-improved-dialog .call-sheet-recipientscontainer td.full-width,
.schedule-improved-dialog .call-sheet-recipientscontainer th.full-width {
  width: 612px !important;
  text-transform: uppercase;
}
.schedule-improved-dialog .call-sheet-recipientscontainer .call-sheet-dialog-name {
  text-transform: capitalize;
}
.schedule-improved-dialog .call-sheet-recipientscontainer .call-sheet-incomplete-row {
  pointer-events: none;
  color: #d44e4e;
}
.schedule-improved-dialog .call-sheet-recipientscontainer .call-sheet-incomplete-row input {
  display: none;
}
.schedule-improved-dialog .call-sheet-recipientscontainer .call-sheet-dialog-jobtitle {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.schedule-improved-dialog .call-sheet-dialog-department {
  color: #3b3d3e;
  text-transform: uppercase;
  padding-right: 10px;
  margin-left: -1px;
}
.schedule-improved-dialog .call-sheet-scrollbody {
  display: block;
  max-height: 365px;
  overflow: auto;
  padding: 0px 11px;
  border: 1px solid #4b4d4e;
  border-radius: 3px;
  -ms-overflow-style: none;
}
.schedule-improved-dialog .goog-menu {
  width: 144px;
  margin-top: 2px;
}
.schedule-improved-dialog .goog-menu-vertical {
  background: #19191a;
  color: #c0bfba;
}
.schedule-improved-dialog .goog-menuitem {
  padding: 3px 5px;
  text-transform: capitalize;
}
.schedule-improved-dialog .goog-menuitem .goog-menuitem-content {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-improved-dialog .call-sheet-note {
  padding-right: 28px;
  border: 1px solid #4b4d4e;
}
#dragging-element tbody {
  border: solid 1px #6b6d6e !important;
  background: #3b3d3e !important;
  color: #fffffe;
}
#dragging-element input[type=text] {
  color: #fffffe;
  width: 150px;
  border: none;
  box-shadow: none;
  margin-bottom: 0px;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
}
#dragging-element td,
#dragging-element th {
  padding: 8px;
  width: 150px !important;
  border-right: solid 1px #6b6d6e !important;
}
#dragging-element td.check-box,
#dragging-element th.check-box {
  width: 25px !important;
  border-right: none;
}
#dragging-element td.full-width,
#dragging-element th.full-width {
  width: 732px !important;
}
#dragging-element td.drag-handle,
#dragging-element th.drag-handle {
  width: 30px !important;
  border-right: solid 1px #6b6d6e !important;
}
#dragging-element th.drag-handle {
  border: none;
  background: none !important;
}
#dragging-element td.drag-handle {
  border-top: solid 1px #6b6d6e !important;
  font-size: 22px;
}
#dragging-element td.drag-handle:hover {
  cursor: grab;
}
.call-sheet-note {
  margin: 11px 0px;
  padding: 5px 8px;
  position: relative;
  font-size: 11px;
  line-height: 20px;
  background: #4b4d4e;
  text-align: center;
}
.call-sheet-note .note-text {
  overflow-wrap: break-word;
  hyphens: auto;
}
.call-sheet-note i {
  font-size: 8px;
  color: white;
  line-height: 20px;
  position: absolute;
  top: 5px;
  right: 8px;
}
.call-sheet-note i:hover {
  cursor: pointer;
}
th.call-sheet-note-heading {
  text-transform: uppercase;
  text-align: center;
}
.schedule-improved .call-sheet-note {
  -webkit-box-shadow: inset 0px 0px 0px 1px #e9e9e9;
  -moz-box-shadow: inset 0px 0px 0px 1px #e9e9e9;
  box-shadow: inset 0px 0px 0px 1px #e9e9e9;
}
.schedule-improved,
.schedule-improved-dialog {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 11px;
}
.schedule-improved .time-field,
.schedule-improved-dialog .time-field {
  width: 80px;
  text-align: center;
  padding-top: 4px;
}
.schedule-improved input:focus::-webkit-input-placeholder,
.schedule-improved-dialog input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.schedule-improved input:focus:-moz-placeholder,
.schedule-improved-dialog input:focus:-moz-placeholder {
  opacity: 0;
}
.schedule-improved input:focus::-moz-placeholder,
.schedule-improved-dialog input:focus::-moz-placeholder {
  opacity: 0;
}
.schedule-improved input:focus:-ms-input-placeholder,
.schedule-improved-dialog input:focus:-ms-input-placeholder {
  opacity: 0;
}
/* CALL SHEET TABLES */
.schedule-improved,
.schedule-improved-dialog {
  color: #555;
}
.schedule-improved .call-sheet-table,
.schedule-improved-dialog .call-sheet-table {
  margin-bottom: 0px;
  height: 100%;
  border-style: hidden;
}
.schedule-improved .call-sheet-table thead th:last-child,
.schedule-improved-dialog .call-sheet-table thead th:last-child {
  border-radius: 0 2px 0 0;
  padding-right: 10px;
}
.schedule-improved .call-sheet-table th,
.schedule-improved-dialog .call-sheet-table th {
  color: black;
}
.schedule-improved .call-sheet-table th,
.schedule-improved-dialog .call-sheet-table th,
.schedule-improved .call-sheet-table td,
.schedule-improved-dialog .call-sheet-table td {
  border-right: 1px solid #6b6d6e;
  border-top: none;
}
.schedule-improved .call-sheet-table .disabled,
.schedule-improved-dialog .call-sheet-table .disabled {
  background-color: #3b3d3e;
}
.schedule-improved .call-sheet-table .disabled input,
.schedule-improved-dialog .call-sheet-table .disabled input {
  pointer-events: none;
}
.schedule-improved table td,
.schedule-improved-dialog table td,
.schedule-improved table tr:hover td,
.schedule-improved-dialog table tr:hover td {
  background: transparent;
}
.schedule-improved .call-sheet-dash-table table th,
.schedule-improved-dialog .call-sheet-dash-table table th,
.schedule-improved .call-sheet-dash-table table tr:hover th,
.schedule-improved-dialog .call-sheet-dash-table table tr:hover th {
  background: transparent;
}
.schedule-improved-dialog .call-sheet-table tr:hover td {
  background-color: #49494a !important;
}
.schedule-improved-dialog .call-sheet-table tr:hover td input[disabled] {
  background-color: #49494a !important;
}
.schedule-improved-dialog .call-sheet-table input[type=text] {
  color: #fffffe;
  width: 150px;
  border: none;
  box-shadow: none;
  margin-bottom: 0px;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
}
.schedule-improved-dialog .call-sheet-table th:nth-child(1),
.schedule-improved-dialog .call-sheet-table td:nth-child(1),
.schedule-improved-dialog .call-sheet-table th:last-child,
.schedule-improved-dialog .call-sheet-table td:last-child {
  border-right: none;
}
.schedule-improved-dialog .call-sheet-table th:nth-child(2),
.schedule-improved-dialog .call-sheet-table td:nth-child(2) {
  border-left: none;
}
.scenesum-table th,
.scenesum-table td {
  padding: 5px;
  vertical-align: top;
}
.crew-dialog-modal {
  width: 845px !important;
}
.crew-dialog-modal .modal-dialog-content {
  overflow: visible !important;
}
.crew-dialog-modal thead tr th {
  background-color: #6b6d6e;
}
.recipientlist-dialog {
  width: 725px;
}
.recipientlist-dialog .department-category-dropdown {
  border-radius: 5px;
}
.recipientlist-dialog .department-category-dropdown .goog-menu-button-caption {
  width: 150px;
}
.av-schedule #shot-summary-table td,
.av-schedule #next-day-shotlist-summary-table td,
.av-schedule #shot-summary-table th,
.av-schedule #next-day-shotlist-summary-table th {
  border: solid 1px #ddd;
}
.av-schedule .call-sheet-section .call-sheet-advance-date,
.av-schedule .call-sheet-advance-location {
  padding-left: 5px;
}
.av-schedule .script-view-container,
.schedule .script-view-container {
  overflow: hidden !important;
}
.shotlist-report {
  width: 852px;
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.shotlist-report .shotlist-title {
  font-size: 16px;
  padding-left: 10px;
  padding-top: 10px;
  line-height: 28px;
  margin-bottom: 0;
  border-top: solid 1px black;
}
.shotlist-report .shotlist-item-info {
  width: 550px;
}
.schedule .shotlist-item,
.shotlist-report .shotlist-item {
  font-size: 11px;
  display: grid;
  grid-template-columns: 30px 270px 550px;
  grid-template-areas: "spine image info";
  border-top: solid 1px black;
}
.schedule .shotlist-item:not(:last-child),
.shotlist-report .shotlist-item:not(:last-child) {
  border-bottom: solid 1px black;
  margin-bottom: 15px;
}
.schedule .shotlist-item .shotlist-spine-container,
.shotlist-report .shotlist-item .shotlist-spine-container {
  grid-area: spine;
  border-right: solid 1px #000;
}
.schedule .shotlist-item .shotlist-spine-container .shotlist-spine-number,
.shotlist-report .shotlist-item .shotlist-spine-container .shotlist-spine-number,
.schedule .shotlist-item .shotlist-spine-container .shotlist-spine-duration,
.shotlist-report .shotlist-item .shotlist-spine-container .shotlist-spine-duration {
  margin-top: 6px;
  font-size: 10px;
  padding: 1px;
  overflow-wrap: break-word;
  text-align: left;
}
.schedule .shotlist-item .shotlist-img-container,
.shotlist-report .shotlist-item .shotlist-img-container {
  grid-area: image;
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 56.25%;
}
.schedule .shotlist-item .shotlist-img-container .shotlist-item-image,
.shotlist-report .shotlist-item .shotlist-img-container .shotlist-item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: white;
}
.schedule .shotlist-item .shotlist-item-info,
.shotlist-report .shotlist-item .shotlist-item-info {
  grid-template-areas: "desc desc" "size frame" "extra focal" "aov setup" "angle camera" "movement equipment" "notes notes";
  display: grid;
  grid-gap: 1px;
  background-color: black;
  border-left: solid 1px black;
  font-family: Courier, monospace;
}
.schedule .shotlist-item .shotlist-item-row,
.shotlist-report .shotlist-item .shotlist-item-row {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 1px;
  width: 275px;
  word-break: break-word;
  text-transform: uppercase;
}
.schedule .shotlist-item .shotlist-item-row span,
.shotlist-report .shotlist-item .shotlist-item-row span {
  padding: 0 5px;
  align-items: center;
  display: flex;
}
.schedule .shotlist-item .shotlist-item-row span:first-of-type,
.shotlist-report .shotlist-item .shotlist-item-row span:first-of-type {
  background: #E5E7E6;
  color: black;
}
.schedule .shotlist-item .shotlist-item-row span:last-of-type,
.shotlist-report .shotlist-item .shotlist-item-row span:last-of-type {
  background-color: white;
}
.schedule .shotlist-item .shotlist-item-row.description,
.shotlist-report .shotlist-item .shotlist-item-row.description {
  grid-area: desc;
  width: 550px;
}
.schedule .shotlist-item .shotlist-item-row.description span:last-child,
.shotlist-report .shotlist-item .shotlist-item-row.description span:last-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.schedule .shotlist-item .shotlist-item-row.size,
.shotlist-report .shotlist-item .shotlist-item-row.size {
  grid-area: size;
}
.schedule .shotlist-item .shotlist-item-row.frame,
.shotlist-report .shotlist-item .shotlist-item-row.frame {
  grid-area: frame;
}
.schedule .shotlist-item .shotlist-item-row.extra,
.shotlist-report .shotlist-item .shotlist-item-row.extra {
  grid-area: extra;
}
.schedule .shotlist-item .shotlist-item-row.focal,
.shotlist-report .shotlist-item .shotlist-item-row.focal {
  grid-area: focal;
}
.schedule .shotlist-item .shotlist-item-row.aov,
.shotlist-report .shotlist-item .shotlist-item-row.aov {
  grid-area: aov;
}
.schedule .shotlist-item .shotlist-item-row.setup,
.shotlist-report .shotlist-item .shotlist-item-row.setup {
  grid-area: setup;
}
.schedule .shotlist-item .shotlist-item-row.angle,
.shotlist-report .shotlist-item .shotlist-item-row.angle {
  grid-area: angle;
}
.schedule .shotlist-item .shotlist-item-row.camera,
.shotlist-report .shotlist-item .shotlist-item-row.camera {
  grid-area: camera;
}
.schedule .shotlist-item .shotlist-item-row.movement,
.shotlist-report .shotlist-item .shotlist-item-row.movement {
  grid-area: movement;
}
.schedule .shotlist-item .shotlist-item-row.equipment,
.shotlist-report .shotlist-item .shotlist-item-row.equipment {
  grid-area: equipment;
}
.schedule .shotlist-item .shotlist-item-row.notes,
.shotlist-report .shotlist-item .shotlist-item-row.notes {
  grid-area: notes;
  width: 550px;
}
.spreadsheet-content-view.no-description .shotlist-item-info {
  grid-template-areas: "size frame" "extra focal" "aov setup" "angle camera" "movement equipment" "notes notes";
}
.spreadsheet-content-view.no-description .shotlist-item-info .shotlist-item-row.description {
  display: none;
}
/* EXECUTIVE TEAM */
#call-sheet-executive .call-sheet-table {
  height: auto;
}
#call-sheet-executive .call-sheet-table td {
  border: none;
  padding: 2px;
  line-height: 10px;
  font-size: 10px;
  max-width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
#call-sheet-executive .call-sheet-table td:last-child {
  text-align: right;
  padding-right: 2px;
}
/* PRODUCTION TITLE */
#call-sheet-title {
  min-height: 180px;
  text-align: center;
  font-weight: bold;
}
#call-sheet-title .call-sheet-prodtitle {
  font-size: 25px;
  padding: 15px;
  margin-bottom: 50px;
}
#call-sheet-title .call-sheet-dayofdays {
  margin-top: 20px;
  margin-bottom: 3px;
  font-size: 20px;
}
#call-sheet-title .call-sheet-date {
  margin-bottom: 25px;
  font-size: 14px;
}
#call-sheet-title .call-sheet-faded {
  color: #eee;
}
#call-sheet-title .call-sheet-sheetinfo {
  width: 100%;
}
#call-sheet-title .call-sheet-name {
  line-height: 18px;
  font-size: 14px;
  padding: 0px 15px;
}
/* PRODUCTION DETAILS */
#call-sheet-details {
  font-size: 11px;
  line-height: 16px;
  text-align: right;
}
#call-sheet-details .call-sheet-companyinfo {
  padding: 4px 6px;
}
/* LOCATIONS/BASECAMP */
#call-sheet-locations {
  vertical-align: top;
  padding: 2px 4px;
  line-height: 16px;
}
#call-sheet-locations ol {
  display: inline-block;
}
#call-sheet-locations ol li {
  counter-increment: item;
  max-width: 185px;
  white-space: normal;
  overflow-x: hidden;
  overflow-y: visible;
}
#call-sheet-locations ol li:before {
  content: counter(item) ' ';
  font-weight: bold;
  margin-right: 5px;
}
#call-sheet-locations ol li.nonumber {
  counter-increment: none;
  list-style-type: none;
}
#call-sheet-locations ol li.nonumber:before {
  content: none;
}
#call-sheet-basecamp {
  border-top: 1px solid #333;
  height: auto;
}
#call-sheet-basecamp .call-sheet-section-content #call-sheet-hospital {
  background-color: #eee;
  border-top: 1px solid #333;
  padding: 3px;
  padding-bottom: 2px;
}
.location-inputcontainer {
  margin-top: 20px;
}
.location-inputcontainer:first-child {
  margin-top: 0px;
}
/* WEATHER */
#call-sheet-weather #dailycalltimes-weather span {
  font-style: italic;
}
#call-sheet-weather .call-sheet-table.table th,
#call-sheet-weather .call-sheet-table.table tr:hover th {
  background: transparent;
}
.modal-dialog-content.weather-dialog {
  padding-top: 0;
  padding-bottom: 0;
}
.modal-dialog-content.weather-dialog #schedule-start-weather {
  width: 100%;
  height: 20px;
}
/* CALL TIMES */
#call-sheet-crewcall .call-sheet-table.table {
  font-size: 12px;
}
#call-sheet-crewcall .call-sheet-table.table th,
#call-sheet-crewcall .call-sheet-table.table tr:hover th {
  background: transparent;
}
#call-sheet-crewcall .call-sheet-table.table span {
  text-transform: uppercase;
  font-size: 14px;
}
.schedule-improved-dialog .calltime-inputcontainer {
  margin-top: 20px;
}
.schedule-improved-dialog .calltime-inputcontainer:first-child {
  margin-top: 0px;
}
/* CREW NOTES */
#call-sheet-crewnotes {
  padding: 0px 11px;
}
#call-sheet-crewnotes .crewnote {
  font-weight: 800;
}
#call-sheet-crewnotes .crewnote.crewnote-template {
  border: 1px solid #333;
}
.crewnotes-dialog #schedule-start-crewnotes {
  margin-bottom: 15px;
  width: 490px;
  margin-right: 15px;
}
/* SCENE LIST */
.schedule-improved #scene-summary-table td,
.schedule-improved #call-sheet-advance td,
.schedule-improved #scene-summary-table th,
.schedule-improved #call-sheet-advance th {
  border: solid 1px #ddd;
}
.schedule-improved #scene-summary-table .banner .strip-value,
.schedule-improved #call-sheet-advance .banner .strip-value {
  text-align: left;
  padding: 0px;
}
.schedule-improved #scene-summary-table .callsheetcontent-scenelocation-input,
.schedule-improved #call-sheet-advance .callsheetcontent-scenelocation-input {
  height: auto;
  min-height: 32px;
}
.schedule-improved .scenesum-table,
.schedule-improved-dialog .scenesum-table {
  width: 100%;
  background-color: #fff;
}
/* CAST LIST */
.schedule-improved #casttable tr,
.schedule-improved #casttable th,
.schedule-improved #casttable td {
  border: solid 1px #ddd;
}
.schedule-improved.cast-list-modal,
.schedule-improved-dialog.cast-list-modal {
  width: 1015px;
}
.schedule-improved.cast-list-modal input.casttablerow-actorEmail,
.schedule-improved-dialog.cast-list-modal input.casttablerow-actorEmail,
.schedule-improved.cast-list-modal input.casttablerow-specialInstructions,
.schedule-improved-dialog.cast-list-modal input.casttablerow-specialInstructions {
  padding: 2px !important;
  margin-top: -2px;
  border-radius: 3px;
}
.schedule-improved.cast-list-modal td,
.schedule-improved-dialog.cast-list-modal td {
  text-overflow: unset !important;
}
.schedule-improved #call-sheet-castlist,
.schedule-improved-dialog #call-sheet-castlist {
  display: flex;
  flex-direction: column;
}
.schedule-improved #call-sheet-castlist .call-sheet-section-content,
.schedule-improved-dialog #call-sheet-castlist .call-sheet-section-content {
  display: flex;
  flex: 1;
}
.schedule-improved .call-sheet-section-castlist,
.schedule-improved-dialog .call-sheet-section-castlist {
  width: 100%;
  display: flex;
}
.schedule-improved .call-sheet-section-castlist .call-sheet-castcontainer,
.schedule-improved-dialog .call-sheet-section-castlist .call-sheet-castcontainer {
  width: 100%;
}
.schedule-improved .modal-dialog-content table th,
.schedule-improved-dialog .modal-dialog-content table th {
  background-color: #6b6d6e;
  color: white;
}
.schedule-improved .modal-dialog-content table#casttable tr td,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td,
.schedule-improved .modal-dialog-content table#casttable tr th,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th {
  width: 90px;
}
.schedule-improved .modal-dialog-content table#casttable tr td:nth-of-type(5),
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:nth-of-type(5),
.schedule-improved .modal-dialog-content table#casttable tr th:nth-of-type(5),
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:nth-of-type(5) {
  width: 35px;
}
.schedule-improved .modal-dialog-content table#casttable tr td:nth-of-type(6),
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:nth-of-type(6),
.schedule-improved .modal-dialog-content table#casttable tr th:nth-of-type(6),
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:nth-of-type(6),
.schedule-improved .modal-dialog-content table#casttable tr td:nth-of-type(7),
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:nth-of-type(7),
.schedule-improved .modal-dialog-content table#casttable tr th:nth-of-type(7),
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:nth-of-type(7),
.schedule-improved .modal-dialog-content table#casttable tr td:nth-of-type(8),
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:nth-of-type(8),
.schedule-improved .modal-dialog-content table#casttable tr th:nth-of-type(8),
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:nth-of-type(8),
.schedule-improved .modal-dialog-content table#casttable tr td:nth-of-type(9),
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:nth-of-type(9),
.schedule-improved .modal-dialog-content table#casttable tr th:nth-of-type(9),
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:nth-of-type(9) {
  width: 60px;
}
.schedule-improved .modal-dialog-content table#casttable tr td:first-child,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:first-child,
.schedule-improved .modal-dialog-content table#casttable tr th:first-child,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:first-child {
  width: 18px;
}
.schedule-improved .modal-dialog-content table#casttable tr td:nth-child(2),
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:nth-child(2),
.schedule-improved .modal-dialog-content table#casttable tr th:nth-child(2),
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:nth-child(2) {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-improved .modal-dialog-content table#casttable tr td:last-child,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td:last-child,
.schedule-improved .modal-dialog-content table#casttable tr th:last-child,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th:last-child {
  text-transform: none;
  width: 182px;
}
.schedule-improved .modal-dialog-content table#casttable tr td.full-width,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td.full-width,
.schedule-improved .modal-dialog-content table#casttable tr th.full-width,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th.full-width {
  width: 1082px !important;
}
.schedule-improved .modal-dialog-content table#casttable tr td input,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td input,
.schedule-improved .modal-dialog-content table#casttable tr th input,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th input {
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-improved .modal-dialog-content table#casttable tr td input.casttablerow-specialInstructions,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td input.casttablerow-specialInstructions,
.schedule-improved .modal-dialog-content table#casttable tr th input.casttablerow-specialInstructions,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th input.casttablerow-specialInstructions {
  width: 182px;
}
.schedule-improved .modal-dialog-content table#casttable tr td input.casttablerow-actorEmail,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td input.casttablerow-actorEmail,
.schedule-improved .modal-dialog-content table#casttable tr th input.casttablerow-actorEmail,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th input.casttablerow-actorEmail {
  color: black;
  background: white;
  padding: 1px;
}
.schedule-improved .modal-dialog-content table#casttable tr td input[disabled].casttablerow-actorEmail,
.schedule-improved-dialog .modal-dialog-content table#casttable tr td input[disabled].casttablerow-actorEmail,
.schedule-improved .modal-dialog-content table#casttable tr th input[disabled].casttablerow-actorEmail,
.schedule-improved-dialog .modal-dialog-content table#casttable tr th input[disabled].casttablerow-actorEmail {
  background-color: #3b3d3e;
}
.schedule-improved .modal-dialog-content table .time-field,
.schedule-improved-dialog .modal-dialog-content table .time-field {
  width: 55px !important;
  padding: 0px;
  border: none;
  box-shadow: none;
}
.schedule-improved .modal-dialog-content table .minimalistselect,
.schedule-improved-dialog .modal-dialog-content table .minimalistselect {
  font-weight: normal;
}
.schedule-improved .modal-dialog-content table .minimalistselect .goog-menu-button-caption,
.schedule-improved-dialog .modal-dialog-content table .minimalistselect .goog-menu-button-caption {
  font-size: 13px;
  letter-spacing: normal;
  width: 74px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-improved .call-sheet-time,
.schedule-improved-dialog .call-sheet-time {
  text-align: center;
}
.schedule-improved .casttablerow-specialInstructions,
.schedule-improved-dialog .casttablerow-specialInstructions {
  padding: 0px;
  width: 206px;
  margin-bottom: 0px;
  border: none;
  box-shadow: none;
}
.schedule-improved-dialog #casttable.table tr td,
.schedule-improved-dialog #casttable.table tr th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.call-sheet-footnote {
  margin-top: 10px;
}
/* TRANSPORT NOTES */
#call-sheet-transport .call-sheet-table.table tr,
#call-sheet-transport .call-sheet-table.table th,
#call-sheet-transport .call-sheet-table.table td {
  border: solid 1px #ddd;
  text-transform: uppercase;
}
#call-sheet-transport .call-sheet-table.table .combined-cell {
  border-right-style: hidden;
}
.transport-dialog {
  min-height: 240px !important;
}
.transport-dialog #call-sheet-transport-select {
  margin: 0px 15px;
}
.transport-dialog #add-pickup-time,
.transport-dialog #add-flight-time {
  text-align: center;
}
.transport-dialog #transport-departure {
  margin-left: 35px;
}
.transport-dialog #transport-notes {
  overflow-y: auto;
}
.transport-dialog #transport-notes i {
  font-size: 8px;
  cursor: pointer;
}
.transport-dialog table#dialog-table-pickups,
.transport-dialog table#dialog-table-flights {
  margin-top: 10px;
}
.transport-dialog #transport-add-pickup {
  margin-bottom: 7px;
}
.transport-dialog #transport-add-pickup .flex-container-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.transport-dialog #transport-add-pickup .text-error {
  position: fixed;
  left: unset;
  bottom: unset;
}
.transport-dialog #transport-add-flight {
  margin-top: 12px;
  flex-direction: column;
}
.transport-dialog #transport-add-flight form,
.transport-dialog #transport-add-flight div {
  flex-shrink: 0;
}
.transport-dialog #transport-add-flight .text-error {
  position: fixed;
  left: unset;
  bottom: unset;
}
.transport-dialog #transport-add-flight div.flex-container-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.transport-dialog #transport-add-flight form {
  width: fit-content;
  margin-top: -35px;
  margin-left: 250px;
}
.transport-dialog #transport-add-flight form input {
  vertical-align: baseline;
  margin-right: 2px;
}
.transport-dialog table {
  width: fit-content;
  margin: auto;
}
.transport-dialog table.call-sheet-table th {
  background-color: #6b6d6e;
}
.transport-dialog table tbody {
  max-height: unset !important;
}
.transport-dialog .transport-note {
  text-align: left;
  border-bottom: solid 1px #6b6d6e;
}
.transport-dialog .transport-note div {
  margin-right: 12px;
}
.transport-dialog .call-sheet-add-item input[type=text] {
  display: inline-block;
  width: 92px;
}
.transport-dialog .goog-menu-vertical {
  max-height: 100px !important;
  width: 104px;
}
/* DEPARTMENTAL NOTES */
#call-sheet-departmental .call-sheet-table table tbody {
  border: none !important;
}
#call-sheet-departmental .call-sheet-table.table {
  width: 100%;
  height: auto;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#call-sheet-departmental .call-sheet-table.table th {
  text-transform: uppercase;
}
#call-sheet-departmental .call-sheet-table.table tr,
#call-sheet-departmental .call-sheet-table.table th,
#call-sheet-departmental .call-sheet-table.table td {
  border: solid 1px #ddd;
}
#call-sheet-departmental .call-sheet-table.table .call-sheet-department-heading {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
#call-sheet-departmental .call-sheet-table.table .call-sheet-department-item {
  border-right: none;
}
.departmental-dialog table tbody {
  border: none;
}
.departmental-dialog table tbody th.call-sheet-note-heading {
  background-color: #6b6d6e;
  color: white;
}
.departmental-dialog table tbody tr:hover th.call-sheet-note-heading {
  background-color: #8b8d8e !important;
}
.departmental-dialog #call-sheet-department-select {
  margin: 0px 15px;
  text-transform: capitalize;
}
.departmental-dialog #schedule-start-departmentalnotes {
  margin-bottom: 15px;
  width: 490px;
  margin-right: 15px;
}
.departmental-dialog .departmental-section {
  margin-top: 15px;
  margin-bottom: 5px;
}
.departmental-dialog .departmental-note {
  text-align: left;
  border-bottom: solid 1px #6b6d6e;
}
.departmental-dialog .departmental-note div {
  margin-right: 12px;
}
.departmental-dialog .departmental-note i.note-remove {
  font-size: 8px;
  cursor: pointer;
}
.departmental-dialog a.btn-primary {
  float: right;
}
/* ADVANCE */
#call-sheet-advance .call-sheet-advance-title {
  background: #eee;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  position: relative;
  border-bottom: 1px solid #ddd;
}
#call-sheet-advance .call-sheet-advance-date {
  position: absolute;
  left: 5px;
}
#call-sheet-advance .call-sheet-advance-location {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
}
#call-sheet-advance .call-sheet-advance-location span {
  text-transform: uppercase;
}
/* CONTACT LIST */
#call-sheet-contacts .footer-contact {
  text-align: center;
  width: 20%;
  max-width: 20%;
  display: inline-block;
  vertical-align: top;
  height: 55px;
  padding: 5px 0px;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 1px 0px 0px 0px #dddddd;
  -moz-box-shadow: 1px 0px 0px 0px #dddddd;
  box-shadow: 1px 0px 0px 0px #dddddd;
}
#call-sheet-contacts .footer-contact span {
  text-decoration: underline;
}
#call-sheet-contacts .footer-contact div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 7px;
  max-width: 155px;
}
#call-sheet-contacts .footer-contact:nth-child(5n) {
  box-shadow: none;
}
/* CREW GRID */
.crewgrid-dialog .crewgrid-add-container,
.recipientlist-dialog .crewgrid-add-container {
  padding-bottom: 20px;
}
.crewgrid-dialog .crewgrid-add-container .crewgrid-add,
.recipientlist-dialog .crewgrid-add-container .crewgrid-add {
  height: 80px;
}
.crewgrid-dialog .crewgrid-add-container .ib,
.recipientlist-dialog .crewgrid-add-container .ib {
  height: 28px;
  vertical-align: top;
  line-height: 28px;
  margin-bottom: 15px;
}
.crewgrid-dialog .crewgrid-add-container input,
.recipientlist-dialog .crewgrid-add-container input {
  display: inline-block;
  width: 88px;
  padding: 3px 5px;
  margin-right: 8px;
}
.crewgrid-dialog .crewgrid-add-container select,
.recipientlist-dialog .crewgrid-add-container select {
  width: 150px;
  vertical-align: middle;
  margin: 0px 10px 15px 10px;
}
.crewgrid-dialog .crewgrid-add-container #call-sheet-add-btn,
.recipientlist-dialog .crewgrid-add-container #call-sheet-add-btn {
  height: 18px;
  line-height: 18px;
  display: inline-block;
}
.crewgrid-dialog .call-sheet-table thead tr,
.recipientlist-dialog .call-sheet-table thead tr {
  border-bottom: solid 1px #8b8d8e !important;
}
.crewgrid-dialog .call-sheet-table tbody,
.recipientlist-dialog .call-sheet-table tbody {
  border: none;
}
.crewgrid-dialog .call-sheet-table.table tr td:last-child,
.recipientlist-dialog .call-sheet-table.table tr td:last-child,
.crewgrid-dialog .call-sheet-table.table tr th:last-child,
.recipientlist-dialog .call-sheet-table.table tr th:last-child {
  text-align: center;
}
.crewgrid-dialog .call-sheet-table .time-field,
.recipientlist-dialog .call-sheet-table .time-field {
  width: 82px;
  padding: 0px;
  padding-left: 3px;
  border: none;
  box-shadow: none;
}
#call-sheet-crewgrid .call-sheet-table {
  border-bottom: none;
  border-style: hidden;
}
#call-sheet-crewgrid .call-sheet-table.table th {
  height: 19px;
}
#call-sheet-crewgrid .call-sheet-table.table th,
#call-sheet-crewgrid .call-sheet-table.table td {
  white-space: nowrap;
  text-align: left;
  min-width: 40px;
}
#call-sheet-crewgrid .call-sheet-table.table td div {
  max-width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crew-grid-column {
  display: inline-block;
  vertical-align: top;
  border: none;
  width: 284px;
  min-height: 100px;
}
.crew-grid-column:nth-child(2) {
  margin-left: -1px;
  margin-right: -1px;
}
.crew-grid-column:last-child {
  width: 282px;
}
.crew-grid-table {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
  font-size: 11px;
  color: #555;
  max-width: 284px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.crew-grid-table:first-child {
  border-top: 1px solid #ddd;
}
.crew-grid-table:last-child {
  border-bottom: 1px solid #ddd;
}
.crew-grid-table.table {
  margin: 0px;
}
.crew-grid-table.table th {
  height: 18px;
}
.crew-grid-table.table th,
.crew-grid-table.table td {
  white-space: nowrap;
  text-align: left;
  min-width: 40px;
  border-right: 1px solid #ddd;
}
.crew-grid-table.table th {
  background-color: #eee;
}
.crew-grid-table.table td {
  background-color: white;
}
.crew-grid-table.table td div {
  max-width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-improved-department-select input {
  text-transform: capitalize;
}
#reorder-btn,
#stop-reorder-btn {
  background-color: #2FB5B4;
}
.billing-update-component {
  margin: 0 auto;
}
.distribute-titlebar {
  background: #fff;
  padding-right: 120px;
  height: 52px;
}
.distribute-titlebar .distribute-btn-container {
  float: right;
}
.distribute-titlebar .distribute-btn-container .schedulereports-btn {
  width: 100px;
  margin: 8px auto;
}
.distribute-titlebar .distribute-btn-container .schedulereports-btn i {
  margin-right: 10px;
}
.distribute-titlebar .distribute-btn-container .schedulereports-btn:active {
  background-color: #1FA3A2;
}
.distribute-titlebar .distribute-btn-container #distribute-btn-cancel {
  margin-right: 10px;
}
#sidebar.sidebar-container-distribute,
#sidebar.sidebar-container-message {
  padding: 30px 0px;
}
#sidebar.sidebar-container-distribute .distribute-heading,
#sidebar.sidebar-container-message .distribute-heading {
  padding-left: 18px;
}
#sidebar.sidebar-container-distribute .distribute-heading .distribute-title,
#sidebar.sidebar-container-message .distribute-heading .distribute-title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
}
#sidebar.sidebar-container-distribute .distribute-heading .distribute-subtitle,
#sidebar.sidebar-container-message .distribute-heading .distribute-subtitle {
  color: #ababab;
  line-height: 15px;
}
#sidebar.sidebar-container-distribute #distribute-list-container,
#sidebar.sidebar-container-message #distribute-list-container {
  margin-top: 30px;
}
#sidebar.sidebar-container-distribute #distribute-list-container,
#sidebar.sidebar-container-message #distribute-list-container {
  margin-top: 30px;
}
#sidebar.sidebar-container-distribute #distribute-list,
#sidebar.sidebar-container-message #distribute-list {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  width: 225px;
  margin: 0px 5px 30px 5px;
  color: #fff;
  max-height: 350px;
  overflow: auto;
}
#sidebar.sidebar-container-distribute .distribute-list-person,
#sidebar.sidebar-container-message .distribute-list-person {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
#sidebar.sidebar-container-distribute .distribute-list-person .distribute-person-name,
#sidebar.sidebar-container-message .distribute-list-person .distribute-person-name,
#sidebar.sidebar-container-distribute .distribute-list-person .distribute-person-email,
#sidebar.sidebar-container-message .distribute-list-person .distribute-person-email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#sidebar.sidebar-container-distribute .distribute-list-person .distribute-person-name,
#sidebar.sidebar-container-message .distribute-list-person .distribute-person-name {
  text-transform: capitalize;
}
#sidebar.sidebar-container-distribute .avatar,
#sidebar.sidebar-container-message .avatar {
  margin-top: 5px;
  margin-right: 10px;
}
#sidebar.sidebar-container-distribute .distribute-list-circle,
#sidebar.sidebar-container-message .distribute-list-circle {
  background-color: #4fc0e8;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 14px;
  text-align: center;
}
#sidebar.sidebar-container-distribute #distribute-count {
  float: right;
  border: 1px solid #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 20px;
  color: #fff;
  text-align: center;
}
#sidebar.sidebar-container-distribute .distribute-list-person {
  border-top: 1px solid #555;
  padding: 12px 15px;
}
#sidebar.sidebar-container-distribute .distribute-list-person:first-child {
  border-top: none;
}
#sidebar.sidebar-container-distribute #distribute-btn-edit {
  margin: 0 52px;
  width: 99px;
}
#sidebar.sidebar-container-distribute #distribute-btn-edit i {
  margin-right: 5px;
  font-size: 10px;
}
#sidebar.sidebar-container-distribute .distribute-heading {
  width: 145px;
}
#sidebar.sidebar-container-distribute .distribute-list-warning {
  padding: 15px;
  color: #ababab;
}
#sidebar.sidebar-container-distribute .distribute-person-name,
#sidebar.sidebar-container-distribute .distribute-person-email {
  max-width: 140px;
}
#sidebar.sidebar-container-message {
  background: #4c4c4c;
  width: 320px;
}
#sidebar.sidebar-container-message #distribute-subject,
#sidebar.sidebar-container-message #distribute-message {
  border-radius: 8px;
  margin: 5px 25px;
  width: 260px;
}
#sidebar.sidebar-container-message #distribute-subject-invalid,
#sidebar.sidebar-container-message #distribute-message-invalid {
  color: red;
  margin: 5px 25px;
  width: 260px;
}
#sidebar.sidebar-container-message .distribute-heading {
  width: 240px;
  margin-bottom: 20px;
}
#sidebar.sidebar-container-message .distribute-list-person {
  padding: 18px 25px;
}
#sidebar.sidebar-container-message .distribute-person-name,
#sidebar.sidebar-container-message .distribute-person-email {
  max-width: 235px;
}
.screenplay-logo {
  background-image: url('../img/celtxLogoWhite.svg');
  background-size: cover;
  margin: auto;
  height: 105px;
  width: 254px;
}
.screenplay-passwordreset-view {
  background: #2E2F2F;
  min-height: 100%;
  text-align: center;
  padding-top: 60px;
}
.screenplay-passwordreset-view h3 {
  color: #fff;
}
.screenplay-passwordreset-view {
  color: #fff;
}
.screenplay-passwordreset-view #screenplay-forgot-password,
.screenplay-passwordreset-view #screenplay-reset-success {
  display: inline-block;
  text-align: left;
  width: 80%;
  max-width: 800px;
  margin: 60px auto;
}
.screenplay-passwordreset-view .faq-answer {
  margin-bottom: 30px;
}
.screenplay-passwordreset-view a {
  color: #2FB5B4;
}
.screenplay-passwordreset-view input[type=submit] {
  margin-left: 15px;
}
.screenplay-passwordreset-view form {
  height: 85px;
  padding-top: 10px;
}
@media (max-height: 900px) {
  .screenplay-logo {
    width: 160px;
    height: 66px;
  }
  .pwa-project-creation-subheading {
    width: 265px;
    margin: auto;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .screenplay-logo {
    width: 160px;
    height: 66px;
  }
}
.billing-history-mount {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  display: flex;
  position: fixed;
  align-items: center;
  letter-spacing: 0.06em;
  justify-content: center;
  font-family: "lato", sans-serif;
  background: rgba(102, 102, 102, 0.5);
}
@media only screen and (max-width: 1000px) {
  .billing-history-root {
    max-width: calc(100vw - 118px);
    max-height: calc(100vh - 118px);
  }
  .billing-history-root .bh-grid-container {
    overflow: auto;
  }
}
@media only screen and (max-width: 600px) {
  .billing-history-root {
    padding: 30px !important;
    max-width: calc(100vw - 80px);
    max-height: calc(100vh - 80px);
  }
}
@media only screen and (max-height: 500px) {
  .billing-history-root {
    padding: 30px !important;
    max-height: calc(100vh - 80px);
  }
  .billing-history-root .bh-grid-container .content {
    max-height: calc(100vh - 130px);
  }
}
.billing-history-root,
.cart-not-supported-root {
  padding: 50px;
  position: relative;
  border-radius: 25px;
  width: auto !important;
  background: white !important;
}
.billing-history-root > .bh-close-btn,
.cart-not-supported-root > .bh-close-btn {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  filter: contrast(0.5);
  background-size: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/studiomanagement/plan/Cancel (Dark Grey).png');
}
.billing-history-root .header,
.cart-not-supported-root .header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}
.billing-history-root .header .title,
.cart-not-supported-root .header .title {
  font-size: 21px;
  color: #945CA3;
  font-weight: 600;
}
.billing-history-root.loading .bh-grid-container,
.cart-not-supported-root.loading .bh-grid-container {
  display: flex;
  justify-content: center;
}
.billing-history-root .content,
.cart-not-supported-root .content {
  display: grid;
  margin: 0 auto;
  overflow-y: auto;
  max-height: 300px;
  width: max-content;
  overflow-x: hidden;
  justify-items: stretch;
  grid-template-columns: repeat(5, auto);
}
.billing-history-root .content.overflow,
.cart-not-supported-root .content.overflow {
  padding: 0px 10px 0px 0px;
}
.billing-history-root .content .bh-loading,
.cart-not-supported-root .content .bh-loading {
  width: 60px;
  height: 60px;
  fill: grey;
}
.billing-history-root .content .bh-loading-anchor,
.cart-not-supported-root .content .bh-loading-anchor,
.billing-history-root .content .bh-loading.main,
.cart-not-supported-root .content .bh-loading.main,
.billing-history-root .content .bh-error,
.cart-not-supported-root .content .bh-error {
  padding-top: 20px;
  justify-self: center;
  grid-column: 1 / span 5;
}
.billing-history-root .content .bh-loading-anchor,
.cart-not-supported-root .content .bh-loading-anchor {
  padding-top: 10px;
}
.billing-history-root .content .bh-loading-anchor > .bh-loading,
.cart-not-supported-root .content .bh-loading-anchor > .bh-loading {
  width: 20px;
  height: 20px;
}
.billing-history-root .content .bh-error,
.cart-not-supported-root .content .bh-error {
  max-width: 490px;
  text-align: center;
}
.billing-history-root .content .bh-grid-cell,
.cart-not-supported-root .content .bh-grid-cell {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 10px;
  padding-right: 50px;
  border-bottom: 2px solid #dbdbdb;
}
.billing-history-root .content .bh-grid-cell:nth-child(5n + 5),
.cart-not-supported-root .content .bh-grid-cell:nth-child(5n + 5) {
  padding-right: 10px;
}
.billing-history-root .content .bh-grid-cell.col-label,
.cart-not-supported-root .content .bh-grid-cell.col-label,
.billing-history-root .content .bh-grid-cell.row-item,
.cart-not-supported-root .content .bh-grid-cell.row-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.billing-history-root .content .bh-grid-cell.col-label.fullreceipt,
.cart-not-supported-root .content .bh-grid-cell.col-label.fullreceipt,
.billing-history-root .content .bh-grid-cell.row-item.fullreceipt,
.cart-not-supported-root .content .bh-grid-cell.row-item.fullreceipt,
.billing-history-root .content .bh-grid-cell.row-item.null-item,
.cart-not-supported-root .content .bh-grid-cell.row-item.null-item {
  justify-content: center;
}
.billing-history-root .content .bh-grid-cell.col-label,
.cart-not-supported-root .content .bh-grid-cell.col-label {
  position: sticky;
  top: 0;
  font-size: 17px;
  font-weight: 700;
  color: #2FB5B4;
  padding-bottom: 20px;
  background-color: white;
}
.billing-history-root .content .bh-grid-cell.row-item,
.cart-not-supported-root .content .bh-grid-cell.row-item {
  font-size: 13px;
  color: #4a4a4a;
  font-family: "Lato";
  padding: 12px 10px;
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod {
  padding-left: 6px;
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-brand,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-brand {
  width: 52px;
  height: 29px;
  margin-right: 10px;
  background-size: 37px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 8px 4px;
  background-image: url('../img/cart/Branding/Default.png');
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.visa,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.visa {
  background-size: 40px;
  background-position: 6px 9px;
  background-image: url('../img/cart/Branding/Visa.png');
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.amex,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.amex {
  background-size: 46px;
  background-position: 3px 10px;
  background-image: url('../img/cart/Branding/Amex.png');
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.unionpay,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.unionpay {
  background-size: 36px;
  background-position: 10px 5px;
  background-image: url('../img/cart/Branding/UnionPay.png');
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.discover,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.discover {
  background-size: 45px;
  background-position: 5px 13px;
  background-image: url('../img/cart/Branding/Discover.png');
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.diners,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.diners {
  background-size: 46px;
  background-position: 4px 10px;
  background-image: url('../img/cart/Branding/DinersClub.png');
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.mastercard,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-brand.mastercard {
  background-size: 35px;
  background-position: 9px 4px;
  background-image: url('../img/cart/Branding/MasterCard.png');
}
.billing-history-root .content .bh-grid-cell.row-item.paymentmethod .card-text,
.cart-not-supported-root .content .bh-grid-cell.row-item.paymentmethod .card-text {
  cursor: default;
}
.billing-history-root .content .bh-grid-cell.row-item.fullreceipt,
.cart-not-supported-root .content .bh-grid-cell.row-item.fullreceipt {
  cursor: pointer;
  padding-right: 25px;
}
.billing-history-root .content .bh-grid-cell.row-item.fullreceipt .pdf-logo,
.cart-not-supported-root .content .bh-grid-cell.row-item.fullreceipt .pdf-logo {
  background-image: url(../img/pdf-logo.png);
  background-repeat: no-repeat;
  background-size: 23px;
  height: 23px;
  width: 24px;
  margin-right: 10px;
}
.billing-history-root .content .bh-grid-cell.row-item.fullreceipt .pdf-link,
.cart-not-supported-root .content .bh-grid-cell.row-item.fullreceipt .pdf-link {
  color: inherit !important;
}
.billing-history-root .content .bh-grid-cell.row-item.fullreceipt .pdf-link span,
.cart-not-supported-root .content .bh-grid-cell.row-item.fullreceipt .pdf-link span {
  border-bottom: 1px solid #414141;
}
.billing-history-root .content::-webkit-scrollbar,
.cart-not-supported-root .content::-webkit-scrollbar {
  width: 5px;
  background-color: #ffffff;
}
.billing-history-root .content::-webkit-scrollbar-track,
.cart-not-supported-root .content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #6161614d;
  -webkit-box-shadow: inset 0 0 6px #6161614d;
  border-radius: 3px;
  background-color: #ffffff;
  margin-top: 36px;
}
.billing-history-root .content::-webkit-scrollbar-thumb,
.cart-not-supported-root .content::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px #f8f8f84d;
  -webkit-box-shadow: inset 0 0 6px #f8f8f84d;
  background-color: #bebebe;
}
.onboarding-dialog-container .desktop-onboarding-dialog-transition {
  z-index: 2002;
}
.onboarding-dialog-container .desktop-onboarding-dialog-transition .onboarding-dialog {
  opacity: 0;
}
@keyframes onboardingSlideOutUp {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    transition-duration: 0.25s;
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-duration: 0.25s;
  }
}
.onboarding-dialog-container .desktop-onboarding-dialog-transition.onboardingSlideInProgress .onboarding-dialog {
  animation: slideInDown 250ms;
  opacity: 1;
}
.onboarding-dialog-container .desktop-onboarding-dialog-transition.onboardingSlideInInactive .onboarding-dialog,
.onboarding-dialog-container .desktop-onboarding-dialog-transition.onboardingSlideOutFinished .onboarding-dialog {
  opacity: 0;
}
.onboarding-dialog-container .desktop-onboarding-dialog-transition.onboardingSlideOutProgress .onboarding-dialog {
  animation: onboardingSlideOutUp 500ms;
}
.onboarding-dialog-container .desktop-onboarding-dialog-transition.onboardingSlideInFinished .onboarding-dialog,
.onboarding-dialog-container .desktop-onboarding-dialog-transition.onboardingSlideOutInactive .onboarding-dialog {
  opacity: 1;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog {
  min-height: 100%;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content {
  flex: 1;
  overflow-y: scroll;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .rc-select.select-container {
  width: calc(100% - 4px) !important;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .rc-select.select-container .input-field::placeholder {
  color: #999;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .banner-edit-dialog {
  position: initial;
  display: flex;
  height: 100%;
  width: 100%;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .verify-account-container .verify-account-inputs {
  width: 265px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px auto 0;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .verify-account-container .verify-account-help {
  display: initial;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .verify-account-container .verify-account-help button {
  height: 30px;
  margin: 5px;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .verify-account-container #verify-account-error {
  padding: 15px;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .create-project-container form > div {
  height: unset;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-row-gap: 10px;
  padding-bottom: 15px;
}
.onboarding-dialog-container .mobile-onboarding-dialog.onboarding-dialog .mobile-full-screen-dialog-content .create-project-container form > div > input {
  width: 100%;
}
.onboarding-dialog-container .desktop-onboarding-dialog.onboarding-dialog {
  height: 580px;
  width: 620px;
  border-radius: 20px;
  display: flex;
}
.onboarding-dialog-container .desktop-onboarding-dialog.onboarding-dialog .answer-questions-container fieldset button:hover,
.onboarding-dialog-container .desktop-onboarding-dialog.onboarding-dialog .answer-questions-container fieldset button:active {
  border: 1px solid #2FB5B4;
  background-color: transparent !important;
}
.onboarding-dialog-container .desktop-onboarding-dialog.onboarding-dialog .answer-questions-container fieldset button:hover[disabled],
.onboarding-dialog-container .desktop-onboarding-dialog.onboarding-dialog .answer-questions-container fieldset button:active[disabled] {
  border-color: #999;
}
.onboarding-dialog-container .onboarding-dialog {
  background-color: #222222;
  color: #F6F6F6;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container {
  border: 2px solid #222222;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container.error {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container:focus-within,
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container:focus {
  border: 2px solid #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container .input-controls-container {
  border: none;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container {
  min-height: 34px;
  height: 34px;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container .menu-list .option {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #222222;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container .menu-list .option.is-highlighted {
  background-color: #D8D8D8 !important;
  border: 2px solid #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container .input-controls-container {
  min-height: 34px;
  height: 34px;
}
.onboarding-dialog-container .onboarding-dialog .rc-select.select-container .input-controls-container .input-container {
  padding: 8px;
  font-size: 14px;
  color: #222;
  min-height: 34px;
  letter-spacing: normal;
  align-content: flex-start;
}
.onboarding-dialog-container .onboarding-dialog .dragger {
  display: none;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: center;
  padding-bottom: 0px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .onboarding-input {
  display: flex;
  max-height: 18px;
  padding: 8px;
  font-size: 14px;
  font-family: lato;
  flex: 1;
  margin: 0px;
  color: #222;
  width: unset;
  border: 2px solid #222222;
  background-color: #F6F6F6;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .onboarding-input.error {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .onboarding-input:focus-within,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .onboarding-input:focus {
  border: 2px solid #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content label {
  font-size: 13px;
  letter-spacing: 0.04em;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .onboarding-header-container .onboarding-header {
  padding-top: 5px;
  padding-bottom: 25px;
  font-size: 18px;
  color: #F6F6F6;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .onboarding-header-container .onboarding-header .onboarding-title .onboarding-title-image {
  background: var(--inviter-image);
  height: 1em;
  width: 1em;
  background-size: cover;
  aspect-ratio: 1;
  display: inline-flex;
  border-radius: 100%;
  border: 1px solid #F6F6F6;
  margin: 0 5px 3px 0;
  vertical-align: middle;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container h1 {
  margin-bottom: 20px;
  font-size: 46px;
  color: #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container h2 {
  font-size: 20px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container p {
  font-size: 14px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container .verify-account-help {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container .verify-account-error-text {
  color: #FF6052;
  min-height: 24px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container .verify-account-inputs {
  margin-top: 60px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container button {
  color: #F6F6F6;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 10px;
  padding: 5px;
  background-color: transparent;
  text-shadow: none;
  width: 175px;
  margin: 0 5px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container button:active {
  background-color: transparent !important;
  color: #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container input.verify-account-input {
  background-color: hsla(179.55223881, 58.77192982%, 44.70588235%, 0.2);
  color: #2FB5B4;
  border: 2px solid #2FB5B4;
  border-radius: 6px;
  padding: 20px 15px;
  font-size: 30px;
  width: 30px;
  margin: 12px;
  height: auto;
  text-align: center;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container input[type=number]::-webkit-inner-spin-button,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .verify-account-container .verify-account-error input.verify-account-input {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .answer-questions-container,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container {
  width: 86%;
  height: 76%;
  margin: auto;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container {
  display: grid;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container h1 {
  font-size: 18px;
  font-weight: normal;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .onboarding-header-container {
  padding-bottom: 20px;
  line-height: 16px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .onboarding-header {
  font-size: 14px;
  padding-bottom: 10px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container label {
  text-transform: uppercase;
  font-size: 14px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .password-input-container {
  width: 275px;
  display: flex;
  background-color: #F6F6F6;
  align-items: center;
  border: 2px solid #222222;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .password-input-container.error {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .password-input-container:focus-within,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .password-input-container:focus {
  border: 2px solid #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .password-input-container .onboarding-input {
  border: none;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .password-input-reveal {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: italic;
  color: #909090;
  padding: 6px 6px 6px 0px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .password-input-reveal:hover {
  color: #000000;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .display-email,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .set-password {
  margin: 30px 0;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container button.studio-pill {
  align-self: end;
  justify-self: end;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .choose-language-container .rc-select {
  width: 275px;
  border: 2px solid #222222;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .choose-language-container .rc-select.error {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .choose-language-container .rc-select:focus-within,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .set-password-container .choose-language-container .rc-select:focus {
  border: 2px solid #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .answer-questions-container h1 {
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  line-height: 10px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .answer-questions-container fieldset {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .answer-questions-container fieldset legend {
  color: #F6F6F6;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 15px;
  border-bottom: none;
  text-align: center;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .answer-questions-container fieldset button {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  background: transparent;
  color: #F6F6F6;
  text-shadow: none;
  font-size: 16px;
  border: 1px solid #999;
  border-radius: 8px;
  width: 320px;
  height: 55px;
  margin-bottom: 12px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .answer-questions-container fieldset button[disabled] {
  color: #999;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container h1 {
  font-size: 18px;
  font-weight: normal;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container h2 {
  font-size: 14px;
  line-height: 14px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container label {
  font-size: 14px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container button,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container input {
  border: 2px solid #222222;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container button.error,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container input.error {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container button:focus-within,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container input:focus-within,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container button:focus,
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container input:focus {
  border: 2px solid #2FB5B4;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container input {
  width: 207px;
  height: 24px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container form {
  margin-top: 30px;
  width: 100%;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container form > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container button.create-pill {
  align-self: end;
  justify-self: end;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container input[type='file'] {
  display: none;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container .count-input-container {
  border: 2px solid #222222;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container .count-input-container.error input {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container input.short {
  width: 85px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container .create-type {
  border: 2px solid #222222;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container .create-type.error {
  border: 2px solid #FF6052;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container button.create-pill {
  float: right;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container button.close {
  margin-top: -10px;
  padding: 10px;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content .create-project-container span {
  flex-direction: row;
  display: flex;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content div.navigation-container .onboarding-progress-tracker {
  display: inline-flex;
  flex-direction: row;
  position: absolute;
  bottom: 50px;
  left: 50%;
  align-items: flex-end;
  transform: translate(-50%, -8px);
  -webkit-transform: translate(-50%, -8px);
  -moz-transform: translate(-50%, -8px);
  -ms-transform: translate(-50%, -8px);
  -o-transform: translate(-50%, -8px);
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content div.navigation-container .onboarding-progress-tracker .onboarding-progress-circle {
  min-width: 8px;
  max-height: 8px;
  aspect-ratio: 1;
  border-radius: 100%;
  margin: 0px 4px;
  display: flex;
  border: 1px solid #945CA3;
}
.onboarding-dialog-container .onboarding-dialog .onboarding-dialog-content div.navigation-container .onboarding-progress-tracker .onboarding-progress-circle.completed {
  background-color: #945CA3;
  border-color: #945CA3;
}
.post-sso-login-notice__container {
  display: flex;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.post-sso-login-notice__container .post-sso-login-notice__logo {
  background: url("../img/celtxLogoBlack.svg") no-repeat top left !important;
  background-size: contain !important;
  background-position: 0 center !important;
  display: inline-block;
  height: 10%;
  aspect-ratio: 2.75;
  margin-bottom: 30px;
}
.post-sso-login-notice__container .post-sso-login-notice__success-text,
.post-sso-login-notice__container .post-sso-login-notice__error-text {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 10px;
}
.post-sso-login-notice__container .post-sso-login-notice__success-text {
  color: #F6F6F6;
}
.post-sso-login-notice__container .post-sso-login-notice__error-text {
  color: #FF6052;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url('https://fonts.gstatic.com/s/materialicons/v22/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2') format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  user-select: none;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
/* Rules for sizing the icon. */
.material-icons.md-16 {
  font-size: 16px;
}
.material-icons.md-17 {
  font-size: 17px;
}
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-19 {
  font-size: 19px;
}
.material-icons.md-20 {
  font-size: 20px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}
/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}
/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: #ffffff;
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
@font-face {
  font-family: 'celtxicons';
  src: url('https://s3.amazonaws.com/celtx.com/assets/celtxicons40/celtxicons.eot?19360838');
  src: url('https://s3.amazonaws.com/celtx.com/assets/celtxicons40/celtxicons.eot?19360838#iefix') format('embedded-opentype'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons40/celtxicons.woff2?19360838') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons40/celtxicons.woff?19360838') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons40/celtxicons.ttf?19360838') format('truetype'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons40/celtxicons.svg?19360838#celtxicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="cxi-"]:before,
[class*=" cxi-"]:before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.cxi-rotate-left {
  font-size: 16px;
}
.cxi-rotate-left:before {
  transform: rotate(-90deg);
}
.cxi-2_column_2:before {
  content: '\e800';
}
/* '' */
.cxi-accept_save_continue:before {
  content: '\e801';
}
/* '' */
.cxi-action:before {
  content: '\e802';
}
/* '' */
.cxi-actions:before {
  content: '\e803';
}
/* '' */
.cxi-add_plus:before {
  content: '\e804';
}
/* '' */
.cxi-add_zoom_plus:before {
  content: '\e805';
}
/* '' */
.cxi-advance_sort:before {
  content: '\e806';
}
/* '' */
.cxi-ai_breakdown_auto_2:before {
  content: '\e807';
}
/* '' */
.cxi-ai_breakdown_edit_settings_2:before {
  content: '\e808';
}
/* '' */
.cxi-ai_breakdown_magic_2:before {
  content: '\e809';
}
/* '' */
.cxi-appearance:before {
  content: '\e80a';
}
/* '' */
.cxi-attachment:before {
  content: '\e80b';
}
/* '' */
.cxi-av_2:before {
  content: '\e80c';
}
/* '' */
.cxi-back_previous_playfeature_2:before {
  content: '\e80d';
}
/* '' */
.cxi-back:before {
  content: '\e80e';
}
/* '' */
.cxi-backward:before {
  content: '\e80f';
}
/* '' */
.cxi-bold:before {
  content: '\e810';
}
/* '' */
.cxi-branch1:before {
  content: '\e811';
}
/* '' */
.cxi-branch2:before {
  content: '\e812';
}
/* '' */
.cxi-breakdown:before {
  content: '\e813';
}
/* '' */
.cxi-budget_details:before {
  content: '\e814';
}
/* '' */
.cxi-budget:before {
  content: '\e815';
}
/* '' */
.cxi-calendar:before {
  content: '\e816';
}
/* '' */
.cxi-callsheet_2:before {
  content: '\e817';
}
/* '' */
.cxi-cancel_delete:before {
  content: '\e818';
}
/* '' */
.cxi-catalogue:before {
  content: '\e819';
}
/* '' */
.cxi-catalogue2:before {
  content: '\e81a';
}
/* '' */
.cxi-character_number_shorthand:before {
  content: '\e81b';
}
/* '' */
.cxi-character:before {
  content: '\e81c';
}
/* '' */
.cxi-circle:before {
  content: '\e81d';
}
/* '' */
.cxi-collapse:before {
  content: '\e81e';
}
/* '' */
.cxi-colour_select:before {
  content: '\e81f';
}
/* '' */
.cxi-comment:before {
  content: '\e820';
}
/* '' */
.cxi-copy:before {
  content: '\e821';
}
/* '' */
.cxi-delete_id:before {
  content: '\e822';
}
/* '' */
.cxi-design_notes:before {
  content: '\e823';
}
/* '' */
.cxi-dev_notes:before {
  content: '\e824';
}
/* '' */
.cxi-diamond:before {
  content: '\e825';
}
/* '' */
.cxi-document:before {
  content: '\e826';
}
/* '' */
.cxi-down_arrow:before {
  content: '\e827';
}
/* '' */
.cxi-document2:before {
  content: '\e828';
}
/* '' */
.cxi-down:before {
  content: '\e829';
}
/* '' */
.cxi-duledialogue2:before {
  content: '\e82a';
}
/* '' */
.cxi-edit:before {
  content: '\e82b';
}
/* '' */
.cxi-email:before {
  content: '\e82c';
}
/* '' */
.cxi-embed_2:before {
  content: '\e82d';
}
/* '' */
.cxi-end_of_day:before {
  content: '\e82e';
}
/* '' */
.cxi-environment:before {
  content: '\e82f';
}
/* '' */
.cxi-eq:before {
  content: '\e830';
}
/* '' */
.cxi-event:before {
  content: '\e831';
}
/* '' */
.cxi-expand:before {
  content: '\e832';
}
/* '' */
.cxi-export_2:before {
  content: '\e833';
}
/* '' */
.cxi-filter_strips:before {
  content: '\e834';
}
/* '' */
.cxi-find_replace:before {
  content: '\e835';
}
/* '' */
.cxi-flag_banner:before {
  content: '\e836';
}
/* '' */
.cxi-folder:before {
  content: '\e837';
}
/* '' */
.cxi-format_font:before {
  content: '\e838';
}
/* '' */
.cxi-format:before {
  content: '\e839';
}
/* '' */
.cxi-forward:before {
  content: '\e83a';
}
/* '' */
.cxi-global_currency:before {
  content: '\e83b';
}
/* '' */
.cxi-hamburger_nav_move:before {
  content: '\e83c';
}
/* '' */
.cxi-help_hints:before {
  content: '\e83d';
}
/* '' */
.cxi-history:before {
  content: '\e83e';
}
/* '' */
.cxi-hyptic_fx:before {
  content: '\e83f';
}
/* '' */
.cxi-image:before {
  content: '\e840';
}
/* '' */
.cxi-import_2:before {
  content: '\e841';
}
/* '' */
.cxi-import:before {
  content: '\e842';
}
/* '' */
.cxi-index_cards:before {
  content: '\e843';
}
/* '' */
.cxi-info:before {
  content: '\e844';
}
/* '' */
.cxi-insights:before {
  content: '\e845';
}
/* '' */
.cxi-interactive_dialogue:before {
  content: '\e846';
}
/* '' */
.cxi-italic:before {
  content: '\e847';
}
/* '' */
.cxi-item:before {
  content: '\e848';
}
/* '' */
.cxi-left_arrow:before {
  content: '\e849';
}
/* '' */
.cxi-left:before {
  content: '\e84a';
}
/* '' */
.cxi-library:before {
  content: '\e84b';
}
/* '' */
.cxi-like:before {
  content: '\e84c';
}
/* '' */
.cxi-liked:before {
  content: '\e84d';
}
/* '' */
.cxi-linked:before {
  content: '\e84e';
}
/* '' */
.cxi-location:before {
  content: '\e84f';
}
/* '' */
.cxi-locked:before {
  content: '\e850';
}
/* '' */
.cxi-manage_eod:before {
  content: '\e851';
}
/* '' */
.cxi-map:before {
  content: '\e852';
}
/* '' */
.cxi-mechanic:before {
  content: '\e853';
}
/* '' */
.cxi-mark_2:before {
  content: '\e854';
}
/* '' */
.cxi-moving_day:before {
  content: '\e855';
}
/* '' */
.cxi-nav_back:before {
  content: '\e856';
}
/* '' */
.cxi-nav_down:before {
  content: '\e857';
}
/* '' */
.cxi-nav_forward:before {
  content: '\e858';
}
/* '' */
.cxi-nav_up:before {
  content: '\e859';
}
/* '' */
.cxi-nav:before {
  content: '\e85a';
}
/* '' */
.cxi-new_feature_tag_4:before {
  content: '\e85b';
}
/* '' */
.cxi-notes:before {
  content: '\e85c';
}
/* '' */
.cxi-notifications:before {
  content: '\e85d';
}
/* '' */
.cxi-offlinemode_2:before {
  content: '\e85e';
}
/* '' */
.cxi-omit_scene_2:before {
  content: '\e85f';
}
/* '' */
.cxi-novel:before {
  content: '\e860';
}
/* '' */
.cxi-parententhitical_2:before {
  content: '\e861';
}
/* '' */
.cxi-parenthetical:before {
  content: '\e862';
}
/* '' */
.cxi-paste:before {
  content: '\e863';
}
/* '' */
.cxi-pause_2:before {
  content: '\e864';
}
/* '' */
.cxi-pause:before {
  content: '\e865';
}
/* '' */
.cxi-pin:before {
  content: '\e866';
}
/* '' */
.cxi-pinned:before {
  content: '\e867';
}
/* '' */
.cxi-play_2:before {
  content: '\e868';
}
/* '' */
.cxi-play:before {
  content: '\e869';
}
/* '' */
.cxi-playfeature_2:before {
  content: '\e86a';
}
/* '' */
.cxi-potion_number_9:before {
  content: '\e86b';
}
/* '' */
.cxi-previous:before {
  content: '\e86c';
}
/* '' */
.cxi-print:before {
  content: '\e86d';
}
/* '' */
.cxi-comic_book:before {
  content: '\e86e';
}
/* '' */
.cxi-prompt:before {
  content: '\e86f';
}
/* '' */
.cxi-read_off_playfeature_2:before {
  content: '\e870';
}
/* '' */
.cxi-read_on_playfeature_2:before {
  content: '\e871';
}
/* '' */
.cxi-read_only_2:before {
  content: '\e872';
}
/* '' */
.cxi-read:before {
  content: '\e873';
}
/* '' */
.cxi-recentre:before {
  content: '\e874';
}
/* '' */
.cxi-redo:before {
  content: '\e875';
}
/* '' */
.cxi-refresh:before {
  content: '\e876';
}
/* '' */
.cxi-reports:before {
  content: '\e877';
}
/* '' */
.cxi-response:before {
  content: '\e878';
}
/* '' */
.cxi-right_arrow:before {
  content: '\e879';
}
/* '' */
.cxi-right:before {
  content: '\e87a';
}
/* '' */
.cxi-save_progress_3:before {
  content: '\e87b';
}
/* '' */
.cxi-save:before {
  content: '\e87c';
}
/* '' */
.cxi-scene_preview:before {
  content: '\e87d';
}
/* '' */
.cxi-schedule:before {
  content: '\e87e';
}
/* '' */
.cxi-search:before {
  content: '\e87f';
}
/* '' */
.cxi-sequence:before {
  content: '\e880';
}
/* '' */
.cxi-settings:before {
  content: '\e881';
}
/* '' */
.cxi-share:before {
  content: '\e882';
}
/* '' */
.cxi-shotblocker:before {
  content: '\e883';
}
/* '' */
.cxi-shotlist:before {
  content: '\e884';
}
/* '' */
.cxi-sketch_2:before {
  content: '\e885';
}
/* '' */
.cxi-sound_fx:before {
  content: '\e886';
}
/* '' */
.cxi-split:before {
  content: '\e887';
}
/* '' */
.cxi-square:before {
  content: '\e888';
}
/* '' */
.cxi-star_dayoff:before {
  content: '\e889';
}
/* '' */
.cxi-stop:before {
  content: '\e88a';
}
/* '' */
.cxi-storyboard:before {
  content: '\e88b';
}
/* '' */
.cxi-strip:before {
  content: '\e88c';
}
/* '' */
.cxi-team_sm:before {
  content: '\e88d';
}
/* '' */
.cxi-topsheet:before {
  content: '\e88e';
}
/* '' */
.cxi-trash:before {
  content: '\e88f';
}
/* '' */
.cxi-triangle:before {
  content: '\e890';
}
/* '' */
.cxi-underline:before {
  content: '\e891';
}
/* '' */
.cxi-undo_all_2:before {
  content: '\e892';
}
/* '' */
.cxi-undo:before {
  content: '\e893';
}
/* '' */
.cxi-unlinked:before {
  content: '\e894';
}
/* '' */
.cxi-unlocked:before {
  content: '\e895';
}
/* '' */
.cxi-unmark_2:before {
  content: '\e896';
}
/* '' */
.cxi-up_arrow:before {
  content: '\e897';
}
/* '' */
.cxi-up:before {
  content: '\e898';
}
/* '' */
.cxi-visual_fx:before {
  content: '\e899';
}
/* '' */
.cxi-voiceprofile:before {
  content: '\e89a';
}
/* '' */
.cxi-willrobertson:before {
  content: '\e89b';
}
/* '' */
.cxi-zoom_out:before {
  content: '\e89c';
}
/* '' */
.cxi-list:before {
  content: '\e89d';
}
/* '' */
.cxi-project:before {
  content: '\e89e';
}
/* '' */
.cxi-reports-1:before {
  content: '\e89f';
}
/* '' */
.cxi-xut:before {
  content: '\e8a0';
}
/* '' */
.cxi-lightbulb:before {
  content: '\e8a1';
}
/* '' */
.cxi-arrow:before {
  content: '\e8a2';
}
/* '' */
.cxi-contacts_clients:before {
  content: '\e8a3';
}
/* '' */
.cxi-line:before {
  content: '\e8a4';
}
/* '' */
.cxi-episodic:before {
  content: '\e8a5';
}
/* '' */
.cxi-sides:before {
  content: '\e8a6';
}
/* '' */
.cxi-stage:before {
  content: '\e8a7';
}
/* '' */
.cxi-distribute:before {
  content: '\e8a8';
}
/* '' */
.cxi-select:before {
  content: '\e8a9';
}
/* '' */
.cxi-mrsun:before {
  content: '\e8aa';
}
/* '' */
.cxi-gem:before {
  content: '\e8ab';
}
/* '' */
.cxi-key:before {
  content: '\e8ac';
}
/* '' */
.cxi-circle_fill:before {
  content: '\e8ad';
}
/* '' */
.cxi-ellipse:before {
  content: '\e8ae';
}
/* '' */
.cxi-open_new_tab:before {
  content: '\e8af';
}
/* '' */
.cxi-jump:before {
  content: '\e8b0';
}
/* '' */
.cxi-shotlist-1:before {
  content: '\e8b1';
}
/* '' */
.cxi-bulk_invite:before {
  content: '\e8b2';
}
/* '' */
.cxi-global:before {
  content: '\e8b3';
}
/* '' */
.cxi-add_plus-1:before {
  content: '\e8b4';
}
/* '' */
.cxi-add_zoom_plus-1:before {
  content: '\e8b5';
}
/* '' */
.cxi-advance_sort-1:before {
  content: '\e8b6';
}
/* '' */
.cxi-callback:before {
  content: '\e8b7';
}
/* '' */
.cxi-duledialogue2-1:before {
  content: '\e8b8';
}
/* '' */
.cxi-export:before {
  content: '\e8b9';
}
/* '' */
.cxi-fast_logic:before {
  content: '\e8ba';
}
/* '' */
.cxi-import-1:before {
  content: '\e8bb';
}
/* '' */
.cxi-left_arrow-1:before {
  content: '\e8bc';
}
/* '' */
.cxi-left-1:before {
  content: '\e8bd';
}
/* '' */
.cxi-open_new_tab-1:before {
  content: '\e8be';
}
/* '' */
.cxi-prompt-1:before {
  content: '\e8bf';
}
/* '' */
.cxi-right_arrow-1:before {
  content: '\e8c0';
}
/* '' */
.cxi-right-1:before {
  content: '\e8c1';
}
/* '' */
.cxi-save_progress:before {
  content: '\e8c2';
}
/* '' */
.cxi-save-1:before {
  content: '\e8c3';
}
/* '' */
.cxi-up_arrow-1:before {
  content: '\e8c4';
}
/* '' */
.cxi-up-1:before {
  content: '\e8c5';
}
/* '' */
.cxi-unshare:before {
  content: '\e8c6';
}
/* '' */
.cxi-archive:before {
  content: '\e8c7';
}
/* '' */
.cxi-castcrew:before {
  content: '\e8c8';
}
/* '' */
.cxi-view_only:before {
  content: '\e8c9';
}
/* '' */
.goals-fireworks {
  position: absolute;
  left: 25px;
  bottom: 0;
  z-index: 3;
  width: 100px;
}
.post-payment-fireworks {
  z-index: 10;
}
.goals-fireworks > .before,
.goals-fireworks > .after,
.post-payment-fireworks > .before,
.post-payment-fireworks > .after {
  z-index: 1;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
}
.goals-fireworks > .before,
.goals-fireworks > .after {
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation-iteration-count: 5;
}
.post-payment-fireworks > .before,
.post-payment-fireworks > .after {
  animation: 0.9s bang ease-out 4 forwards, 0.9s gravity ease-in 4 forwards, 5.6s position linear 4 forwards;
  animation-iteration-count: 5;
}
.goals-fireworks > .after,
.post-payment-fireworks > .after {
  animation-delay: 0.5, 0.5, 0.5;
  animation-duration: 0.9s, 0.9s, 3.6s;
}
.mobile-view > .before,
.mobile-view > .after {
  top: 20%;
}
@keyframes bang {
  to {
    box-shadow: -39px -357px #30b2b5, 62px -332px #f6da39, -71px 29px #f6da39, 0px 61px #fe5d4a, -74px -265px #007ffe, 235px -258px #30b2b5, 21px -105px #fd9d2d, 154px 17px #30b2b5, 26px -213px #30b2b5, 163px -207px #007ffe, 9px -22px #fe5d4a, 215px 20px #30b2b5, -87px -407px #fe5d4a, 159px -92px #915ba2, -68px -274px #915ba2, -150px -71px #fd9d2d, 20px 0px #915ba2, 214px -178px #007ffe, -212px 15px #30b2b5, -197px -237px #fe5d4a, -92px -32px #f6da39, -172px -160px #f6da39, 25px -243px #30b2b5, 230px -167px #915ba2, -42px -9px #fd9d2d, -93px -220px #fe5d4a, 236px -224px #f6da39, -173px 80px #f6da39, 108px -273px #915ba2, -3px -258px #007ffe, 1px 62px #007ffe, -186px -228px #915ba2, -132px 48px #915ba2, -65px -113px #915ba2, -7px -148px #fd9d2d, -14px -393px #915ba2, -66px -268px #30b2b5, 188px -261px #fe5d4a, 157px -381px #f6da39, 83px -397px #fe5d4a, 131px -156px #f6da39, -126px -26px #fe5d4a, -22px -232px #fe5d4a, 141px -204px #007ffe, 175px 40px #007ffe, 205px -408px #007ffe, 96px -233px #30b2b5, -244px -383px #f6da39, 118px -290px #30b2b5;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes position {
  0%,
  19.9% {
    margin-top: 15%;
    margin-left: 35%;
  }
  20%,
  39.9% {
    margin-top: 20%;
    margin-left: 45%;
  }
  40%,
  59.9% {
    margin-top: 15%;
    margin-left: 55%;
  }
  60%,
  79.9% {
    margin-top: 20%;
    margin-left: 60%;
  }
  80%,
  99.9% {
    margin-top: 15%;
    margin-left: 70%;
  }
}
.tabber-disabled {
  opacity: 0.3;
}
.tabber-disabled .nav-tabs > .tabber-tab > a:hover {
  cursor: default !important;
}
.share-category-label {
  font-size: 12px;
  margin-top: 3px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  min-width: 78px;
}
.doc-share-dialog .edit-team-btn {
  display: none;
}
.projectpanel-tabber input::-webkit-outer-spin-button,
.projectpanel-tabber input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.projectpanel-tabber .nav-tabs {
  border-bottom: none;
}
.projectpanel-tabber .nav-tabs > li {
  margin-top: 3px;
}
.projectpanel-tabber .tabber-tab a {
  color: #333;
  font-size: 11px;
  margin: 0px 2px 0px 0px !important;
  padding: 11px 24px 10px 24px !important;
}
.projectpanel-tabber .nav-tabs > .tabber-tab > a,
.projectpanel-tabber .nav-tabs > .tabber-tab > a:hover {
  border-radius: 0px;
  background-color: #f5f5f5;
  border: none;
  cursor: pointer;
  cursor: hand;
}
.projectpanel-tabber .tabber-contents {
  border: none;
  padding: 0px;
  background-color: transparent;
  max-width: 1047px;
  overflow-x: hidden;
}
.projectpanel-tabber .tabber-content {
  overflow-y: hidden;
  overflow-x: hidden;
  display: inline-block;
  max-height: 400px;
  margin-bottom: -5px;
  max-width: 1047px;
  width: 100%;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.projectpanel-tabber hr {
  background-color: #95a5a6;
  height: 2px;
  width: 45%;
  border: none;
  margin-top: 0px;
  margin-bottom: 30px;
}
.projectpanel-tabber h2 {
  margin-bottom: 0px;
}
.projectpanel-tabber .member-select {
  float: right;
}
.projectpanel-heading {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
  color: #333;
  padding: 6px 0px 4px 21px;
  border-bottom: #dee1e2 1px solid;
  letter-spacing: 0px;
  background-color: #f5f5f5;
  text-align: left;
}
.projectpanel-heading span {
  font-weight: 400;
}
.projectpanel-tabsection {
  display: inline-block;
  vertical-align: top;
  background-color: #f5f5f5;
  text-align: center;
  height: 400px;
}
.projectpanel-tabsection-endsection {
  padding: 20px 0px 0px 0px;
  text-align: left;
  height: 353px;
}
.projectpanel-tabsection-content {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 25px 0px;
  width: 100%;
}
.projectpanel-button-goto {
  padding: 2px 10px;
  margin-bottom: 25px;
  display: inline-block;
  margin-left: 35px;
  font-size: 9px;
  min-width: 120px;
}
.projectpanel-button-heading {
  padding: 4px 10px;
  margin-top: 3px;
  margin-right: 10px;
  line-height: 20px;
  font-size: 10px;
  float: right;
  text-transform: none;
  font-weight: normal;
  min-width: 60px;
}
.blank-message {
  width: 184px;
  text-transform: uppercase;
  color: #95a5a6;
  font-size: 10px;
  vertical-align: top;
  text-align: center;
  padding-top: 105px;
  margin-left: 16px;
  letter-spacing: 0px;
  padding-right: 106px;
  display: inline-block;
}
.slider-container-left {
  display: inline-block;
  margin-bottom: 25px;
  margin-left: 25px;
  width: 55%;
  vertical-align: middle;
}
.team-circle {
  border-radius: 100%;
  padding: 3px;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  background-color: #dbdddd;
}
.team-circle .team-count {
  line-height: 17px;
  text-align: center;
  font-size: 11px;
  color: #000;
}
.team-buttons {
  float: right;
}
.projectpanel-circle {
  height: 114px;
  width: 114px;
  border-radius: 100px;
  background-color: #EDEFEF;
  display: inline-block;
  color: #95a5a6;
  text-align: center;
  margin-top: 63px;
  letter-spacing: 0em;
  font-size: 10px;
  text-transform: uppercase;
}
.projectpanel-projectpanel-budgettab-total {
  font-weight: bold;
  padding-top: 33%;
  margin-bottom: 8px;
}
.projectpanel-tabsection-reportcontent {
  letter-spacing: 0px;
  font-size: 11px;
  margin-left: 25px;
  margin-right: 25px;
}
.projectpanel-tabsection-reportcontent .slider {
  width: 100%;
}
.projectpanel-no-budget-access {
  vertical-align: middle;
  background-color: #f5f5f5;
  text-align: center;
  height: 400px;
  padding-top: 50px;
  text-transform: uppercase;
}
.estimates {
  float: left;
}
.estimate-label {
  font-size: 10px;
  color: #333;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.estimate-field {
  margin-bottom: 15px;
}
.infocardform *[contenteditable] {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 25px;
  width: 82px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 15px;
  text-align: right;
  margin-top: 2px;
  margin-bottom: 4px;
}
.autosummary-container {
  width: 45%;
  display: inline-block;
  font-size: 11px;
  margin-right: 27px;
  height: 36px;
}
.projectpanel-report-text {
  display: inline-block;
  color: #555;
  vertical-align: top;
}
.projectpanel-report-number {
  color: #333;
  vertical-align: top;
  float: right;
}
.projectpanel-report-text-total {
  color: #333;
  font-size: 10px;
}
.slider-container-right {
  display: none;
  margin-top: 3px;
  vertical-align: top;
  display: inline-block;
  width: 45%;
  margin-left: 20px;
}
.projectpanel-tabsection-estimates {
  width: 30%;
  background-color: #f5f5f5;
  text-align: center;
}
.projectpanel-tabsection-deadlines {
  width: 30%;
  background-color: #f5f5f5;
  text-align: center;
}
.projectpanel-tabsection-budgetreport {
  width: 65%;
  background-color: #f5f5f5;
  text-align: left;
}
.projectpanel-tabsection-progressreport {
  width: 65%;
  background-color: #f5f5f5;
  text-align: left;
}
.projectpanel-tabsection-teamshare {
  width: 95%;
}
.projectpanel-tabsection-teamshare .projectpanel-tabsection-content {
  text-align: left;
  padding-top: 0px !important;
  overflow-y: auto;
  height: auto;
  max-height: 273px;
}
.projectpanel-tabsection-teamshare .studio-management-group-members-container {
  float: right;
  margin-right: 20px;
  top: 22px;
}
.projectpanel-tabsection-teamshare .studio-management-contacts-image {
  margin-left: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-left: 25px;
  margin-top: 13px;
  background-color: #a8a8a8;
}
.projectpanel-tabsection-teamshare .studio-management-item-divider {
  width: 100%;
}
.projectpanel-tabsection-teamshare .studio-management-item-setting-button {
  display: none;
}
.projectpanel-tabsection-teamshare .studio-management-edit-button {
  display: none;
}
.projectpanel-tabsection-teamshare .studio-management-checkbox {
  height: 95px;
  width: 15%;
  background-color: #dbd9da;
  display: inline-block;
  vertical-align: middle;
}
.projectpanel-tabsection-teamshare .studio-management-item-info-container {
  margin-top: 0;
}
.projectpanel-tabsection-teamshare .studio-management-item-avatar {
  vertical-align: middle;
}
.projectpanel-tabsection-teamshare .studio-managment-item-avatar {
  width: 35px;
  height: 35px;
}
.projectpanel-tabsection-teamshare .studio-management-item {
  text-align: left;
}
.projectpanel-tabsection-teamshare .studio-management-item-divider {
  width: 100%;
}
.projectpanel-tabsection-teamshare .studio-management-item-setting-button {
  display: none;
}
.projectpanel-tabsection-teamshare .studio-management-edit-button {
  display: none;
}
.projectpanel-tabsection-teamshare .studio-management-checkbox {
  height: 95px;
  width: 15%;
  background-color: #dbd9da;
  display: inline-block;
  vertical-align: middle;
}
.projectpanel-tabsection-teamshare .studio-management-item-avatar-small {
  vertical-align: top;
}
.projectpanel-tabsection-teamshare .studio-management-item-avatar {
  vertical-align: middle;
}
.projectpanel-tabsection-teamshare .studio-management-select-item {
  line-height: 55px;
  margin-right: 5px;
}
.projectpanel-dropcontainer {
  width: 100%;
  min-height: 25px;
  background-color: #e7e8e8;
  text-align: left;
  padding: 15px 15px 15px 15px;
  box-sizing: border-box;
}
.projectpanel-dropcontainer label {
  margin-bottom: 0px;
  font-size: 11px;
}
.projectpanel-dropcontainer input {
  display: inline-block;
  margin-right: 5px;
}
.projectpanel-dropcontainer .add-all {
  display: inline-block;
  line-height: 25px;
  margin-right: 20px;
}
.projectpanel-dropcontainer .member-select {
  display: inline-block;
  line-height: 16px;
  height: 25px;
  position: relative;
  margin-left: 15px;
}
.projectpanel-dropcontainer .goog-menu-vertical {
  width: 170px;
}
.projectpanel-dropcontainer .minimalistselect.minimalistselect-bigfixed {
  width: 150px !important;
  margin-right: 10px;
}
.projectpanel-tabsection-clients {
  width: 28%;
  text-align: left;
  color: #555;
}
.projectpanel-tabsection-clients .projectpanel-tabsection-content {
  padding-top: 0px !important;
  font-size: 12px;
}
.projectpanel-tabsection-clients .projectpanel-tabsection-content i {
  font-size: 12px;
  width: 12px;
  margin-right: 12px;
  color: #cbcccc;
  text-align: center;
  display: inline-block;
}
.projectpanel-tabsection-clients .projectpanel-tabsection-content .fa-mobile {
  font-size: 16px;
}
.projectpanel-tabsection-clients .projectpanel-tabsection-content hr {
  width: 100%;
  margin-top: 30px;
  height: 1px;
  background-color: #dee1e2;
}
.projectpanel-tabsection-clients .add-client {
  width: 120px;
  padding: 8px 10px 8px 10px;
  display: block;
  background-color: #4fc0e8;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}
.projectpanel-tabsection-clients .add-client i {
  color: white;
  margin-left: 15px;
  margin-right: 0px;
  vertical-align: middle;
}
.projectpanel-tabsection-clients .add-client span {
  vertical-align: middle;
  margin-left: 0px;
}
.projectpanel-tabsection-clients .add-client:hover {
  background-color: #4f9ae8;
}
.projectpanel-tabsection-clients .dashboard-client-image {
  height: 45px;
  width: 45px;
  background-color: pink;
  display: inline-block;
  vertical-align: top;
  margin: 8px 25px 0px 0px;
  border-radius: 100px;
}
.projectpanel-tabsection-clients .dashboard-client-name {
  display: inline-block;
  text-align: left;
}
.projectpanel-tabsection-clients .dashboard-clientlist {
  max-height: 250px;
  overflow-y: auto;
  padding-left: 15px;
}
.approval-sample {
  font-size: 12px;
  margin-top: 10px;
  margin-left: 15px;
  max-height: 55px;
  overflow: hidden;
}
@media (max-width: 1270px) {
  .dashboard-clientlist {
    max-height: 365px !important;
    text-align: left;
    padding-left: 10%;
    padding-right: 5%;
  }
  .dashboard-client-name {
    display: block !important;
  }
  .dashboard-client-image {
    margin-bottom: 15px !important;
  }
  .projectpanel-circle {
    margin-top: 20px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .projectpanel-tabsection {
    height: 514px;
  }
  .projectpanel-tabsection-endsection {
    height: 467px;
  }
  .projectpanel-tabber .tabber-content {
    max-height: 514px;
  }
  .slider-container-left {
    width: 74%;
    margin-bottom: 0px;
  }
  .projectpanel-tabsection-progressreport .projectpanel-button-goto {
    float: none;
  }
  .projectpanel-button-goto {
    margin-top: 15px;
    margin-left: 25px;
    margin-bottom: 25px;
    float: right;
  }
  .projectpanel-tabsection-deadlines {
    height: 519px;
    width: 30%;
  }
  .projectpanel-tabsection-progressreport {
    width: 50%;
    background-color: #f5f5f5;
    text-align: left;
  }
}
@media (max-width: 950px) {
  .projectpanel-tabsection-deadlines {
    width: 189px;
  }
  .projectpanel-tabsection-progressreport {
    width: 45%;
  }
}
@media (max-width: 937px) {
  .projectpanel-tabsection-teamshare {
    width: 319px;
  }
}
@media (max-width: 1100px) {
  .dashboard-clientlist {
    font-size: 12px;
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
  .approval-sample {
    font-size: 11px;
  }
  .projectpanel-tabsection-clients .dashboard-client-name i {
    margin-right: 10px !important;
    display: block;
  }
  .dashboard-clientlist {
    padding-left: 0px;
  }
  .autosummary-container {
    display: block;
  }
  .slider-container-right {
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .projectpanel-tabsection-estimates {
    height: 545px;
  }
  .projectpanel-button-view {
    margin-right: 35px;
  }
  .autosummary-container {
    width: 80%;
  }
  .slider-container-right {
    width: 80%;
  }
  .projectpanel-tabsection-content-noborder {
    height: 498px;
  }
}
@media (max-width: 767px) {
  .projectpanel-tabsection-clients {
    width: 26%;
  }
  .projectpanel-tabsection-teamshare {
    width: 96%;
  }
}
@media (max-width: 530px) {
  .projectpanel-tabsection-estimates {
    width: 100%;
    height: 380px;
  }
  .projectpanel-tabsection-deadlines {
    width: 100%;
    height: 370px;
  }
  .projectpanel-tabsection-budgetreport {
    width: 100%;
    height: 520px;
  }
  .projectpanel-tabsection-progressreport {
    width: 100%;
    height: 530px;
  }
  .projectpanel-tabsection-clients {
    width: 100%;
    height: 550px;
  }
  .tabber-content {
    max-height: 900px !important;
  }
  .projectpanel-circle {
    margin-top: 20px;
    display: inline-block;
    margin-top: 63px;
    margin-left: 30px;
  }
  .projectpanel-button-view {
    margin-right: 10px;
  }
  .dashboard-clientlist {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .dashboard-client-name i {
    display: inline-block !important;
  }
}
@media (max-width: 340px) {
  .projectpanel-button-view {
    display: none;
  }
  .projectpanel-circle {
    margin-top: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .projectpanel-tabsection-estimates {
    width: 100%;
    height: 480px;
  }
  .projectpanel-tabsection-progressreport {
    width: 100%;
    height: 630px;
  }
  .tabber-content {
    max-height: 1000px !important;
  }
  .slider-container-left {
    margin-top: 20px;
  }
}
.slider {
  height: 25px;
  position: relative;
  font-size: 10px;
  color: #95a5a6;
  width: 100% !important;
}
.slider-bar {
  position: absolute;
  height: 4px;
  width: 100%;
  border-radius: 50px;
  background-color: white;
  border: #dedede 1px solid;
}
.slider-start {
  position: absolute;
  left: 3px;
  top: 6px;
}
.slider-middle {
  position: absolute;
  left: 66%;
  top: 6px;
}
.slider-end {
  position: absolute;
  right: 0px;
  top: 6px;
}
.slider-pointer {
  position: relative;
  top: 10px;
  left: 0%;
  display: none;
}
.slider-bar-fill.stripes {
  background-image: url("../img/stripes.png");
}
.slider-bar-fill.green {
  background-color: #3dd57d;
}
.slider-bar-fill.red {
  background-color: #eb0e47;
}
.slider-bar-fill.blue {
  background-color: #4fc0e8;
}
.slider-bar-fill {
  top: 1px;
  left: 1px;
  position: absolute;
  height: 2px;
  width: 0%;
  border-radius: 50px;
  background-color: transparent;
  border: transparent 1px solid;
  display: none;
  background-position: -1px -1px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.slider-title {
  font-size: 10px;
  letter-spacing: 0px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.slider-callout.green {
  background-color: #3dd57d;
}
.slider-callout.red {
  background-color: #eb0e47;
}
.slider-callout.blue {
  background-color: #4fc0e8;
}
.slider-callout.gray {
  background-color: #757677;
  height: 15px !important;
  margin-right: 5px;
  margin-top: -5px;
}
.slider-callout.gray a {
  color: #fff;
  line-height: 15px;
  margin: 0px 3px;
  font-size: 9px;
}
.slider-callout {
  color: white;
  border-radius: 2px;
  border: 1px solid transparent;
  line-height: 3px;
  position: relative;
  text-align: center;
  height: 4px;
}
.slider-callout.green::before {
  border-bottom: 6px solid #3dd57d;
}
.slider-callout.red::before {
  border-bottom: 6px solid #eb0e47;
}
.slider-callout.blue::before {
  border-bottom: 6px solid #4fc0e8;
}
.slider-callout.gray::before {
  border-bottom: 6px solid #757677;
  border: 0.4em solid;
  position: absolute;
  left: 67%;
  top: -9px;
}
.slider-callout::before {
  content: "";
  border: 0.8em solid transparent;
  position: absolute;
  left: 32%;
  top: -14px;
}
.newclient-dialog .modal-dialog-content,
.group-dialog .modal-dialog-content {
  overflow-x: hidden;
}
.novel-icon {
  background: url(../img/novel-toolbar.png) no-repeat;
  width: 24px;
  height: 24px;
}
.novel-icon-small {
  background: url(../img/script-toolbar-icons.png) no-repeat;
  width: 18px;
  height: 18px;
}
.novel-bold {
  background-position: 0px;
}
.novel-italic {
  background-position: -24px;
}
.novel-backcolor {
  background-position: -26px;
}
.novel-forecolor {
  background-position: -2px;
}
.novel-titlepage {
  background-position: -50px;
}
.novel-underline {
  background-position: -48px;
}
.novel-uppercase {
  background-position: -72px;
}
.novel-lowercase {
  background-position: -96px;
}
.novel-undo {
  background-position: -120px;
}
.novel-redo {
  background-position: -144px;
}
.novel-strikethrough {
  background-position: -168px;
}
.novel-justifyleft {
  background-position: -192px;
}
.novel-justifycenter {
  background-position: -216px;
}
.novel-justifyright {
  background-position: -240px;
}
.novel-justifyfull {
  background-position: -264px;
}
.novel-unorderedlist {
  background-position: -288px;
}
.novel-orderedlist {
  background-position: -312px;
}
.novel-outdent {
  background-position: -336px;
}
.novel-indent {
  background-position: -360px;
}
#toolbar-container {
  position: relative;
}
#scripteditortoolbar,
#revisionmodetoolbar .goog-toolbar {
  padding-left: 25px !important;
  padding-right: 25px !important;
  -webkit-backface-visibility: hidden;
  -webkit-transition: padding 0.3s ease-in-out;
  -moz-transition: padding 0.3s ease-in-out;
  -ms-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
}
.wo-alert {
  color: #fff;
  width: 330px;
  height: 40px;
  background: #000000;
  border-radius: 8px;
  position: absolute;
  top: 358px;
  font-size: 14px;
  left: 414px;
  text-align: center;
  padding-top: 20px;
}
.wo-alert:after,
.wo-alert:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.wo-alert:after {
  border-left-color: #000000;
  border-width: 10px;
  margin-top: -10px;
}
.wo-alert:before {
  border-width: 13px;
  margin-top: -13px;
}
.shotlist-settings-dialog {
  width: 430px;
}
.shotlist-settings-dialog .control-label {
  margin-top: 10px;
  margin-bottom: 8px;
  color: #FFFFFE;
  font-weight: normal;
  font-size: 16px;
}
.shotlist-settings-dialog #shotlist-settings {
  display: inline-flex;
  flex-direction: row;
  width: 60%;
  justify-content: space-between;
}
.shotlist-settings-dialog .shotlist-radio-option {
  display: flex;
}
.shotlist-settings-dialog .shotlist-radio-option .cxpm-setting-text {
  padding-left: 10px;
}
.shotlist-settings-dialog .setting-numberingstyle {
  padding-left: 16px;
}
.cxpm-settings-dialog {
  width: 800px;
}
.cxpm-settings-dialog .label-disabled {
  color: #c0c0c0;
  cursor: not-allowed;
}
.cxpm-settings-dialog input[type='checkbox'] {
  vertical-align: inherit;
}
.cxpm-settings-dialog .control-label {
  margin-top: 10px;
  margin-bottom: 8px;
  color: #FFFFFE;
  font-weight: normal;
  font-size: 16px;
}
.cxpm-settings-dialog #scene-continues-input-1,
.cxpm-settings-dialog #scene-continues-input-2,
.cxpm-settings-dialog #character-mores-continues-input-1,
.cxpm-settings-dialog #character-mores-continues-input-2 {
  margin-top: 5px;
  width: 90px;
  font-family: Courier, monospace;
  display: block;
}
.cxpm-settings-dialog .scene-continues-fields,
.cxpm-settings-dialog .character-mores-continues-fields {
  margin-top: 10px;
}
.cxpm-settings-dialog .cxpm-setting-text {
  display: inline-block;
  font-size: 14px;
  margin-left: 5px;
  vertical-align: top;
  font-weight: lighter;
}
.cxpm-settings-dialog #page-settings {
  display: inline-flex;
  flex-direction: row;
  width: 60%;
  justify-content: space-between;
}
.cxpm-settings-dialog #script-settings {
  display: inline-flex;
  flex-direction: row;
  align-items: unset;
  width: 100%;
  justify-content: space-between;
}
.cxpm-settings-dialog .script-settings-column {
  display: inline-block;
  width: 210px;
}
.cxpm-settings-dialog hr {
  border-top: none;
  height: 1px;
}
.headers-footers-disabled {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.cx-editor-ctrl-close {
  float: right;
  cursor: pointer;
  font-size: 12px;
}
.cxpm-headers-footers-dialog {
  width: auto;
  width: fit-content;
  width: -moz-fit-content;
  max-width: 1000px;
  max-height: 730px;
}
.cxpm-headers-footers-dialog .modal-dialog-buttons {
  padding: 0px 20px 20px 20px;
}
.cxpm-headers-footers-dialog .modal-dialog-content {
  background-color: #3B3D3E;
}
.cxpm-headers-footers-dialog label,
.cxpm-headers-footers-dialog .modal-dialog-title-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .header-text {
  font-weight: bold;
  font-size: 16px;
  margin-left: 10px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .headers {
  background-color: #4b4e4f;
  border-radius: 8px;
  padding: 0 12px 2px 12px;
  margin-bottom: 12px !important;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .footers {
  background-color: #4b4e4f;
  border-radius: 8px;
  padding: 0 12px 8px 12px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .header-preview .page,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .header-preview .av_table {
  color: black;
  height: 0 !important;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  padding-bottom: 0 !important;
  margin: auto;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .footer-preview {
  margin-bottom: 10px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .footer-preview .page,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .footer-preview .av_table {
  color: black;
  height: 0 !important;
  border: 1px solid #e6e6e6;
  border-top: 0;
  padding-top: 0 !important;
  margin: auto;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-left,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-center,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-right,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-left,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-center,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-right {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-left .align-icons,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-center .align-icons,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-right .align-icons,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-left .align-icons,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-center .align-icons,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-right .align-icons {
  display: inline-block;
  vertical-align: top;
  line-height: 14px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-left .align-icons i,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-center .align-icons i,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-right .align-icons i,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-left .align-icons i,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-center .align-icons i,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-right .align-icons i {
  cursor: pointer;
  padding: 6px;
  color: #c1c1c1;
  font-size: 18px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-left .align-icons i.selected,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-center .align-icons i.selected,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-right .align-icons i.selected,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-left .align-icons i.selected,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-center .align-icons i.selected,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-right .align-icons i.selected {
  color: #4dade5;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-left .align-icons i[disabled],
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-center .align-icons i[disabled],
.cxpm-headers-footers-dialog .modal-dialog-content .columns .top-right .align-icons i[disabled],
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-left .align-icons i[disabled],
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-center .align-icons i[disabled],
.cxpm-headers-footers-dialog .modal-dialog-content .columns .bottom-right .align-icons i[disabled] {
  cursor: not-allowed !important;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls {
  border-radius: 8px;
  padding: 0 12px 2px 12px;
  display: inline-block;
  vertical-align: top;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .headers .header-preview .page,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .headers .header-preview .av_table {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 0 !important;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  padding-bottom: 0 !important;
  margin: auto;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .headers .page-tear-header {
  width: 818px;
  height: 10px;
  background: url('../img/script-page-tear.png') no-repeat;
  margin: 0 auto 10px auto;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .footers {
  border-radius: 8px;
  padding: 0 12px 8px 12px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .footers .footer-preview {
  margin-bottom: 10px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .footers .footer-preview .page,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .footers .footer-preview .av_table {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 0 !important;
  border: 1px solid #e6e6e6;
  border-top: 0;
  padding-top: 0 !important;
  margin: auto;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .footers .page-tear-footer {
  width: 818px;
  height: 10px;
  margin: 0 auto 0 auto;
  background: url('../img/script-page-tear.png') no-repeat;
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .headers,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .footers {
  margin: 0 9px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .headers label,
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls .footers label {
  display: block;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls select.options {
  position: relative;
  display: inline-block;
  width: min-content;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls select.align {
  position: relative;
  left: 5px;
  display: inline-block;
  width: min-content;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .controls input.textLabel {
  display: block;
  width: 227px;
  height: 17px;
}
.cxpm-headers-footers-dialog .modal-dialog-content .columns .preview {
  display: inline-block;
  padding: 5px;
  background-color: gray;
  display: none;
}
.shareable-link-dialog span.modal-dialog-title-text::before {
  content: '\e84e';
  font-family: "celtxicons";
  padding-right: 5px;
  text-transform: none;
}
.project-share-dialog .invite-panel {
  overflow-y: hidden;
}
.project-share-dialog .valid-invites {
  max-height: 100px;
  overflow-y: auto;
}
.project-share-dialog .valid-invites .parsed-invite {
  background: #9bdad7;
  border: none;
}
.project-share-dialog .valid-invites .email {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #3b3d3e;
}
.project-share-dialog .invite-fields {
  margin-top: 10px;
}
.cx-old-editor #editor-content {
  overflow: hidden;
}
.cx-pm-editor,
.cx-pm-aveditor,
.cx-pm-av2editor,
.cx-pm-stageplayeditor {
  position: relative;
  bottom: 0;
}
.cx-pm-editor.cx-pm-editor-transitioning,
.cx-pm-aveditor.cx-pm-editor-transitioning,
.cx-pm-av2editor.cx-pm-editor-transitioning,
.cx-pm-stageplayeditor.cx-pm-editor-transitioning,
.cx-pm-editor.cx-pm-aveditor-transitioning,
.cx-pm-aveditor.cx-pm-aveditor-transitioning,
.cx-pm-av2editor.cx-pm-aveditor-transitioning,
.cx-pm-stageplayeditor.cx-pm-aveditor-transitioning {
  transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -ms-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.cx-pm-editor.cx-pm-editor-transitioning .ProseMirror-pane,
.cx-pm-aveditor.cx-pm-editor-transitioning .ProseMirror-pane,
.cx-pm-av2editor.cx-pm-editor-transitioning .ProseMirror-pane,
.cx-pm-stageplayeditor.cx-pm-editor-transitioning .ProseMirror-pane,
.cx-pm-editor.cx-pm-aveditor-transitioning .ProseMirror-pane,
.cx-pm-aveditor.cx-pm-aveditor-transitioning .ProseMirror-pane,
.cx-pm-av2editor.cx-pm-aveditor-transitioning .ProseMirror-pane,
.cx-pm-stageplayeditor.cx-pm-aveditor-transitioning .ProseMirror-pane {
  transition: height 0.5s ease-in-out !important;
  -moz-transition: height 0.5s ease-in-out !important;
  -webkit-transition: height 0.5s ease-in-out !important;
  -ms-transition: height 0.5s ease-in-out !important;
  -o-transition: height 0.5s ease-in-out !important;
}
.cx-pm-editor.cx-pm-editor-transitioning .editor-container,
.cx-pm-aveditor.cx-pm-editor-transitioning .editor-container,
.cx-pm-av2editor.cx-pm-editor-transitioning .editor-container,
.cx-pm-stageplayeditor.cx-pm-editor-transitioning .editor-container,
.cx-pm-editor.cx-pm-aveditor-transitioning .editor-container,
.cx-pm-aveditor.cx-pm-aveditor-transitioning .editor-container,
.cx-pm-av2editor.cx-pm-aveditor-transitioning .editor-container,
.cx-pm-stageplayeditor.cx-pm-aveditor-transitioning .editor-container {
  -webkit-backface-visibility: hidden;
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.cx-pm-editor.cx-pm-hidden,
.cx-pm-aveditor.cx-pm-hidden,
.cx-pm-av2editor.cx-pm-hidden,
.cx-pm-stageplayeditor.cx-pm-hidden {
  bottom: 46px;
}
.cx-pm-editor .fullscreededitorcontent,
.cx-pm-aveditor .fullscreededitorcontent,
.cx-pm-av2editor .fullscreededitorcontent,
.cx-pm-stageplayeditor .fullscreededitorcontent {
  height: initial;
}
.cx-pm-editor #scripteditor,
.cx-pm-aveditor #scripteditor,
.cx-pm-av2editor #scripteditor,
.cx-pm-stageplayeditor #scripteditor {
  background: none;
  height: 100%;
}
.cx-pm-editor .editor-container,
.cx-pm-aveditor .editor-container,
.cx-pm-av2editor .editor-container,
.cx-pm-stageplayeditor .editor-container {
  position: relative;
  background-color: #5A5A5A !important;
}
.cx-pm-editor .editor-container .cx-screenplay,
.cx-pm-aveditor .editor-container .cx-screenplay,
.cx-pm-av2editor .editor-container .cx-screenplay,
.cx-pm-stageplayeditor .editor-container .cx-screenplay,
.cx-pm-editor .editor-container .cx-stageplay,
.cx-pm-aveditor .editor-container .cx-stageplay,
.cx-pm-av2editor .editor-container .cx-stageplay,
.cx-pm-stageplayeditor .editor-container .cx-stageplay {
  /*This is causing issues with the toolbar dropdown menus - Christina*/
  /*.animated-fast;*/
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.cx-pm-editor .editor-container .int .par-el,
.cx-pm-aveditor .editor-container .int .par-el,
.cx-pm-av2editor .editor-container .int .par-el,
.cx-pm-stageplayeditor .editor-container .int .par-el {
  margin-bottom: -5px;
}
.cx-pm-editor .editor-container .sequence,
.cx-pm-aveditor .editor-container .sequence,
.cx-pm-av2editor .editor-container .sequence,
.cx-pm-stageplayeditor .editor-container .sequence {
  padding-bottom: 45px;
}
.cx-pm-editor .editor-container .sequence .seq_name,
.cx-pm-aveditor .editor-container .sequence .seq_name,
.cx-pm-av2editor .editor-container .sequence .seq_name,
.cx-pm-stageplayeditor .editor-container .sequence .seq_name {
  margin-left: 10px;
  margin-top: -3px;
}
.cx-pm-editor .editor-container .br_name.el,
.cx-pm-aveditor .editor-container .br_name.el,
.cx-pm-av2editor .editor-container .br_name.el,
.cx-pm-stageplayeditor .editor-container .br_name.el {
  margin-bottom: -15px;
  display: inline-block;
}
.cx-pm-editor .editor-container .gutter,
.cx-pm-aveditor .editor-container .gutter,
.cx-pm-av2editor .editor-container .gutter,
.cx-pm-stageplayeditor .editor-container .gutter {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.cx-pm-editor .editor-container .cxmenu_insert_type_item,
.cx-pm-aveditor .editor-container .cxmenu_insert_type_item,
.cx-pm-av2editor .editor-container .cxmenu_insert_type_item,
.cx-pm-stageplayeditor .editor-container .cxmenu_insert_type_item {
  text-align: center;
  margin-top: 6px;
}
#sceneNumberingDisplay .goog-toolbar-menu-button-caption {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90px;
  display: inline-block;
}
#dialogNumberingDisplay .goog-toolbar-menu-button-caption {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90px;
  display: inline-block;
}
@media (max-width: 970px) {
  .drawline,
  .drawline-comment-creation {
    display: none;
  }
  .cx-pm-editor .editor-container #toolbox-toggle-container,
  .cx-pm-stageplayeditor .editor-container #toolbox-toggle-container {
    margin-right: 10px;
  }
  .cx-pm-editor .editor-container #cx-upper-lower,
  .cx-pm-stageplayeditor .editor-container #cx-upper-lower,
  .cx-pm-editor .editor-container #cx-color-pick,
  .cx-pm-stageplayeditor .editor-container #cx-color-pick,
  .cx-pm-editor .editor-container #cx-scene-format,
  .cx-pm-stageplayeditor .editor-container #cx-scene-format {
    display: none;
  }
  .cx-pm-editor .editor-container .ProseMirror-menubar-cxscript,
  .cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript {
    padding: 10px;
  }
  .cx-pm-editor .editor-container #toolbox-toggle,
  .cx-pm-stageplayeditor .editor-container #toolbox-toggle {
    position: absolute;
    top: -40px;
    right: 0px;
  }
  .cx-pm-editor .editor-container #toolbox-toggle-container,
  .cx-pm-stageplayeditor .editor-container #toolbox-toggle-container {
    position: absolute;
    top: 50px;
    right: 100px;
    background: #565755;
  }
  .cx-pm-editor .editor-container #toolbox-toggle-container.toolbox-open,
  .cx-pm-stageplayeditor .editor-container #toolbox-toggle-container.toolbox-open {
    padding: 6px;
  }
}
#sceneNumberingDisplay .goog-toolbar-menu-button-caption {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90px;
  display: inline-block;
}
#dialogNumberingDisplay .goog-toolbar-menu-button-caption {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 90px;
  display: inline-block;
}
@media (max-width: 390px) {
  #scripteditortoolbar #\+dualDialog,
  #scheduletoolbar #\+dualDialog {
    margin-left: 0px;
  }
}
.scripteditor-icon {
  background: url(../img/novel-toolbar.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-dualdialog-icon {
  background: url(../img/script-dualdialog.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-save {
  background: url(../img/script-save-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-sides {
  background: url(../img/sides-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-breakdown {
  background: url(../img/icons/small/production.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-background-icon {
  background: url(../img/script-color-icon.png) no-repeat;
  width: 16px;
  height: 16px;
  background-position: -16px;
}
.scripteditor-note-icon {
  background: url(../img/script-note-icon.png) no-repeat center;
  width: 16px;
  height: 16px;
}
.scripteditor-foreground-icon {
  background: url(../img/script-color-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-cut-icon {
  background: url(../img/icon-cut.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-copy-icon {
  background: url(../img/icon-copy.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-paste-icon {
  background: url(../img/icon-paste.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-bold {
  background-position: 0px;
}
.scripteditor-italic {
  background-position: -24px;
}
.scripteditor-underline {
  background-position: -48px;
}
.scripteditor-undo {
  background-position: -120px;
}
.scripteditor-redo {
  background-position: -144px;
}
.scripteditor-typeset {
  background: url(../img/typeset2.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-social {
  padding: 4px;
}
.scripteditor-titlepage {
  background: url(../img/titlepage-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-print {
  background: url(../img/print.png) no-repeat;
  width: 16px;
  height: 16px;
}
.goog-popupcolorpicker {
  position: absolute;
  -moz-outline: 0;
  outline: 0;
}
.cx-pm-editor .editor-container #fnr,
.cx-pm-aveditor .editor-container #fnr,
.cx-pm-av2editor .editor-container #fnr,
.cx-pm-stageplayeditor .editor-container #fnr {
  transition: box-shadow 0.5s;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -ms-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
}
.cx-pm-editor .editor-container #fnr.shadow,
.cx-pm-aveditor .editor-container #fnr.shadow,
.cx-pm-av2editor .editor-container #fnr.shadow,
.cx-pm-stageplayeditor .editor-container #fnr.shadow {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.findreplace-container {
  background-color: #d6dadb;
  padding: 15px;
  border-bottom: 1px solid #cacaca;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.findreplace-subcontainer {
  display: inline-block;
  text-align: left;
  margin-top: 3px;
  margin-bottom: 3px;
}
.fr-button-group {
  margin-top: 10px;
  width: 535px;
}
.fr-button-group a {
  margin-right: 10px;
  font-size: 11px;
}
.findreplace-inner {
  width: 530px;
  position: relative;
  display: inline-block;
}
.find-input {
  margin-bottom: 4px;
}
.replace-input {
  margin-bottom: 0;
}
.fr-options {
  display: inline-block;
  margin-left: 20px;
}
.fr-options div {
  display: inline-block;
}
.fr-options div:last-child {
  margin-left: 10px;
}
.find-input,
.replace-input {
  width: 495px;
  margin-top: 0;
  height: 10px;
  margin-right: 4px;
  font-size: 11px;
}
.replaceall-btn,
.replace-btn {
  line-height: 12px !important;
  margin-left: 2px;
  font-size: 10px !important;
}
.replace-btn {
  margin-right: 5px;
}
.find-next-btn {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 8px;
}
.find-previous-btn {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  font-size: 8px;
}
.find-next-btn,
.find-previous-btn {
  background-color: #a9a9a9;
  display: inline-block;
  width: 16px;
  height: 12px;
  font-size: 10px;
  text-align: center;
  padding-bottom: 5px;
  margin-left: 1px;
  margin-top: 1px;
  vertical-align: top;
  cursor: pointer;
}
.find-next-btn i::before,
.find-previous-btn i::before {
  vertical-align: text-top;
}
.find-next-btn:hover {
  background-color: #b7b7b7;
}
.find-previous-btn:hover {
  background-color: #b7b7b7;
}
.fr-disabled {
  background-color: #bbb !important;
  color: #989898 !important;
  cursor: default !important;
}
.fr-disabled:hover {
  background-color: #bbb !important;
}
.replace-input-container {
  margin-right: 1px;
}
.fr-whole-word-checkbox,
.fr-case-checkbox {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
  letter-spacing: initial;
  font-family: lato;
  margin-bottom: initial;
  margin-left: 2px;
}
.search-result-count {
  position: absolute;
  left: 440px;
  width: 53px;
  top: 2px;
  height: 14px;
  display: inline-block;
  text-align: right !important;
  color: #b1b1b1;
  font-size: 10px;
  background-color: #fff;
  padding-left: 5px;
  cursor: text;
  pointer-events: none;
}
/*#scripteditor p::selection{
  background-color:red;
}*/
.media-editor-overlay {
  position: absolute;
  top: 30px;
  left: 0px;
  opacity: 0.3;
  background: #eee;
}
.media-editor-container {
  position: absolute;
  border: 1px solid #eee;
  padding: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.media-editor-color-btn,
.media-editor-delete-btn {
  padding: 4px 8px;
  margin: 0 5px 5px 0;
  font-size: 11px;
  font-weight: bold;
}
.media-editor-delete-btn {
  float: right;
}
.media-editor-text {
  resize: none;
  width: 180px;
  height: 90px;
  background: rgba(255, 255, 255, 0.7) !important;
  color: #000 !important;
  margin: 0;
}
.script-image-container {
  position: absolute;
  left: 100%;
  z-index: 9999999999999999;
  height: 80px;
  width: 100px;
}
.titlepage-dialog textarea {
  height: 28px;
  width: 340px;
}
.titlepage-dialog input {
  width: 340px;
}
.menu-item-info {
  color: #888;
}
.goal-footer-node {
  display: inline-block;
  margin-left: 25px;
}
.goal-footer-node .goal-footer {
  height: 22px;
  width: fit-content;
  height: inherit;
  text-align: center;
  border-radius: 25px;
  color: #2E2F2F;
  display: flex;
  flex-direction: row;
  padding-right: 10px;
  padding-left: 10px;
  cursor: pointer;
}
.goal-footer-node .goal-footer.lt25 {
  background-color: #D5D4D5;
}
.goal-footer-node .goal-footer.lt50 {
  background-color: #B8ECEB;
}
.goal-footer-node .goal-footer.lt75 {
  background-color: #61C8D0;
}
.goal-footer-node .goal-footer.lt100 {
  background-color: #34B7B1;
}
.goal-footer-node .goal-footer.reached {
  background-color: #0D9F71;
}
.editor-status-bar {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  margin: 0 auto;
  padding: 9px 10px;
  color: #2b292a;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 24px;
  letter-spacing: 0.04em;
}
.editor-status-bar-word-count {
  padding-left: 10px;
  margin-left: 10px;
}
.editor-status-bar-last-saved {
  display: inline-block;
  padding-left: 10px;
  margin-left: 10px;
}
.editor-status-bar-help a {
  font-size: 12px;
  color: #2b292a !important;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
}
@media (max-width: 1350px) {
  .editor-status-bar-last-saved {
    padding-left: 5px;
    margin-left: 5px;
  }
  .editor-help-btn {
    margin-left: 5px;
  }
}
#autocompleteDiv {
  position: absolute;
  top: -1000px;
  left: 300px;
}
input[class~="autocompleteText"] {
  border: none;
  box-shadow: none;
  font-family: monospace;
  color: black;
  padding: 0px;
  outline: none;
}
input[class~="autocompleteText"]:focus {
  border: none;
  box-shadow: none;
  font-family: monospace;
  color: black;
  padding: 0px;
  outline: none;
}
input[class~="autocompleteText"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.scenenumbersign {
  font-family: monospace, sans-serif;
}
.cards-loading-indicator {
  background: rgba(255, 255, 255, 0.6) url(../img/loading-big.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.cards-loading-shadeout {
  background: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.link-button-list {
  z-index: 999;
}
.gutter {
  background-color: #dddede;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
.gutter.gutter-horizontal {
  background-image: url('../img/ic-drag-handle.png');
  background-size: 65%;
  cursor: ew-resize;
}
.split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.split,
.gutter.gutter-horizontal {
  height: 100%;
  float: left;
}
.character-list-dialog {
  overflow-y: hidden;
}
.character-list-dialog #character-list-drag-list {
  height: 400px;
  overflow-y: scroll;
}
.character-list-dialog .goog-menu.goog-menu-vertical .goog-menuitem.goog-menuitem-highlight .goog-menuitem-content {
  margin-top: -1px;
  cursor: pointer;
}
.character-list-dialog #add-character-to-cast-list {
  margin-top: 10px;
  margin-left: 7px;
}
.character-list-dialog .modal-dialog-content {
  padding: 0 0 0 22px;
}
.character-list-dialog .goog-menu-vertical {
  left: -40px;
}
.character-list-dialog .goog-menu-vertical .goog-menuitem-checkbox {
  background-repeat: no-repeat;
  left: 11px;
  width: 11px;
  height: 11px;
  top: 10px;
  border: 1px solid #C8C7C2;
  border-radius: 50%;
  filter: none!important;
  -webkit-filter: none!important;
}
.character-list-dialog .goog-menu-vertical .goog-option-selected .goog-menuitem-checkbox,
.character-list-dialog .goog-menu-vertical .goog-option-selected .goog-menuitem-icon {
  background: #2FB5B4;
}
.character-list-dialog .goog-menu-vertical .goog-menuitem-content {
  padding: 5px;
}
.character-list-dialog .goog-menu-vertical .goog-menuitem {
  padding: 4px 4px 4px 28px;
}
.character-list-dialog .character-list-character-column {
  white-space: nowrap;
  overflow: hidden;
  width: 175px;
  display: flex;
}
.character-list-dialog .character-list-character-column .controls {
  display: flex;
  align-items: center;
}
.character-list-dialog .character-list-character-column .cast-move-icon {
  margin-right: 10px;
}
.character-list-dialog .character-list-character-column .cast-item-character {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 133px;
}
.cast-item {
  z-index: 2001;
  /* To match the z-index of .modal-dialog, so that this doesn't disappear behind it while dragging*/
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cast-item.cast-item-dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  border: 1px dashed #C8C7C2;
  background-color: #3b3d3ed6;
  zoom: 1.01;
}
.cast-item.cast-item-dragging .cast-item-character {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 133px;
}
.cast-item.cast-item-dragging .cast-move-icon {
  display: none;
}
.cast-item-hidden .character-list-character-column,
.cast-item-hidden .character-list-actor-column {
  opacity: 0.3;
}
.cast-item-character {
  width: 135px;
}
.add-character-to-cast-list {
  width: 100%;
}
.flex-cell.character-list-hide-remove-column {
  border-right: none;
  width: 50px;
  height: 27px;
  margin-left: -5px;
}
.character-list-actor-column,
.character-list-hide-remove-column,
.character-list-character-column {
  border: 0;
}
.cast-item-dragging {
  color: white;
}
.save-button-container {
  text-align: center;
  height: 28px;
  width: 100%;
  font-size: 14px;
}
.comments-dialog .modal-dialog-title {
  height: 36px;
  margin-bottom: 0 !important;
  padding-bottom: 5px !important;
}
div.restore-history-dialog-header i.cxi.cxi-star_dayoff,
.cx-versionlist i.cxi.cxi-star_dayoff {
  cursor: pointer;
}
div.restore-history-dialog-header i.cxi.cxi-star_dayoff.active,
.cx-versionlist i.cxi.cxi-star_dayoff.active {
  color: #2FB5B4;
}
div.history-item-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
div.history-filter-item-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: absolute;
  background: #292d30;
  border-radius: 5px;
  width: 160px;
  top: 125px;
  left: 15px;
  z-index: 2;
}
div.history-filter-item-container .history-filter-item {
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px;
  padding-left: 9px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
}
div.history-filter-item-container .history-filter-item.active {
  color: #2FB5B4;
}
div.history-filter-item-container .history-filter-item:last-child {
  padding-bottom: 5px;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}
span.accordion-dropdown-arrow {
  padding-left: 20px;
}
span.accordion-dropdown-arrow.rotated i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.restore-history-dialog {
  max-height: 400px;
  min-height: 400px;
  left: initial;
  top: 120px;
  right: 20px;
  cursor: default;
}
.restore-history-dialog .revision-colour-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent transparent transparent transparent;
  margin: 2px;
}
.restore-history-dialog .revision-colour-triangle.revision-blue {
  border-color: transparent #A0FFFF transparent transparent;
}
.restore-history-dialog .revision-colour-triangle.revision-pink {
  border-color: transparent #FFA0FF transparent transparent;
}
.restore-history-dialog .revision-colour-triangle.revision-yellow {
  border-color: transparent #FFFFA0 transparent transparent;
}
.restore-history-dialog .revision-colour-triangle.revision-green {
  border-color: transparent #A0FFA0 transparent transparent;
}
.restore-history-dialog .revision-colour-triangle.revision-goldenrod {
  border-color: transparent #FFD700 transparent transparent;
}
.restore-history-dialog .revision-colour-triangle.revision-salmon {
  border-color: transparent #FFA0A0 transparent transparent;
}
.restore-history-dialog .revision-colour-triangle.revision-cherry {
  border-color: transparent #EB5E66 transparent transparent;
}
.restore-history-dialog .modal-dialog-title {
  height: 25px;
  margin-bottom: 0 !important;
  padding-bottom: 5px !important;
}
.restore-history-dialog .modal-dialog-content {
  max-height: 300px;
  min-height: 300px;
  padding: 0px !important;
  position: relative;
}
.restore-history-dialog .modal-dialog-content .restore-history-dialog-header {
  cursor: pointer;
  display: flex;
  padding: 30px 20px;
  padding-top: 0px;
  align-items: center;
}
.restore-history-dialog .modal-dialog-content .restore-history-dialog-header-star {
  display: flex;
  align-items: center;
  font-size: 25px;
}
.restore-history-dialog .modal-dialog-content .restore-history-dialog-avatar {
  margin: 0px 15px;
  min-height: 50px;
  max-height: 50px;
  min-width: 50px;
  max-width: 50px;
}
.restore-history-dialog .modal-dialog-content .restore-history-dialog-header-text {
  white-space: nowrap;
  overflow: auto;
}
.restore-history-dialog .modal-dialog-content .restore-history-dialog-header-text .restore-history-dialog-user-details {
  overflow: hidden;
  text-overflow: ellipsis;
}
.restore-history-dialog .modal-dialog-content .restore-history-accordion {
  display: flex;
  border-top: 1px grey solid;
  flex-direction: column;
}
.restore-history-dialog .modal-dialog-content .restore-history-accordion-header {
  display: flex;
  flex: 1;
  cursor: pointer;
}
.restore-history-dialog .modal-dialog-content .restore-history-accordion-header .restore-history-accordion-header-inner {
  flex: 1;
  padding: 20px;
  padding-right: 0px;
  display: flex;
}
.restore-history-dialog .modal-dialog-content .restore-history-accordion-title {
  flex: 1;
}
.restore-history-dialog .modal-dialog-content .restore-history-accordion-star {
  font-size: 17px;
  margin-top: -3px;
  padding-right: 15px;
}
.restore-history-dialog div#history-filter-accordion {
  display: flex;
  border-top: 1px grey solid;
  flex-direction: column;
  cursor: pointer;
}
.restore-history-dialog div#history-filter-accordion .history-filter-accordion-inner {
  display: flex;
  flex: 1;
  padding: 20px 12px;
  font-size: 10px;
}
.restore-history-dialog div#history-filter-accordion span.accordion-dropdown-arrow {
  padding-left: 0px;
  padding-right: 6px;
  font-size: 10px;
}
.restore-history-dialog .cx-backuplist {
  padding-bottom: 15px;
}
.restore-history-dialog .cx-backuplist-header {
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 20px;
}
.restore-history-dialog .cx-versionlistitem,
.restore-history-dialog .cx-backuplistitem {
  display: flex;
  flex: 1;
  justify-content: center;
  max-height: 38px;
  height: 38px;
  cursor: default;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 10px 20px;
  padding-right: 0px;
  min-width: 386px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .avatar,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .avatar,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .avatar,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .avatar {
  align-self: center;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 16px;
  min-width: 14px;
  max-height: 14px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner textarea,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner textarea,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner textarea,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner textarea {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  flex: 2;
  background-color: #f6f6f6;
  color: #181919;
  font-family: "lato", sans-serif;
  padding: 0px 3px;
  margin-left: 30px;
  margin-right: 120px;
  margin-bottom: 0px;
  overflow: hidden;
  cursor: pointer;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner textarea:focus,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner textarea:focus,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner textarea:focus,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner textarea:focus {
  border-color: #2FB5B4;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner textarea::placeholder,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner textarea::placeholder,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner textarea::placeholder,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner textarea::placeholder {
  font-style: italic;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-text-container,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .history-text-container,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .history-text-container,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .history-text-container {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: baseline;
  overflow: hidden;
  height: 100%;
  padding-bottom: 4px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-name,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .history-name,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .history-name,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .history-name {
  max-width: 175px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid transparent;
  padding: 0px 2px;
  height: 20px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-name:hover,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .history-name:hover,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .history-name:hover,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .history-name:hover {
  border: 1px solid #2FB5B4;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-timestamp,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .history-timestamp,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .history-timestamp,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .history-timestamp {
  display: flex;
  line-height: 14px;
  font-size: 14px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-timestamp-small,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .history-timestamp-small,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .history-timestamp-small,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .history-timestamp-small {
  display: flex;
  line-height: 10px;
  font-size: 10px;
  padding-left: 8px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-author,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .history-author,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .history-author,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .history-author {
  line-height: 15px;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-author-small,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-inner .history-author-small,
.restore-history-dialog .cx-versionlistitem .cx-backuplistitem-inner .history-author-small,
.restore-history-dialog .cx-backuplistitem .cx-backuplistitem-inner .history-author-small {
  line-height: 10px;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 20px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.restore-history-dialog .cx-versionlistitem:hover,
.restore-history-dialog .cx-backuplistitem:hover {
  background: #484848;
  cursor: pointer;
}
.restore-history-dialog .cx-versionlistitem.cx-versionlistitem-selected,
.restore-history-dialog .cx-backuplistitem.cx-versionlistitem-selected {
  background: #565756;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-full-name,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-full-name,
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-email,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-email {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-restore,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-restore {
  right: -5px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-restore-button,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-restore-button {
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: #2FB5B4 !important;
  margin-bottom: 18px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-restore-button i,
.restore-history-dialog .cx-backuplistitem .cx-versionlistitem-restore-button i {
  margin-right: 5px;
}
.editor-header-container {
  height: inherit;
}
.editor-header-container .avatar-navbar {
  margin: 9px 0px;
}
.cx-pm-editor #editor-content,
.cx-pm-aveditor #editor-content,
.cx-pm-av2editor #editor-content,
.cx-pm-stageplayeditor #editor-content {
  overflow-y: hidden;
}
.cx-pm-editor .editor-container.editor-container-docindoc,
.cx-pm-aveditor .editor-container.editor-container-docindoc,
.cx-pm-av2editor .editor-container.editor-container-docindoc,
.cx-pm-stageplayeditor .editor-container.editor-container-docindoc {
  border-top: 2px solid #2FB5B4;
}
.cx-pm-editor .editor-container #revisionmodetoolbar,
.cx-pm-aveditor .editor-container #revisionmodetoolbar,
.cx-pm-av2editor .editor-container #revisionmodetoolbar,
.cx-pm-stageplayeditor .editor-container #revisionmodetoolbar {
  transition: box-shadow 0.5s !important;
  -moz-transition: box-shadow 0.5s !important;
  -webkit-transition: box-shadow 0.5s !important;
  -ms-transition: box-shadow 0.5s !important;
  -o-transition: box-shadow 0.5s !important;
  z-index: 2;
  position: relative;
  padding-top: 0px;
}
.cx-pm-editor .editor-container #revisionmodetoolbar .goog-toolbar-button,
.cx-pm-aveditor .editor-container #revisionmodetoolbar .goog-toolbar-button,
.cx-pm-av2editor .editor-container #revisionmodetoolbar .goog-toolbar-button,
.cx-pm-stageplayeditor .editor-container #revisionmodetoolbar .goog-toolbar-button {
  background-color: transparent;
}
.cx-pm-editor .editor-container #revisionmodetoolbar .goog-toolbar-button .add-revision,
.cx-pm-aveditor .editor-container #revisionmodetoolbar .goog-toolbar-button .add-revision,
.cx-pm-av2editor .editor-container #revisionmodetoolbar .goog-toolbar-button .add-revision,
.cx-pm-stageplayeditor .editor-container #revisionmodetoolbar .goog-toolbar-button .add-revision {
  font-size: 13px;
}
.cx-pm-editor .editor-container #revisionmodetoolbar .goog-toolbar-button .omit-scene,
.cx-pm-aveditor .editor-container #revisionmodetoolbar .goog-toolbar-button .omit-scene,
.cx-pm-av2editor .editor-container #revisionmodetoolbar .goog-toolbar-button .omit-scene,
.cx-pm-stageplayeditor .editor-container #revisionmodetoolbar .goog-toolbar-button .omit-scene {
  font-size: 18px;
}
.cx-pm-editor .editor-container #revisionmodetoolbar .goog-toolbar-button .mark-btn,
.cx-pm-aveditor .editor-container #revisionmodetoolbar .goog-toolbar-button .mark-btn,
.cx-pm-av2editor .editor-container #revisionmodetoolbar .goog-toolbar-button .mark-btn,
.cx-pm-stageplayeditor .editor-container #revisionmodetoolbar .goog-toolbar-button .mark-btn,
.cx-pm-editor .editor-container #revisionmodetoolbar .goog-toolbar-button .unmark-btn,
.cx-pm-aveditor .editor-container #revisionmodetoolbar .goog-toolbar-button .unmark-btn,
.cx-pm-av2editor .editor-container #revisionmodetoolbar .goog-toolbar-button .unmark-btn,
.cx-pm-stageplayeditor .editor-container #revisionmodetoolbar .goog-toolbar-button .unmark-btn {
  font-size: 15px;
}
.cx-pm-editor .editor-container #revisionmodetoolbar.shadow,
.cx-pm-aveditor .editor-container #revisionmodetoolbar.shadow,
.cx-pm-av2editor .editor-container #revisionmodetoolbar.shadow,
.cx-pm-stageplayeditor .editor-container #revisionmodetoolbar.shadow {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}
.cx-pm-editor .editor-container #toolbar-container,
.cx-pm-aveditor .editor-container #toolbar-container,
.cx-pm-av2editor .editor-container #toolbar-container,
.cx-pm-stageplayeditor .editor-container #toolbar-container {
  transition: box-shadow 0.5s;
  -moz-transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  -ms-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
}
.cx-pm-editor .editor-container #toolbar-container .material-icons:active,
.cx-pm-aveditor .editor-container #toolbar-container .material-icons:active,
.cx-pm-av2editor .editor-container #toolbar-container .material-icons:active,
.cx-pm-stageplayeditor .editor-container #toolbar-container .material-icons:active,
.cx-pm-editor .editor-container #toolbar-container .fa:active,
.cx-pm-aveditor .editor-container #toolbar-container .fa:active,
.cx-pm-av2editor .editor-container #toolbar-container .fa:active,
.cx-pm-stageplayeditor .editor-container #toolbar-container .fa:active {
  margin-left: 1px;
  margin-top: 1px;
}
.cx-pm-editor .editor-container #toolbar-container #cx-redo .material-icons,
.cx-pm-aveditor .editor-container #toolbar-container #cx-redo .material-icons,
.cx-pm-av2editor .editor-container #toolbar-container #cx-redo .material-icons,
.cx-pm-stageplayeditor .editor-container #toolbar-container #cx-redo .material-icons,
.cx-pm-editor .editor-container #toolbar-container #cx-undo .material-icons,
.cx-pm-aveditor .editor-container #toolbar-container #cx-undo .material-icons,
.cx-pm-av2editor .editor-container #toolbar-container #cx-undo .material-icons,
.cx-pm-stageplayeditor .editor-container #toolbar-container #cx-undo .material-icons {
  margin-left: 0 !important;
}
.cx-pm-editor .editor-container #toolbar-container.shadow,
.cx-pm-aveditor .editor-container #toolbar-container.shadow,
.cx-pm-av2editor .editor-container #toolbar-container.shadow,
.cx-pm-stageplayeditor .editor-container #toolbar-container.shadow {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.cx-pm-editor .editor-container .ProseMirror-menu-slideout-menu,
.cx-pm-aveditor .editor-container .ProseMirror-menu-slideout-menu,
.cx-pm-av2editor .editor-container .ProseMirror-menu-slideout-menu,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-slideout-menu {
  background: #5f5f5e;
}
.cx-pm-editor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-aveditor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-av2editor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-editor .editor-container .ProseMirror-menu-dropdown-menu,
.cx-pm-aveditor .editor-container .ProseMirror-menu-dropdown-menu,
.cx-pm-av2editor .editor-container .ProseMirror-menu-dropdown-menu,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-dropdown-menu {
  font-family: 'Lato', 'sans-serif';
  font-size: 12px;
}
.cx-pm-editor .editor-container .ProseMirror-menu-dropdown-item .label,
.cx-pm-aveditor .editor-container .ProseMirror-menu-dropdown-item .label,
.cx-pm-av2editor .editor-container .ProseMirror-menu-dropdown-item .label,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-dropdown-item .label {
  font-size: 12px;
  line-height: 13px;
  color: #999999;
  vertical-align: top;
  padding: 0;
  font-weight: normal;
  text-shadow: none;
  background: none;
}
.cx-pm-editor .editor-container .ProseMirror-menu-dropdown-item .menu_icon.location,
.cx-pm-aveditor .editor-container .ProseMirror-menu-dropdown-item .menu_icon.location,
.cx-pm-av2editor .editor-container .ProseMirror-menu-dropdown-item .menu_icon.location,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-dropdown-item .menu_icon.location {
  height: 12px;
}
.cx-pm-editor .editor-container .tr-icon,
.cx-pm-aveditor .editor-container .tr-icon,
.cx-pm-av2editor .editor-container .tr-icon,
.cx-pm-stageplayeditor .editor-container .tr-icon {
  background: none;
  font-family: FontAwesome;
}
.cx-pm-editor .editor-container #cx-redo,
.cx-pm-aveditor .editor-container #cx-redo,
.cx-pm-av2editor .editor-container #cx-redo,
.cx-pm-stageplayeditor .editor-container #cx-redo,
.cx-pm-editor .editor-container #cx-undo,
.cx-pm-aveditor .editor-container #cx-undo,
.cx-pm-av2editor .editor-container #cx-undo,
.cx-pm-stageplayeditor .editor-container #cx-undo {
  float: right;
  min-width: auto;
}
.cx-pm-editor .editor-container #cx-redo .ProseMirror-icon,
.cx-pm-aveditor .editor-container #cx-redo .ProseMirror-icon,
.cx-pm-av2editor .editor-container #cx-redo .ProseMirror-icon,
.cx-pm-stageplayeditor .editor-container #cx-redo .ProseMirror-icon,
.cx-pm-editor .editor-container #cx-undo .ProseMirror-icon,
.cx-pm-aveditor .editor-container #cx-undo .ProseMirror-icon,
.cx-pm-av2editor .editor-container #cx-undo .ProseMirror-icon,
.cx-pm-stageplayeditor .editor-container #cx-undo .ProseMirror-icon {
  background-color: transparent;
  width: auto;
}
.cx-pm-editor .editor-container #cx-redo .ProseMirror-icon:hover,
.cx-pm-aveditor .editor-container #cx-redo .ProseMirror-icon:hover,
.cx-pm-av2editor .editor-container #cx-redo .ProseMirror-icon:hover,
.cx-pm-stageplayeditor .editor-container #cx-redo .ProseMirror-icon:hover,
.cx-pm-editor .editor-container #cx-undo .ProseMirror-icon:hover,
.cx-pm-aveditor .editor-container #cx-undo .ProseMirror-icon:hover,
.cx-pm-av2editor .editor-container #cx-undo .ProseMirror-icon:hover,
.cx-pm-stageplayeditor .editor-container #cx-undo .ProseMirror-icon:hover {
  color: #e6e6e6;
}
.cx-pm-editor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-aveditor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-av2editor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-stageplayeditor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-editor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-aveditor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-av2editor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-stageplayeditor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled,
.cx-pm-editor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled:hover,
.cx-pm-aveditor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled:hover,
.cx-pm-av2editor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled:hover,
.cx-pm-stageplayeditor .editor-container #cx-redo .ProseMirror-icon.ProseMirror-menu-disabled:hover,
.cx-pm-editor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled:hover,
.cx-pm-aveditor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled:hover,
.cx-pm-av2editor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled:hover,
.cx-pm-stageplayeditor .editor-container #cx-undo .ProseMirror-icon.ProseMirror-menu-disabled:hover {
  background: transparent;
  color: #f4f4f2;
}
.cx-pm-editor .editor-container #cx-redo,
.cx-pm-aveditor .editor-container #cx-redo,
.cx-pm-av2editor .editor-container #cx-redo,
.cx-pm-stageplayeditor .editor-container #cx-redo {
  margin-left: 10px;
}
.cx-pm-editor .editor-container .ProseMirror-menuitem,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem,
.cx-pm-editor .editor-container .ProseMirror-menu-slideout,
.cx-pm-aveditor .editor-container .ProseMirror-menu-slideout,
.cx-pm-av2editor .editor-container .ProseMirror-menu-slideout,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-slideout {
  min-width: 25px;
  height: 26px;
  margin: 0px 1px;
  text-align: center;
}
.cx-pm-editor .editor-container .ProseMirror-menuitem,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem {
  cursor: pointer;
  cursor: hand;
}
.cx-pm-editor .editor-container .ProseMirror-menu-slideout,
.cx-pm-aveditor .editor-container .ProseMirror-menu-slideout,
.cx-pm-av2editor .editor-container .ProseMirror-menu-slideout,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-slideout {
  background-color: #3b3d3e;
  margin-right: 4px;
  line-height: 26px;
  float: left;
}
.cx-pm-editor .editor-container .ProseMirror-menu-slideout.ProseMirror-menu-active,
.cx-pm-aveditor .editor-container .ProseMirror-menu-slideout.ProseMirror-menu-active,
.cx-pm-av2editor .editor-container .ProseMirror-menu-slideout.ProseMirror-menu-active,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-slideout.ProseMirror-menu-active {
  background-color: #2FB5B4;
  transform: rotate(270deg);
}
.cx-pm-editor .editor-container .ProseMirror-menu-dropdown-wrap,
.cx-pm-aveditor .editor-container .ProseMirror-menu-dropdown-wrap,
.cx-pm-av2editor .editor-container .ProseMirror-menu-dropdown-wrap,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-dropdown-wrap {
  height: 26px;
  padding: 0px;
  width: 100%;
}
.cx-pm-editor .editor-container #toolbar-container #cx-upper-lower .ProseMirror-menu-dropdown,
.cx-pm-aveditor .editor-container #toolbar-container #cx-upper-lower .ProseMirror-menu-dropdown,
.cx-pm-av2editor .editor-container #toolbar-container #cx-upper-lower .ProseMirror-menu-dropdown,
.cx-pm-stageplayeditor .editor-container #toolbar-container #cx-upper-lower .ProseMirror-menu-dropdown {
  margin-top: 0px;
  width: 35px;
}
.cx-pm-editor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-aveditor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-av2editor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-dropdown {
  line-height: 26px;
  padding: 0px 5px;
}
.cx-pm-editor .editor-container #cx-slideout,
.cx-pm-aveditor .editor-container #cx-slideout,
.cx-pm-av2editor .editor-container #cx-slideout,
.cx-pm-stageplayeditor .editor-container #cx-slideout {
  display: inline-block;
}
.cx-pm-editor .editor-container #cx-bold,
.cx-pm-aveditor .editor-container #cx-bold,
.cx-pm-av2editor .editor-container #cx-bold,
.cx-pm-stageplayeditor .editor-container #cx-bold,
.cx-pm-editor .editor-container #cx-color-pick,
.cx-pm-aveditor .editor-container #cx-color-pick,
.cx-pm-av2editor .editor-container #cx-color-pick,
.cx-pm-stageplayeditor .editor-container #cx-color-pick,
.cx-pm-editor .editor-container #cx-upper-lower,
.cx-pm-aveditor .editor-container #cx-upper-lower,
.cx-pm-av2editor .editor-container #cx-upper-lower,
.cx-pm-stageplayeditor .editor-container #cx-upper-lower,
.cx-pm-editor .editor-container #cx-cut,
.cx-pm-aveditor .editor-container #cx-cut,
.cx-pm-av2editor .editor-container #cx-cut,
.cx-pm-stageplayeditor .editor-container #cx-cut {
  margin-left: 4px;
}
.cx-pm-editor .editor-container .ProseMirror-menuitem-scott,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem-scott,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem-scott,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem-scott {
  position: relative;
  margin-top: 6px;
  margin-left: 15px;
}
.cx-pm-editor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-aveditor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-av2editor .editor-container .ProseMirror-menu-dropdown,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-dropdown {
  text-align: left;
  user-select: none;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu {
  margin-top: 2px;
  text-align: left;
  background-color: #202020;
  color: #cccccb;
  border: none;
  border-radius: 5px;
  padding: 0px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:first-child,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:first-child,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:first-child,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:first-child {
  border-top: none;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item {
  padding: 0 !important;
  border-top: 1px solid #323232;
  color: #fff;
  font-weight: 400;
  text-transform: lowercase;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:hover,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:hover,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:hover,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item:hover {
  background-color: #2FB5B4;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item .tr-div,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item .tr-div,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item .tr-div,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .ProseMirror-menu-dropdown-item .tr-div {
  padding: 10px 15px;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.scene-drop-menu,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.scene-drop-menu,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.scene-drop-menu,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.scene-drop-menu {
  width: 110px;
  left: -40px;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.zoom-drop-menu,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.zoom-drop-menu,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.zoom-drop-menu,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu.zoom-drop-menu {
  width: 58px;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey {
  padding: 10px;
}
.cx-pm-editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey .cxpm-element-hotkey-text,
.cx-pm-aveditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey .cxpm-element-hotkey-text,
.cx-pm-av2editor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey .cxpm-element-hotkey-text,
.cx-pm-stageplayeditor .editor-container #toolbar-container .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey .cxpm-element-hotkey-text {
  color: #fff;
  margin-left: 5px;
}
.cx-pm-editor .editor-container #cx-elements .cxpm-element-hotkey:hover,
.cx-pm-aveditor .editor-container #cx-elements .cxpm-element-hotkey:hover,
.cx-pm-av2editor .editor-container #cx-elements .cxpm-element-hotkey:hover,
.cx-pm-stageplayeditor .editor-container #cx-elements .cxpm-element-hotkey:hover {
  background: transparent;
}
.cx-pm-editor .editor-container #toolbar-container #cx-elements .cxpm-switch-hotkey,
.cx-pm-aveditor .editor-container #toolbar-container #cx-elements .cxpm-switch-hotkey,
.cx-pm-av2editor .editor-container #toolbar-container #cx-elements .cxpm-switch-hotkey,
.cx-pm-stageplayeditor .editor-container #toolbar-container #cx-elements .cxpm-switch-hotkey {
  padding: 10px 15px;
}
.cx-pm-editor .editor-container #cx-color-pick,
.cx-pm-aveditor .editor-container #cx-color-pick,
.cx-pm-av2editor .editor-container #cx-color-pick,
.cx-pm-stageplayeditor .editor-container #cx-color-pick,
.cx-pm-editor .editor-container #cx-upper-lower,
.cx-pm-aveditor .editor-container #cx-upper-lower,
.cx-pm-av2editor .editor-container #cx-upper-lower,
.cx-pm-stageplayeditor .editor-container #cx-upper-lower,
.cx-pm-editor .editor-container .zoom-drop-menu,
.cx-pm-aveditor .editor-container .zoom-drop-menu,
.cx-pm-av2editor .editor-container .zoom-drop-menu,
.cx-pm-stageplayeditor .editor-container .zoom-drop-menu,
.cx-pm-editor .editor-container .scene-drop-menu,
.cx-pm-aveditor .editor-container .scene-drop-menu,
.cx-pm-av2editor .editor-container .scene-drop-menu,
.cx-pm-stageplayeditor .editor-container .scene-drop-menu {
  background-color: #3b3d3e;
}
.cx-pm-editor .editor-container #cx-color-pick:hover,
.cx-pm-aveditor .editor-container #cx-color-pick:hover,
.cx-pm-av2editor .editor-container #cx-color-pick:hover,
.cx-pm-stageplayeditor .editor-container #cx-color-pick:hover,
.cx-pm-editor .editor-container #cx-upper-lower:hover,
.cx-pm-aveditor .editor-container #cx-upper-lower:hover,
.cx-pm-av2editor .editor-container #cx-upper-lower:hover,
.cx-pm-stageplayeditor .editor-container #cx-upper-lower:hover,
.cx-pm-editor .editor-container .zoom-drop-menu:hover,
.cx-pm-aveditor .editor-container .zoom-drop-menu:hover,
.cx-pm-av2editor .editor-container .zoom-drop-menu:hover,
.cx-pm-stageplayeditor .editor-container .zoom-drop-menu:hover,
.cx-pm-editor .editor-container .scene-drop-menu:hover,
.cx-pm-aveditor .editor-container .scene-drop-menu:hover,
.cx-pm-av2editor .editor-container .scene-drop-menu:hover,
.cx-pm-stageplayeditor .editor-container .scene-drop-menu:hover {
  background-color: #474a4b;
}
.cx-pm-editor .editor-container .ProseMirror-icon,
.cx-pm-aveditor .editor-container .ProseMirror-icon,
.cx-pm-av2editor .editor-container .ProseMirror-icon,
.cx-pm-stageplayeditor .editor-container .ProseMirror-icon {
  display: inline-block;
  background-color: #3b3d3e;
  cursor: pointer;
  cursor: hand;
  padding: 0px;
  width: 25px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.cx-pm-editor .editor-container .ProseMirror-icon:active,
.cx-pm-aveditor .editor-container .ProseMirror-icon:active,
.cx-pm-av2editor .editor-container .ProseMirror-icon:active,
.cx-pm-stageplayeditor .editor-container .ProseMirror-icon:active {
  background-color: #2FB5B4 !important;
}
.cx-pm-editor .editor-container .ProseMirror-icon:hover,
.cx-pm-aveditor .editor-container .ProseMirror-icon:hover,
.cx-pm-av2editor .editor-container .ProseMirror-icon:hover,
.cx-pm-stageplayeditor .editor-container .ProseMirror-icon:hover {
  background-color: #474a4b !important;
}
.cx-pm-editor .editor-container .ProseMirror-icon.ProseMirror-menu-active,
.cx-pm-aveditor .editor-container .ProseMirror-icon.ProseMirror-menu-active,
.cx-pm-av2editor .editor-container .ProseMirror-icon.ProseMirror-menu-active,
.cx-pm-stageplayeditor .editor-container .ProseMirror-icon.ProseMirror-menu-active {
  background-color: #2FB5B4 !important;
}
.cx-pm-editor .editor-container .ProseMirror-icon span,
.cx-pm-aveditor .editor-container .ProseMirror-icon span,
.cx-pm-av2editor .editor-container .ProseMirror-icon span,
.cx-pm-stageplayeditor .editor-container .ProseMirror-icon span {
  vertical-align: middle;
}
.cx-pm-editor .editor-container .ProseMirror-menuseparator,
.cx-pm-aveditor .editor-container .ProseMirror-menuseparator,
.cx-pm-av2editor .editor-container .ProseMirror-menuseparator,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuseparator {
  border: none;
  display: inline-block;
}
.cx-pm-editor .editor-container .ProseMirror-menu-disabled:hover,
.cx-pm-aveditor .editor-container .ProseMirror-menu-disabled:hover,
.cx-pm-av2editor .editor-container .ProseMirror-menu-disabled:hover,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menu-disabled:hover {
  background: #3b3d3e;
  cursor: default;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript {
  background-color: rgba(86, 87, 85, 0.9) !important;
  color: white;
  height: 46px;
  padding: 10px 25px;
  z-index: 3;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message {
  visibility: visible;
  opacity: 1;
  text-shadow: none;
  background-color: #feeeb6;
  border-color: #9d6014;
  color: #9d6014;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::before,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::before,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::before,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::before {
  border-color: #9d6014;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-dualdialog .tooltip-message::after {
  border-color: #feeeb6;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript .ci-dualdialog:before,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .ci-dualdialog:before,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .ci-dualdialog:before,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .ci-dualdialog:before {
  font-size: 13px;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript .cxnone,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .cxnone,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .cxnone,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .cxnone {
  width: 135px;
  display: inline-block;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  border-style: none !important;
  border-radius: 0 !important;
  background-color: white;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.23);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.23);
  padding: 0 !important;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table {
  border: 0 !important;
  margin: 10px !important;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table .goog-palette-cell,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table .goog-palette-cell,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table .goog-palette-cell,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .goog-menu-vertical .goog-palette-table .goog-palette-cell {
  border-right: 0 !important;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format {
  width: 70px;
  text-align: left;
  float: right;
  margin-left: 25px;
  margin-right: 30px;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom {
  width: 58px;
  text-align: left;
  float: right;
  margin-left: 4px;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after {
  color: #fff;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-elements,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-elements,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-elements,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-elements {
  background-color: #f4f4f2;
  width: 128px;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label {
  width: 85px;
  color: #000;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after {
  color: #000 !important;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after {
  color: #fff;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-elements,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-elements,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-elements,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-elements,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower {
  text-align: left;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-dropdown:after {
  float: right;
  margin-right: 5px;
  font-family: celtxicons;
  content: "\e829";
  font-size: 8px;
  border: none;
  top: 0;
  opacity: 1;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-open:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-open:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-open:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-open:after,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-open:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-open:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-open:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .ProseMirror-menu-open:after,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-open:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-open:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-open:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .ProseMirror-menu-open:after,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-open:after,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-open:after,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-open:after,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .ProseMirror-menu-open:after {
  content: "\e898";
  font-size: 8px;
  font-family: celtxicons;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-elements .label,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .label,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .label,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .label,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-zoom .label,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .label,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .label,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .label,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format .label,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .label,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .label,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .label,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-upper-lower .label {
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 26px;
  vertical-align: inherit;
  white-space: normal;
  text-shadow: none;
  background: none;
  display: inline-block;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript .menu_icon,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .menu_icon,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .menu_icon,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .menu_icon {
  display: none;
}
.mobile-pm-container-fluid .cx-pm-editor .ProseMirror-menubar-cxscript,
.mobile-pm-container-fluid .cx-pm-aveditor .ProseMirror-menubar-cxscript,
.mobile-pm-container-fluid .cx-pm-av2editor .ProseMirror-menubar-cxscript,
.mobile-pm-container-fluid .cx-pm-stageplayeditor .ProseMirror-menubar-cxscript {
  background-color: #222222 !important;
}
#scripteditortoolbar .goog-toolbar .goog-toolbar-button,
#scripteditortoolbar .goog-toolbar .goog-toolbar-menu-button {
  margin: -2px 2px 0 !important;
}
#scripteditortoolbar,
#scheduletoolbar {
  background-color: #565755;
  opacity: 0.9;
  padding: 10px 0px;
  height: 26px;
  /* TOOLBAR STYLING */
  /* BUTTON STYLING */
  /* COLOUR SELECTION STYLING */
  /* DROPDOWN MENU STYLING */
  /* FORMAT DROPDOWN STYLING*/
}
#scripteditortoolbar .autoblocksearch,
#scheduletoolbar .autoblocksearch {
  height: 26px;
  margin-top: 9px;
}
#scripteditortoolbar .autoblocksearch .autoblocklist,
#scheduletoolbar .autoblocksearch .autoblocklist {
  display: inline-block;
  border-radius: 3px 0 0 3px;
  border: none !important;
  box-shadow: none;
  width: 250px;
  height: 26px;
  margin-top: 0px;
}
#scripteditortoolbar .autoblocksearch .autoblocklist.editing,
#scheduletoolbar .autoblocksearch .autoblocklist.editing {
  background: #fff;
}
#scripteditortoolbar .autoblocksearch .autoblocklist.editing:focus,
#scheduletoolbar .autoblocksearch .autoblocklist.editing:focus,
#scripteditortoolbar .autoblocksearch .autoblocklist.editing.focus,
#scheduletoolbar .autoblocksearch .autoblocklist.editing.focus {
  border: none;
  box-shadow: none;
}
#scripteditortoolbar .autoblocksearch .autoblocklist.editing .autoblock,
#scheduletoolbar .autoblocksearch .autoblocklist.editing .autoblock {
  line-height: 15px;
}
#scripteditortoolbar .autoblocksearch .autoblocklist .autoblock-input,
#scheduletoolbar .autoblocksearch .autoblocklist .autoblock-input {
  line-height: 100%;
  margin-top: 0px;
}
#scripteditortoolbar .goog-toolbar,
#scheduletoolbar .goog-toolbar {
  margin: auto;
  display: block;
  background-image: none !important;
  background-color: transparent !important;
  padding: 0px !important;
}
#scripteditortoolbar .goog-toolbar-button,
#scheduletoolbar .goog-toolbar-button {
  background-color: #3b3d3e;
  color: #fff;
  font-size: 12px;
}
#scripteditortoolbar .goog-toolbar-button-hover,
#scheduletoolbar .goog-toolbar-button-hover,
#scripteditortoolbar .goog-toolbar-button-checked,
#scheduletoolbar .goog-toolbar-button-checked {
  background-color: #474a4b !important;
}
#scripteditortoolbar .tr-icon,
#scheduletoolbar .tr-icon {
  background: none;
  font-family: FontAwesome;
  width: 100%;
  line-height: 26px;
}
#scripteditortoolbar .tr-fontName .goog-toolbar-menu-button-caption,
#scheduletoolbar .tr-fontName .goog-toolbar-menu-button-caption,
#scripteditortoolbar .tr-fontSize .goog-toolbar-menu-button-caption,
#scheduletoolbar .tr-fontSize .goog-toolbar-menu-button-caption {
  line-height: 16px;
}
#scripteditortoolbar .goog-toolbar-separator,
#scheduletoolbar .goog-toolbar-separator {
  border-right: none;
  border-left: none;
  width: 2px;
}
#scripteditortoolbar #\+chapterHeading,
#scheduletoolbar #\+chapterHeading {
  width: 60px;
}
#scripteditortoolbar #\+chapterHeading .goog-toolbar-button-inner-box,
#scheduletoolbar #\+chapterHeading .goog-toolbar-button-inner-box {
  width: 60px;
}
#scripteditortoolbar #\+dualDialog.goog-toolbar-button-checked,
#scheduletoolbar #\+dualDialog.goog-toolbar-button-checked {
  background-color: #2FB5B4 !important;
}
#scripteditortoolbar #\+dualDialog.goog-toolbar-button-checked.goog-toolbar-button-disabled,
#scheduletoolbar #\+dualDialog.goog-toolbar-button-checked.goog-toolbar-button-disabled {
  background-color: #626162 !important;
}
#scripteditortoolbar #\+redo,
#scheduletoolbar #\+redo,
#scripteditortoolbar #\+undo,
#scheduletoolbar #\+undo {
  background-color: transparent;
  color: #fff;
}
#scripteditortoolbar #\+redo.goog-toolbar-button-hover,
#scheduletoolbar #\+redo.goog-toolbar-button-hover,
#scripteditortoolbar #\+undo.goog-toolbar-button-hover,
#scheduletoolbar #\+undo.goog-toolbar-button-hover {
  background-color: transparent !important;
  color: #e6e6e6;
}
#scripteditortoolbar #\+redo.goog-toolbar-button-disabled,
#scheduletoolbar #\+redo.goog-toolbar-button-disabled,
#scripteditortoolbar #\+undo.goog-toolbar-button-disabled,
#scheduletoolbar #\+undo.goog-toolbar-button-disabled {
  color: #f4f4f2;
}
#scripteditortoolbar #shareDialog,
#scheduletoolbar #shareDialog {
  line-height: 30px;
  font-size: 14px;
}
#scripteditortoolbar #sort-btn,
#scheduletoolbar #sort-btn {
  height: 25px;
  line-height: 25px;
}
#scripteditortoolbar #sort-btn .fa-exchange,
#scheduletoolbar #sort-btn .fa-exchange {
  transform: rotate(90deg);
}
#scripteditortoolbar .goog-color-menu-button-indicator,
#scheduletoolbar .goog-color-menu-button-indicator {
  height: 4px;
  border-width: 14px;
  margin: 2px 6px 6px 6px;
}
#scripteditortoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown,
#scheduletoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown {
  background-color: #3b3d3e;
  height: 26px;
  line-height: 26px;
  text-align: center;
  display: none;
}
#scripteditortoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-caption,
#scheduletoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-caption {
  padding-right: 0px;
  width: 25px;
}
#scripteditortoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-outer-box,
#scheduletoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-outer-box {
  padding: 0px !important;
  background-color: #3b3d3e;
}
#scripteditortoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-outer-box:hover,
#scheduletoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-outer-box:hover {
  background-color: #474a4b !important;
}
#scripteditortoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-inner-box,
#scheduletoolbar .goog-toolbar-color-menu-button .goog-toolbar-menu-button-inner-box {
  padding: 0px !important;
}
#scripteditortoolbar .goog-toolbar-menu-button,
#scheduletoolbar .goog-toolbar-menu-button {
  background-color: #3b3d3e;
  font-family: "lato", sans-serif;
  letter-spacing: 0;
}
#scripteditortoolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption,
#scheduletoolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption {
  color: white;
  vertical-align: top;
}
#scripteditortoolbar .goog-toolbar-menu-button:hover,
#scheduletoolbar .goog-toolbar-menu-button:hover {
  background-color: #474a4b;
}
#scripteditortoolbar .goog-toolbar-menu-button-active,
#scheduletoolbar .goog-toolbar-menu-button-active,
#scripteditortoolbar .goog-toolbar-menu-button-open,
#scheduletoolbar .goog-toolbar-menu-button-open {
  background-color: #474a4b !important;
}
#scripteditortoolbar #formatElement,
#scheduletoolbar #formatElement {
  color: #000;
  background-color: #f4f4f2;
  margin-right: 5px;
  font-size: 12px;
  width: 105px;
}
#scripteditortoolbar #formatElement.goog-toolbar-menu-button:hover,
#scheduletoolbar #formatElement.goog-toolbar-menu-button:hover {
  background-color: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
#scripteditortoolbar #formatElement.goog-toolbar-menu-button-open,
#scheduletoolbar #formatElement.goog-toolbar-menu-button-open {
  background-color: #f2f2f2;
}
#scripteditortoolbar #formatElement .goog-toolbar-menu-button-caption,
#scheduletoolbar #formatElement .goog-toolbar-menu-button-caption {
  width: 85px;
  min-width: 85px;
  color: #000;
}
#scripteditortoolbar #formatElement .goog-toolbar-menu-button-dropdown:before,
#scheduletoolbar #formatElement .goog-toolbar-menu-button-dropdown:before {
  float: right;
  color: #000;
  opacity: 0.6;
}
#scripteditortoolbar,
#scheduletoolbar,
#revisionmodetoolbar {
  font-family: "lato", sans-serif;
  font-weight: 300;
  /* TOOLBAR STYLING */
  /* BUTTON STYLING */
  /* DROPDOWN MENU STYLING */
}
#scripteditortoolbar .goog-toolbar,
#scheduletoolbar .goog-toolbar,
#revisionmodetoolbar .goog-toolbar {
  border-bottom: none !important;
  box-shadow: none;
}
#scripteditortoolbar .goog-toolbar-button,
#scheduletoolbar .goog-toolbar-button,
#revisionmodetoolbar .goog-toolbar-button {
  height: 26px;
  width: 25px;
  text-align: center;
  line-height: 26px;
  margin: 0px 1px;
}
#scripteditortoolbar .goog-toolbar-button .add-revision,
#scheduletoolbar .goog-toolbar-button .add-revision,
#revisionmodetoolbar .goog-toolbar-button .add-revision {
  font-size: 13px;
}
#scripteditortoolbar .goog-toolbar-button .omit-scene,
#scheduletoolbar .goog-toolbar-button .omit-scene,
#revisionmodetoolbar .goog-toolbar-button .omit-scene {
  font-size: 18px;
}
#scripteditortoolbar .goog-toolbar-button .mark-btn,
#scheduletoolbar .goog-toolbar-button .mark-btn,
#revisionmodetoolbar .goog-toolbar-button .mark-btn,
#scripteditortoolbar .goog-toolbar-button .unmark-btn,
#scheduletoolbar .goog-toolbar-button .unmark-btn,
#revisionmodetoolbar .goog-toolbar-button .unmark-btn {
  font-size: 15px;
}
#scripteditortoolbar .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
#scheduletoolbar .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
#revisionmodetoolbar .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
#scripteditortoolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box,
#scheduletoolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box,
#revisionmodetoolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box {
  border-width: 0px !important;
}
#scripteditortoolbar .goog-toolbar-button .goog-toolbar-button-inner-box,
#scheduletoolbar .goog-toolbar-button .goog-toolbar-button-inner-box,
#revisionmodetoolbar .goog-toolbar-button .goog-toolbar-button-inner-box {
  border-color: transparent !important;
  width: 24px;
  line-height: 26px;
}
#scripteditortoolbar .goog-toolbar-button-outer-box,
#scheduletoolbar .goog-toolbar-button-outer-box,
#revisionmodetoolbar .goog-toolbar-button-outer-box {
  padding: 0px !important;
}
#scripteditortoolbar .goog-toolbar-button-disabled .goog-toolbar-button-outer-box,
#scheduletoolbar .goog-toolbar-button-disabled .goog-toolbar-button-outer-box,
#revisionmodetoolbar .goog-toolbar-button-disabled .goog-toolbar-button-outer-box,
#scripteditortoolbar .goog-toolbar-button-disabled .goog-toolbar-button-inner-box,
#scheduletoolbar .goog-toolbar-button-disabled .goog-toolbar-button-inner-box,
#revisionmodetoolbar .goog-toolbar-button-disabled .goog-toolbar-button-inner-box {
  color: #fff !important;
  border-color: transparent !important;
}
#scripteditortoolbar .goog-toolbar-button-inner-box,
#scheduletoolbar .goog-toolbar-button-inner-box,
#revisionmodetoolbar .goog-toolbar-button-inner-box {
  padding: 0px !important;
}
#scripteditortoolbar .goog-toolbar-button-selected.goog-toolbar-button .goog-toolbar-button-inner-box,
#scheduletoolbar .goog-toolbar-button-selected.goog-toolbar-button .goog-toolbar-button-inner-box,
#revisionmodetoolbar .goog-toolbar-button-selected.goog-toolbar-button .goog-toolbar-button-inner-box {
  padding: 0 !important;
}
#scripteditortoolbar .goog-toolbar-button-checked.goog-toolbar-button .goog-toolbar-button-inner-box,
#scheduletoolbar .goog-toolbar-button-checked.goog-toolbar-button .goog-toolbar-button-inner-box,
#revisionmodetoolbar .goog-toolbar-button-checked.goog-toolbar-button .goog-toolbar-button-inner-box {
  padding: 0 !important;
}
#scripteditortoolbar .goog-toolbar-select,
#scheduletoolbar .goog-toolbar-select,
#revisionmodetoolbar .goog-toolbar-select {
  padding: 4px 3px 3px 3px;
}
#scripteditortoolbar .goog-toolbar-menu-button-inner-box,
#scheduletoolbar .goog-toolbar-menu-button-inner-box,
#revisionmodetoolbar .goog-toolbar-menu-button-inner-box {
  border: none;
  padding: 1px 3px 0px 3px;
  line-height: 16px;
}
#scripteditortoolbar .goog-toolbar-menu-button-outer-box,
#scheduletoolbar .goog-toolbar-menu-button-outer-box,
#revisionmodetoolbar .goog-toolbar-menu-button-outer-box {
  border: none;
  padding: 0px 2px;
}
#scripteditortoolbar .goog-toolbar-menu-button,
#scheduletoolbar .goog-toolbar-menu-button,
#revisionmodetoolbar .goog-toolbar-menu-button {
  color: #fff;
}
#scripteditortoolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption,
#scheduletoolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption,
#revisionmodetoolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption {
  color: #fff;
}
#scripteditortoolbar .goog-toolbar-button-checked .goog-toolbar-button-inner-box,
#scheduletoolbar .goog-toolbar-button-checked .goog-toolbar-button-inner-box,
#revisionmodetoolbar .goog-toolbar-button-checked .goog-toolbar-button-inner-box {
  border-color: transparent !important;
}
#scripteditortoolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box,
#scheduletoolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box,
#revisionmodetoolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box {
  border-color: transparent !important;
}
#scripteditortoolbar .goog-toolbar-menu-button-dropdown,
#scheduletoolbar .goog-toolbar-menu-button-dropdown,
#revisionmodetoolbar .goog-toolbar-menu-button-dropdown {
  background: none;
  height: 18px;
  width: 12px;
  line-height: 16px;
  vertical-align: top;
}
#scripteditortoolbar .goog-toolbar-menu-button-dropdown:before,
#scheduletoolbar .goog-toolbar-menu-button-dropdown:before,
#revisionmodetoolbar .goog-toolbar-menu-button-dropdown:before {
  font-family: celtxicons;
  content: "\e829";
  padding-left: 3px;
  font-size: 8px;
}
#scripteditortoolbar .goog-toolbar-menu-button-open .goog-toolbar-menu-button-dropdown:before,
#scheduletoolbar .goog-toolbar-menu-button-open .goog-toolbar-menu-button-dropdown:before,
#revisionmodetoolbar .goog-toolbar-menu-button-open .goog-toolbar-menu-button-dropdown:before {
  content: '\e898';
}
#revisionmodetoolbar .goog-toolbar-button {
  color: #4F4F4F;
  margin: 0px 1px 0px 0px;
  background-color: transparent;
}
#revisionmodetoolbar #current-revision-number,
#revisionmodetoolbar #current-revision-colour {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 100%;
}
#revisionmodetoolbar #current-revision-colour {
  margin-left: 25px;
  margin-right: 10px;
}
#revisionmodetoolbar #revisionMarkDisplay {
  margin-left: 50px;
  margin-right: 118px;
}
#revisionmodetoolbar #revisionMarkDisplay .goog-menuitem-checkbox {
  color: white !important;
}
#revisionmodetoolbar .goog-toolbar {
  color: #4F4F4F;
}
#revisionmodetoolbar .goog-menu-vertical {
  width: 165px;
}
#revisionmodetoolbar .goog-toolbar-button {
  margin-left: 10px;
}
#revisionmodetoolbar .goog-toolbar-menu-button {
  color: #4F4F4F;
  margin: 0px 1px 0px 0px;
}
#revisionmodetoolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption {
  color: #4F4F4F;
}
.scripteditor-icon {
  background: url(../img/novel-toolbar.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-dualdialog-icon {
  background: url(../img/script-dualdialog.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-save {
  background: url(../img/script-save-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-sides {
  background: url(../img/sides-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-breakdown {
  background: url(../img/icons/small/production.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-background-icon {
  background: url(../img/script-color-icon.png) no-repeat;
  width: 16px;
  height: 16px;
  background-position: -16px;
}
.scripteditor-note-icon {
  background: url(../img/script-note-icon.png) no-repeat center;
  width: 16px;
  height: 16px;
}
.scripteditor-foreground-icon {
  background: url(../img/script-color-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-cut-icon {
  background: url(../img/icon-cut.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-copy-icon {
  background: url(../img/icon-copy.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-paste-icon {
  background: url(../img/icon-paste.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-bold {
  background-position: 0px;
}
.scripteditor-italic {
  background-position: -24px;
}
.scripteditor-underline {
  background-position: -48px;
}
.scripteditor-undo {
  background-position: -120px;
}
.scripteditor-redo {
  background-position: -144px;
}
.scripteditor-typeset {
  background: url(../img/typeset2.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-social {
  padding: 4px;
}
.scripteditor-titlepage {
  background: url(../img/titlepage-icon.png) no-repeat;
  width: 16px;
  height: 16px;
}
.scripteditor-print {
  background: url(../img/print.png) no-repeat;
  width: 16px;
  height: 16px;
}
#cx-slideout-down .ProseMirror-menu-slideout-menu {
  margin-right: 10px;
  min-width: 0px;
  padding: 6px 0px;
  padding: 5px;
  margin-top: -5px;
  position: absolute;
  white-space: nowrap;
}
#cx-slideout-down .ProseMirror-menu-slideout-menu:hover {
  background: #5f5f5e;
}
@media (max-width: 1650px) {
  .cx-pm-editor .editor-container .ProseMirror-menubar-cxscript,
  .cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript,
  .cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript,
  .cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript {
    padding: 10px;
  }
  .cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
  .cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
  .cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format,
  .cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-scene-format {
    margin-left: 4px;
  }
  .cx-pm-editor .editor-container #cx-redo,
  .cx-pm-aveditor .editor-container #cx-redo,
  .cx-pm-stageplayeditor .editor-container #cx-redo,
  .cx-pm-av2editor .editor-container #cx-redo {
    margin-left: 5px;
  }
}
@media (max-width: 1400px) {
  #scripteditortoolbar #cut-text,
  #scripteditortoolbar #copy-text,
  #scripteditortoolbar #paste-text {
    display: none;
  }
  #revisionmodetoolbar #revisiondialog {
    margin-left: 0px;
  }
  #current-revision-number,
  #current-revision-colour {
    display: none;
  }
  #revisiondialog {
    margin-left: 0px;
  }
}
@media (max-width: 1200px) {
  .right-sidebar-tabber-open #cx-cut,
  .left-sidebar-tabber-open #cx-cut,
  .right-sidebar-tabber-open #cx-copy,
  .left-sidebar-tabber-open #cx-copy,
  .right-sidebar-tabber-open #cx-paste,
  .left-sidebar-tabber-open #cx-paste {
    display: none;
  }
  #revisionmodetoolbar .goog-toolbar {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 1000px) {
  #cx-cut,
  #cx-copy,
  #cx-paste {
    display: none;
  }
  #cx-upper-lower,
  #cx-scene-format,
  #cx-zoom {
    display: none;
  }
  .right-sidebar-tabber-open #cx-slideout .ProseMirror-menu-slideout-menu,
  .left-sidebar-tabber-open #cx-slideout .ProseMirror-menu-slideout-menu {
    margin-right: 10px;
    min-width: 0px;
    padding: 6px 0px;
    padding: 5px;
    margin-top: -5px;
    position: absolute;
    white-space: nowrap;
  }
  .right-sidebar-tabber-open #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .left-sidebar-tabber-open #cx-slideout .ProseMirror-menu-slideout-menu:hover {
    background: #5f5f5e;
  }
  .cx-pm-editor .editor-container .ProseMirror-menu-slideout-menu,
  .cx-pm-aveditor .editor-container .ProseMirror-menu-slideout-menu,
  .cx-pm-stageplayeditor .editor-container .ProseMirror-menu-slideout-menu,
  .cx-pm-av2editor .editor-container .ProseMirror-menu-slideout-menu {
    left: 10px;
    top: 60px;
  }
  .cx-old-editor #toolbar-container {
    height: 60px;
  }
  .cx-old-editor #scripteditortoolbar {
    height: 60px;
  }
  .cx-old-editor #scripteditortoolbar #sceneNumberingDisplay {
    clear: both;
  }
  .cx-old-editor #scripteditortoolbar #dialogNumberingDisplay {
    clear: both;
  }
  .cx-old-editor #scripteditortoolbar .goog-toolbar-select,
  .cx-old-editor #scripteditortoolbar .goog-toolbar-button,
  .cx-old-editor #scripteditortoolbar .goog-toolbar-menu-button {
    margin-bottom: 5px;
  }
  #scripteditortoolbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #revisionmodetoolbar {
    padding-top: 47px;
  }
  #revisionmodetoolbar #sceneNumberingDisplay {
    display: none;
  }
  #revisionmodetoolbar #dialogNumberingDisplay {
    display: none;
  }
  #revisionmodetoolbar #revisionMarkDisplay {
    margin-left: 5px;
  }
  #revisionmodetoolbar .goog-toolbar-button {
    margin-left: 0px;
  }
}
@media (max-width: 800px) {
  .cx-pm-editor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-aveditor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-av2editor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-stageplayeditor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-editor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-aveditor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-av2editor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-stageplayeditor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-editor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-aveditor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-av2editor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-stageplayeditor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu {
    margin-right: 10px;
    min-width: 0px;
    padding: 6px 0px;
    padding: 5px;
    margin-top: -5px;
    position: absolute;
    white-space: nowrap;
  }
  .cx-pm-editor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-aveditor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-av2editor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-stageplayeditor .editor-container .cxscreenplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-editor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-aveditor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-av2editor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-stageplayeditor .editor-container .cxaudiovideo-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-editor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-aveditor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-av2editor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-stageplayeditor .editor-container .cxstageplay-with-sidebars #cx-slideout .ProseMirror-menu-slideout-menu:hover {
    background: #5f5f5e;
  }
}
@media (max-width: 600px) {
  .cx-pm-editor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-aveditor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-av2editor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-stageplayeditor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-editor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-aveditor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-av2editor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-stageplayeditor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-editor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-aveditor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-av2editor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu,
  .cx-pm-stageplayeditor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu {
    margin-right: 10px;
    min-width: 0px;
    padding: 6px 0px;
    padding: 5px;
    margin-top: -5px;
    position: absolute;
    white-space: nowrap;
  }
  .cx-pm-editor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-aveditor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-av2editor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-stageplayeditor .editor-container .cxscreenplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-editor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-aveditor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-av2editor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-stageplayeditor .editor-container .cxaudiovideo-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-editor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-aveditor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-av2editor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover,
  .cx-pm-stageplayeditor .editor-container .cxstageplay-with-palette #cx-slideout .ProseMirror-menu-slideout-menu:hover {
    background: #5f5f5e;
  }
}
@media (max-width: 350px) {
  .cx-pm-editor .file-header-content-bg #trial-container {
    display: none;
  }
}
body.nightmode .react-dropdown .react-dropdown-menu.expanded {
  background-color: #222222;
  border: 1px solid #6E6E6E;
}
body.nightmode .react-dropdown .react-dropdown-menu.expanded ul li {
  color: #F6F6F6;
}
body.nightmode .react-dropdown .react-dropdown-menu.expanded ul li:hover {
  background-color: #323232;
}
body.nightmode .modal-dialog,
body.nightmode .draggable-dialog {
  border: 1px solid #6E6E6E;
}
body.nightmode .toolbar-container .toolbar-menu-header .fly-out-menu,
body.nightmode .toolbar-container .toolbar-menu-header .fly-out-sub-menu-items {
  border: 1px solid #6E6E6E;
}
body.nightmode .toolbar-container .secondary-toolbar-container .redux-toolbar-secondary {
  height: calc(100% - 1px);
  border-bottom: 1px solid #6E6E6E;
}
body.nightmode .react-scene-nav-dialog .draggable-dialog {
  border: 1px solid #6E6E6E;
}
body.nightmode .react-scene-nav-dialog .draggable-dialog .scenenav-list-item {
  background-color: #363636;
}
body.nightmode .react-scene-nav-dialog .draggable-dialog .scenenav-list-item.highlight {
  background-color: #2FB5B4;
}
body.nightmode .react-scene-nav-dialog .draggable-dialog .scenenav-list-item .scenenav-list-link {
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-screenplay,
body.nightmode .cx-pm-aveditor .editor-container .cx-screenplay,
body.nightmode .cx-pm-av2editor .editor-container .cx-screenplay,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-screenplay,
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2,
body.nightmode .cx-pm-editor .editor-container .cx-stageplay,
body.nightmode .cx-pm-aveditor .editor-container .cx-stageplay,
body.nightmode .cx-pm-av2editor .editor-container .cx-stageplay,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-stageplay {
  background-color: #222222 !important;
}
body.nightmode .cx-pm-editor .editor-container .title-page,
body.nightmode .cx-pm-aveditor .editor-container .title-page,
body.nightmode .cx-pm-av2editor .editor-container .title-page,
body.nightmode .cx-pm-stageplayeditor .editor-container .title-page,
body.nightmode .cx-pm-editor .editor-container .page,
body.nightmode .cx-pm-aveditor .editor-container .page,
body.nightmode .cx-pm-av2editor .editor-container .page,
body.nightmode .cx-pm-stageplayeditor .editor-container .page,
body.nightmode .cx-pm-editor .editor-container .vertical-script .av_table,
body.nightmode .cx-pm-aveditor .editor-container .vertical-script .av_table,
body.nightmode .cx-pm-av2editor .editor-container .vertical-script .av_table,
body.nightmode .cx-pm-stageplayeditor .editor-container .vertical-script .av_table {
  background-color: #363636;
  color: #F6F6F6;
  box-shadow: none;
}
body.nightmode .cx-pm-editor .editor-container .cxscript .placeholder::before,
body.nightmode .cx-pm-aveditor .editor-container .cxscript .placeholder::before,
body.nightmode .cx-pm-av2editor .editor-container .cxscript .placeholder::before,
body.nightmode .cx-pm-stageplayeditor .editor-container .cxscript .placeholder::before {
  color: #A2A2A2;
}
body.nightmode .cx-pm-editor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-aveditor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-av2editor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-editor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-aveditor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-av2editor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-1 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-editor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-aveditor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-av2editor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-screenplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-editor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-aveditor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-av2editor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"],
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-stageplay div.page .cxpage-meta-content .cxpage-meta-line-2 [class^="cxpage-meta-line-"] {
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-screenplay .sceneheading,
body.nightmode .cx-pm-aveditor .editor-container .cx-screenplay .sceneheading,
body.nightmode .cx-pm-av2editor .editor-container .cx-screenplay .sceneheading,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-screenplay .sceneheading {
  background-color: #222222;
}
body.nightmode .cx-pm-editor .editor-container .autocomplete_widget .sel,
body.nightmode .cx-pm-aveditor .editor-container .autocomplete_widget .sel,
body.nightmode .cx-pm-av2editor .editor-container .autocomplete_widget .sel,
body.nightmode .cx-pm-stageplayeditor .editor-container .autocomplete_widget .sel {
  background: #222222 !important;
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .autocomplete_widget .selected,
body.nightmode .cx-pm-aveditor .editor-container .autocomplete_widget .selected,
body.nightmode .cx-pm-av2editor .editor-container .autocomplete_widget .selected,
body.nightmode .cx-pm-stageplayeditor .editor-container .autocomplete_widget .selected {
  background-color: #2d2d2d;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 textarea,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 textarea,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 textarea,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 textarea {
  background-color: #363636;
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .table-header .title-field .edit-info,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .table-header .title-field .edit-info,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .table-header .title-field .edit-info,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .table-header .title-field .edit-info,
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .table-header .header-field .header-label,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .table-header .header-field .header-label,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .table-header .header-field .header-label,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .table-header .header-field .header-label,
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .table-header .header-field .edit-info,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .table-header .header-field .edit-info,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .table-header .header-field .edit-info,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .table-header .header-field .edit-info {
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category {
  background-color: #363636;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .category-span,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .category-span,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .category-span,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .category-span {
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .info-selections,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .info-selections,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .info-selections,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .info-selections {
  color: #A2A2A2;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__single-value,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__single-value,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__single-value,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__single-value,
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__value-container > div,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__value-container > div,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__value-container > div,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__value-container > div {
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator {
  color: #A2A2A2;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator:hover,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator:hover,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator:hover,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__indicator:hover {
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg {
  color: #222222;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg:hover,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg:hover,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg:hover,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .shot-info-container .shot-info-category .infoSelect__multi-value__remove > svg:hover {
  color: unset;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .video_col,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .video_col,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .video_col,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .video_col,
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .audio_col,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .audio_col,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .audio_col,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .av_table .av_table-content .av_row .av_row-content .audio_col {
  background-color: #363636;
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .image-overlay .image-content .image-text,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .image-overlay .image-content .image-text,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .image-overlay .image-content .image-text,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .image-overlay .image-content .image-text {
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container .cx-audiovideo2 .infoSelect__control,
body.nightmode .cx-pm-aveditor .editor-container .cx-audiovideo2 .infoSelect__control,
body.nightmode .cx-pm-av2editor .editor-container .cx-audiovideo2 .infoSelect__control,
body.nightmode .cx-pm-stageplayeditor .editor-container .cx-audiovideo2 .infoSelect__control {
  background-color: #363636;
  color: #F6F6F6;
}
body.nightmode .cx-pm-editor .editor-container span[revision~='colour1'],
body.nightmode .cx-pm-aveditor .editor-container span[revision~='colour1'],
body.nightmode .cx-pm-av2editor .editor-container span[revision~='colour1'],
body.nightmode .cx-pm-stageplayeditor .editor-container span[revision~='colour1'],
body.nightmode .cx-pm-editor .editor-container span[revision~='colour2'],
body.nightmode .cx-pm-aveditor .editor-container span[revision~='colour2'],
body.nightmode .cx-pm-av2editor .editor-container span[revision~='colour2'],
body.nightmode .cx-pm-stageplayeditor .editor-container span[revision~='colour2'],
body.nightmode .cx-pm-editor .editor-container span[revision~='colour3'],
body.nightmode .cx-pm-aveditor .editor-container span[revision~='colour3'],
body.nightmode .cx-pm-av2editor .editor-container span[revision~='colour3'],
body.nightmode .cx-pm-stageplayeditor .editor-container span[revision~='colour3'],
body.nightmode .cx-pm-editor .editor-container span[revision~='colour4'],
body.nightmode .cx-pm-aveditor .editor-container span[revision~='colour4'],
body.nightmode .cx-pm-av2editor .editor-container span[revision~='colour4'],
body.nightmode .cx-pm-stageplayeditor .editor-container span[revision~='colour4'],
body.nightmode .cx-pm-editor .editor-container span[revision~='colour5'],
body.nightmode .cx-pm-aveditor .editor-container span[revision~='colour5'],
body.nightmode .cx-pm-av2editor .editor-container span[revision~='colour5'],
body.nightmode .cx-pm-stageplayeditor .editor-container span[revision~='colour5'],
body.nightmode .cx-pm-editor .editor-container span[revision~='colour6'],
body.nightmode .cx-pm-aveditor .editor-container span[revision~='colour6'],
body.nightmode .cx-pm-av2editor .editor-container span[revision~='colour6'],
body.nightmode .cx-pm-stageplayeditor .editor-container span[revision~='colour6'],
body.nightmode .cx-pm-editor .editor-container span[revision~='colour7'],
body.nightmode .cx-pm-aveditor .editor-container span[revision~='colour7'],
body.nightmode .cx-pm-av2editor .editor-container span[revision~='colour7'],
body.nightmode .cx-pm-stageplayeditor .editor-container span[revision~='colour7'] {
  color: #222222;
}
body.nightmode .cx-pm-editor .editor-container .goals-dialog,
body.nightmode .cx-pm-aveditor .editor-container .goals-dialog,
body.nightmode .cx-pm-av2editor .editor-container .goals-dialog,
body.nightmode .cx-pm-stageplayeditor .editor-container .goals-dialog {
  border: 1px solid #6E6E6E;
}
body.nightmode .find-replace-container,
body.nightmode .spell-check-container {
  background-color: #222222;
  border-color: #6E6E6E;
  color: #F6F6F6;
}
body.nightmode .find-replace-container .find-replace-close-container,
body.nightmode .spell-check-container .find-replace-close-container,
body.nightmode .find-replace-container .spell-check-close-container,
body.nightmode .spell-check-container .spell-check-close-container {
  color: #F6F6F6;
}
body.nightmode .sharing-menu {
  border: 1px solid #6E6E6E;
}
body.nightmode .sharing-menu input[readonly] {
  background-color: #222222;
  color: #F6F6F6;
}
body.nightmode .share-select-container .share-select-email-list {
  background-color: #222222;
}
body.nightmode .share-select-container .share-select-email-list .share-select-email-input {
  background-color: #222222;
  color: #F6F6F6;
}
body.nightmode .share-select-container .share-select-email-list .share-select-email-span {
  background-color: #323232;
  color: #F6F6F6;
}
body.nightmode .share-select-container textarea {
  background-color: #222222;
  color: #F6F6F6;
}
body.nightmode .share-select-container .share-select-email-suggestions .share-select-email-suggestion {
  background-color: #222222;
}
body.nightmode .share-select-container .share-select-email-suggestions .share-select-email-suggestion.highlighted {
  background-color: #323232;
}
body.nightmode .share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-icon,
body.nightmode .share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-spacer-left,
body.nightmode .share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-spacer-right,
body.nightmode .share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-unsectioned {
  color: #F6F6F6;
}
body.nightmode .share-select-container .share-select-email-suggestions .share-select-email-suggestion .share-select-email-suggestion-sectioned {
  color: white;
}
body.nightmode .draggable-dialog.comment-feed__container .comment-feed-element__container {
  background-color: #222222;
  border: 1px solid #6E6E6E;
  border-left: 5px solid var(--inline-comment-color);
}
body.nightmode .draggable-dialog.comment-feed__container .comment-feed-element__container .comment-feed-element__content {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-feed__container .comment-feed-element__container .comment-feed-element__content .comment-user-data__container .comment-user-data__text-container {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-feed__container .comment-feed-element__container .comment-feed-element__content .comment-user-data__container .comment-user-data__text-container .comment-user-data__date {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-feed__container .comment-feed-element__container button {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-feed__container .fly-out-menu {
  border: 1px solid #6E6E6E;
}
body.nightmode .draggable-dialog .comment-text-editor__container {
  caret-color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__replies-control {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-dialog__replies-container .comment-inline-element__container {
  background-color: #222222;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-dialog__reply-area {
  background-color: #222222;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__container .comment-inline-element__header {
  border-color: #6E6E6E;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container {
  background-color: #222222;
  border: 1px solid #6E6E6E;
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .fly-out-menu-item {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .fly-out-menu-item:hover {
  background-color: #6E6E6E;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .comment-inline-element__color-menu .fly-out-sub-menu-items {
  background-color: #222222;
  border: 1px solid #6E6E6E;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .comment-inline-element__color-menu .fly-out-sub-menu-items .celtx-color-picker .color-picker-color-input {
  background-color: #363636;
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container {
  background-color: #222222;
  border: 1px solid #6E6E6E;
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .dialog-header .title,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .dialog-header .title {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .comment-user-data__container .comment-user-data__text-container,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .comment-user-data__container .comment-user-data__text-container {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .comment-user-data__container .comment-user-data__text-container .comment-user-data__date,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .comment-user-data__container .comment-user-data__text-container .comment-user-data__date {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .comment-text-editor__container,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .comment-text-editor__container,
body.nightmode .draggable-dialog.comment-inline-dialog__container .comment-text-editor__container:after,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .comment-text-editor__container:after,
body.nightmode .draggable-dialog.comment-inline-dialog__container .comment-text-editor__hidden-container:after,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .comment-text-editor__hidden-container:after {
  color: #F6F6F6;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-element__content,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .comment-element__content,
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .dialog-header,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .dialog-header {
  border-color: #6E6E6E;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-element__content button.close,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .comment-element__content button.close,
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .dialog-header button.close,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .dialog-header button.close {
  opacity: 1;
}
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .comment-element__content button.close:before,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .comment-element__content button.close:before,
body.nightmode .draggable-dialog.comment-inline-dialog__container .draggable-dialog-content .dialog-header button.close:before,
body.nightmode .draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .dialog-header button.close:before {
  color: #F6F6F6;
}
#shotframe::-webkit-scrollbar,
#sketcheditor-iframe::-webkit-scrollbar,
#scroll-container::-webkit-scrollbar,
#scripteditor::-webkit-scrollbar,
#sidebar-container::-webkit-scrollbar,
#breakdown-script-content-view::-webkit-scrollbar,
#shot-list-script-content-view::-webkit-scrollbar,
#sides-script-content-view::-webkit-scrollbar,
.sidebar-content::-webkit-scrollbar,
.cx-sharedialoglist::-webkit-scrollbar,
.scroll-container::-webkit-scrollbar,
.sketchpalette-items-container::-webkit-scrollbar,
.sketchpalette-categories::-webkit-scrollbar,
.showscrollbars::-webkit-scrollbar,
.hasscrollbars::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
#shotframe::-webkit-scrollbar-thumb,
#sketcheditor-iframe::-webkit-scrollbar-thumb,
#scroll-container::-webkit-scrollbar-thumb,
#scripteditor::-webkit-scrollbar-thumb,
#sidebar-container::-webkit-scrollbar-thumb,
#breakdown-script-content-view::-webkit-scrollbar-thumb,
#shot-list-script-content-view::-webkit-scrollbar-thumb,
#sides-script-content-view::-webkit-scrollbar-thumb,
.sidebar-content::-webkit-scrollbar-thumb,
.cx-sharedialoglist::-webkit-scrollbar-thumb,
.scroll-container::-webkit-scrollbar-thumb,
.sketchpalette-items-container::-webkit-scrollbar-thumb,
.sketchpalette-categories::-webkit-scrollbar-thumb,
.showscrollbars::-webkit-scrollbar-thumb,
.hasscrollbars::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
#shotframe::-webkit-scrollbar-button,
#sketcheditor-iframe::-webkit-scrollbar-button,
#scroll-container::-webkit-scrollbar-button,
#scripteditor::-webkit-scrollbar-button,
#sidebar-container::-webkit-scrollbar-button,
#breakdown-script-content-view::-webkit-scrollbar-button,
#shot-list-script-content-view::-webkit-scrollbar-button,
#sides-script-content-view::-webkit-scrollbar-button,
.sidebar-content::-webkit-scrollbar-button,
.cx-sharedialoglist::-webkit-scrollbar-button,
.scroll-container::-webkit-scrollbar-button,
.sketchpalette-items-container::-webkit-scrollbar-button,
.sketchpalette-categories::-webkit-scrollbar-button,
.showscrollbars::-webkit-scrollbar-button,
.hasscrollbars::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.sketchpalette-items-container {
  overflow-x: -moz-scrollbars-horizontal;
}
@media only screen and (max-device-width: 768px) {
  .scroll-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .scroll-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
}
.mobile-modal.mobile-modal {
  max-width: 100%;
}
.mobile-modal .typeset-options-head {
  background: inherit;
  padding: 20px 20px 0px 20px;
  box-shadow: none;
}
.mobile-modal .typeset-options-body-container {
  padding: 0px 10px;
}
.mobile-modal #typeset-options .btn.cxi-cancel_delete {
  position: absolute;
  top: 12px;
  right: 0px;
  background: none;
}
.mobile-modal .typeset-options-body {
  padding-top: 0px;
}
#typeset-options {
  width: 310px;
  max-width: 100%;
  float: right;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
#typeset-options .capsheading {
  color: white;
}
#typeset-options .btn {
  color: white !important;
  background: #676868;
  text-shadow: none !important;
  border: none;
  box-shadow: none;
}
.typeset-options-head {
  padding: 10px;
  background: #3b3d3e;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.typeset-options-body-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.typeset-options-body {
  padding: 10px;
}
#typeset-container {
  margin-right: 312px;
  height: 100%;
  overflow: auto;
  position: relative;
}
.typeset-optgroup {
  padding: 14px 0px 6px 10px;
  margin: 0 -10px;
  border-top: 1px solid #ddd;
  display: block;
}
.typeset-actions {
  margin-bottom: 10px;
}
.typeset-actions a,
.typeset-actions input {
  margin: 0 10px 5px 0;
}
.spinner {
  text-align: center;
  background: white;
  padding: 30px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.pdfcanvas-container {
  background-color: #404040;
  padding: 0;
  overflow: auto;
}
.pdfcanvas-item {
  display: block;
  overflow: hidden;
  margin: 20px auto 20px auto;
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.8);
}
.pdfcanvas-item:last-child {
  margin-bottom: 120px;
}
.pdfcomponent {
  height: 100%;
  overflow: hidden;
}
.pdfcomponent .pdf-nav {
  color: white;
  background-color: #3b3d3e;
  padding: 6px;
  margin: 4px 2.5px;
  border: none;
  box-shadow: none;
  display: inline-block;
  position: relative;
}
.pdfcomponent .pdf-nav:focus {
  background-color: #1FA3A2;
}
.pdfcomponent .pdf-nav:hover {
  background-color: #2FB5B4;
}
.pdfcomponent .disabled-pdf-nav,
.pdfcomponent .loading-pdf-nav {
  pointer-events: none;
  opacity: 0.5;
}
#typeset-reset {
  margin-bottom: 20px;
}
.pdf-pagenumberform {
  position: relative;
  top: 7px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: top;
}
.pdf-pagenumberform span {
  display: inline-block;
  vertical-align: middle;
}
.pdf-pagenumberform input {
  display: inline-block;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.1);
  padding: 0 3px;
  margin: 0 6px;
  color: #FFF;
  width: 30px;
  border-color: #333;
}
.typsetpage-container,
.typsetpage {
  height: 100%;
}
@media (max-width: 700px) {
  .typsetpage #typeset-options {
    width: 260px !important;
  }
  .typsetpage #typeset-container {
    margin-right: 262px;
  }
}
@media (max-width: 320px) {
  .typsetpage .pdfcomponent {
    display: none;
  }
  .typsetpage #typeset-options {
    width: 100% !important;
  }
}
.category-list {
  min-width: 820px;
}
.catalog-search-container {
  float: right;
  margin: 0 100px 0 0;
}
.catalog-search-container i.cxi-search {
  vertical-align: baseline;
}
.catalog-nav {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.catalog-nav .catalog-nav__category-list {
  background: #242524;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  border-right: 2px solid #242423;
}
.catalog-nav .catalog-nav__category-list::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.catalog-nav .catalog-nav__category-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.catalog-nav .catalog-nav__category-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.catalog-nav .catalog-nav__category {
  margin-bottom: 1px;
  font-size: 14px;
  color: #a0a0a0;
}
.catalog-nav .catalog-nav__category.selected {
  background: #2FB5B4;
  color: #fff;
}
.catalog-nav .catalog-nav__category.selected .catalog-nav__item-list {
  display: block;
}
.catalog-nav .catalog-nav__category .catalog-nav__category-name {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  clear: both;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.catalog-nav .catalog-nav__category .catalog-nav__category-name:hover {
  background: #202020;
}
.catalog-nav .catalog-nav__category .catalog-nav__category-count {
  margin-left: auto;
  font-size: 14px;
}
.catalog-nav .catalog-nav__category .catalog-nav__item-list {
  display: none;
  background: #fff;
}
.catalog-nav .catalog-nav__category .catalog-nav__item-list .catalog-nav__category-item {
  background: #3b3d3e;
  padding: 12px 20px 12px 40px;
  border-top: 1px solid #242423;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.catalog-nav .catalog-nav__category .catalog-nav__item-list .catalog-nav__category-item:hover {
  background: #4d4f50;
}
.catalog-nav .catalog-nav__category .catalog-nav__item-list .catalog-nav__category-item.selected {
  color: #fff;
}
.catalog-view .print-title {
  display: none;
}
.catalog-view .checkbox {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid #3b3d3e;
  border-radius: 50%;
  padding: 0;
  margin: auto;
}
.catalog-view .checkbox.checkbox-all {
  border-color: #fff;
}
.catalog-view .checkbox:hover {
  background: #808080;
  cursor: pointer;
}
.catalog-view .checkbox.checked {
  background: #fff;
  border-color: #2FB5B4;
}
.catalog-view .checkbox.checked:after {
  content: "\e801";
  font-family: 'celtxicons';
  color: #2FB5B4;
  position: absolute;
  font-size: 8px;
  top: -3px;
  left: 2px;
  text-align: center;
}
.catalog-view ul.category-list {
  margin: 0;
  overflow-y: scroll;
  position: relative;
  list-style: none;
  box-shadow: none;
}
.catalog-view ul.category-list li.categoryListItem,
.catalog-view ul.category-list .catalog-table__category {
  margin-bottom: 5px;
}
.catalog-view ul.category-list li.categoryListItem .body .catalog-table__item-row,
.catalog-view ul.category-list .catalog-table__category .body .catalog-table__item-row,
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .catalog-table__item-row,
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .catalog-table__item-row,
.catalog-view ul.category-list li.categoryListItem .body .budgetItem,
.catalog-view ul.category-list .catalog-table__category .body .budgetItem,
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .budgetItem,
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .budgetItem {
  background: #fff;
  border: 1px solid #ddd;
}
.catalog-view ul.category-list li.categoryListItem .body .catalog-table__item-row:nth-child(odd),
.catalog-view ul.category-list .catalog-table__category .body .catalog-table__item-row:nth-child(odd),
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .catalog-table__item-row:nth-child(odd),
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .catalog-table__item-row:nth-child(odd),
.catalog-view ul.category-list li.categoryListItem .body .budgetItem:nth-child(odd),
.catalog-view ul.category-list .catalog-table__category .body .budgetItem:nth-child(odd),
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .budgetItem:nth-child(odd),
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .budgetItem:nth-child(odd) {
  background: #f9fafb;
}
.catalog-view ul.category-list li.categoryListItem .body .catalog-table__item-row:hover,
.catalog-view ul.category-list .catalog-table__category .body .catalog-table__item-row:hover,
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .catalog-table__item-row:hover,
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .catalog-table__item-row:hover,
.catalog-view ul.category-list li.categoryListItem .body .budgetItem:hover,
.catalog-view ul.category-list .catalog-table__category .body .budgetItem:hover,
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .budgetItem:hover,
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .budgetItem:hover {
  background: #f4f4f4;
}
.catalog-view ul.category-list li.categoryListItem .body .catalog-table__item-row.highlight .itemHeader,
.catalog-view ul.category-list .catalog-table__category .body .catalog-table__item-row.highlight .itemHeader,
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .catalog-table__item-row.highlight .itemHeader,
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .catalog-table__item-row.highlight .itemHeader,
.catalog-view ul.category-list li.categoryListItem .body .budgetItem.highlight .itemHeader,
.catalog-view ul.category-list .catalog-table__category .body .budgetItem.highlight .itemHeader,
.catalog-view ul.category-list li.categoryListItem .catalog-table__category-body .budgetItem.highlight .itemHeader,
.catalog-view ul.category-list .catalog-table__category .catalog-table__category-body .budgetItem.highlight .itemHeader {
  background: #e0f6fe;
  -webkit-backface-visibility: hidden;
  -webkit-transition: background 0s ease-in-out;
  -moz-transition: background 0s ease-in-out;
  -ms-transition: background 0s ease-in-out;
  -o-transition: background 0s ease-in-out;
  transition: background 0s ease-in-out;
}
.catalog-view ul.category-list li.categoryListItem .colon::after,
.catalog-view ul.category-list .catalog-table__category .colon::after {
  content: ":";
}
#budget .menu-list {
  top: -230px;
  height: 230px;
}
.item-budget__header {
  display: flex;
  padding: 10px 0;
  color: #a1a2a3;
  font-size: 12px;
}
.item-budget__header .item-budget__col-med {
  width: 10%;
  padding: 0 5px;
}
.item-budget__header .item-budget__col-sml {
  width: 50px;
  padding: 0 5px;
}
.item-budget__header #item-budget-header-edit {
  text-align: right;
}
.item-budget__header .field-required {
  font-size: 16px;
  font-weight: bold;
}
.item-budget__body {
  border-bottom: 1px solid #ddd;
}
.item-budget__body .rc-select.select-container .menu-list {
  /*
     * This z-index necessary because .catalog-table__category-row has a z-index of 1
     * See: https://greyfirst.atlassian.net/browse/FTV-629
     */
  z-index: 2;
}
/**
 * The budget row styles for budget tabber view in catalog
 */
.catalog-item__budget-row .col-short {
  width: 90px !important;
}
.catalog-item__budget-row .itemName {
  margin-left: 0 !important;
  width: 100px;
}
.catalog-item__budget-row .acctCol {
  width: 80px;
}
.catalog-item__budget-row .subAcctCol {
  width: 80px;
}
.catalog-item__budget-row .multiplierCol {
  width: 40px;
}
.catalog-item__budget-row .multiplierCol input {
  width: 30px;
  margin: 0;
}
.catalog-item__budget-row .unitCol {
  width: 100px;
}
.catalog-item__budget-row .rateCol {
  width: 150px;
  text-align: right;
  display: flex;
  align-items: center;
}
.catalog-item__budget-row .totalCol {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 28px;
  text-align: right;
  font-size: 11px;
}
.catalog-item__budget-row .actualTotalCol {
  width: 100px;
  line-height: 28px;
  text-align: right;
  font-size: 11px;
}
.catalog-item__budget-row .varianceCol {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 28px;
  text-align: right;
  font-size: 11px;
}
.catalog-item__budget-row .paidCol {
  width: 100px;
  line-height: 28px;
  text-align: right;
}
.catalog-item__budget-row .payableCol {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 28px;
  text-align: right;
  font-size: 11px;
}
.catalog-item__budget-row .controlCol {
  margin-left: auto;
}
.catalog-item__budget-row select {
  width: 100%;
  margin: 0;
  font-size: 11px;
}
.catalog-item__budget-row input {
  text-align: right;
  margin: 0;
  max-width: 70px;
  font-size: 11px;
}
.catalog-table .item-budget__row {
  padding: 0 10px;
  border: 0 !important;
}
.catalog-table .item-budget__row .itemName {
  margin-left: 0 !important;
  width: 100px;
}
.catalog-table .item-budget__row .catalogitem-col-value {
  display: inline-block;
  margin-left: 5px;
}
.catalog-table .item-budget__row .acctCol {
  width: 100px;
}
.catalog-table .item-budget__row .subAcctCol {
  width: 100px;
}
.catalog-table .item-budget__row .multiplierCol {
  width: 50px;
}
.catalog-table .item-budget__row .multiplierCol input {
  width: 40px;
  margin: 0;
}
.catalog-table .item-budget__row .unitCol {
  width: 100px;
}
.catalog-table .item-budget__row .rateCol {
  width: 150px;
  text-align: right;
  position: relative;
  display: inline-flex;
}
.catalog-table .item-budget__row .rateCol .numUnits-container,
.catalog-table .item-budget__row .rateCol .rate-container {
  display: inline-flex;
}
.catalog-table .item-budget__row .rateCol .rate-container {
  flex-grow: 1;
}
.catalog-table .item-budget__row .rateCol .add-global {
  order: -1;
  position: absolute;
  margin: 4px 2px;
  font-size: 10px;
  color: black;
  vertical-align: middle;
  display: none;
}
.catalog-table .item-budget__row .rateCol .add-global:hover {
  cursor: pointer;
}
.catalog-table .item-budget__row .rateCol input {
  width: 100% !important;
}
.catalog-table .item-budget__row .rateCol input:focus + .add-global {
  display: inline-block;
}
.catalog-table .item-budget__row .rateCol input.active-global {
  color: #2FB5B4;
}
.catalog-table .item-budget__row .totalCol {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 28px;
  text-align: right;
}
.catalog-table .item-budget__row .actualTotalCol {
  width: 100px;
  line-height: 28px;
  text-align: right;
}
.catalog-table .item-budget__row .varianceCol {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 28px;
  text-align: right;
}
.catalog-table .item-budget__row .paidCol {
  width: 100px;
  line-height: 28px;
  text-align: right;
}
.catalog-table .item-budget__row .payableCol {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 28px;
  text-align: right;
}
.catalog-table .item-budget__row .controlCol {
  margin-left: auto;
}
.catalog-table .item-budget__row select {
  width: 100%;
  margin: 0;
}
.catalog-table .item-budget__row input {
  text-align: right;
  margin: 0;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}
.totalCol,
.payableCol,
.varianceCol {
  text-align: right;
}
.itemForm {
  overflow-x: scroll;
}
.catalog-budget-print {
  display: none;
  font-size: 13px;
  width: 540px;
}
.catalog-header-print {
  display: none;
}
.catalog-header-logo {
  width: 50px;
  height: 20px;
  display: none;
  float: right;
  margin-right: 30px;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.catalog-form {
  padding-top: 20px;
  padding-left: 30px;
  margin-left: 320px;
  border-left: 1px solid #696a69;
  margin-bottom: 80px;
}
.catalog-form:before,
.catalog-form:after {
  display: table;
  content: "";
}
.catalog-form:after {
  clear: both;
}
.catalog-form fieldset {
  text-align: left;
  margin-right: 40px;
  margin-bottom: 20px;
  display: none;
}
.catalog-form fieldset legend {
  border: none;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  min-width: 822px;
}
.catalog-form fieldset > ul {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 0;
}
.catalog-form fieldset > ul > li {
  width: 100%;
  list-style: none;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.catalog-form fieldset > ul > li:before,
.catalog-form fieldset > ul > li:after {
  display: table;
  content: "";
}
.catalog-form fieldset > ul > li:after {
  clear: both;
}
.catalog-form fieldset > ul > li .catalog-improved-character-select {
  text-transform: none;
}
.catalog-form fieldset > ul > li label {
  list-style: none;
  display: block;
  letter-spacing: 0.06em;
  vertical-align: middle;
  margin: 0 20px 0 0;
  text-align: left;
  color: #a0a0a0;
  box-shadow: 0 0 black;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  font-family: "lato", sans-serif;
}
.catalog-form fieldset > ul > li input[type='text'],
.catalog-form fieldset > ul > li input[type='date'],
.catalog-form fieldset > ul > li input[type='time'],
.catalog-form fieldset > ul > li textarea {
  width: 310px;
  height: 22px;
  margin: 0;
  padding: 5px 10px;
  border: 0;
  box-shadow: none;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  display: inline-block;
  vertical-align: middle;
}
.catalog-form fieldset > ul > li input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}
.catalog-form fieldset > ul > li input.firefox-date {
  cursor: pointer;
}
.catalog-form fieldset > ul > li .editable .editable-range {
  -webkit-transform: scale3d(1, 1, 1);
  display: inline-block;
  vertical-align: middle;
  padding: 4px 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 310px;
  min-height: 18px;
  cursor: pointer;
  border: 1px solid #ccc;
  position: relative;
}
.catalog-form fieldset > ul > li .editable .editable-range.editable-noborder {
  border: none;
}
.catalog-form fieldset > ul > li .editable .editable-range.editable-autowidth {
  width: auto;
}
.catalog-form fieldset > ul > li textarea.editable {
  min-height: 74px;
  box-shadow: none;
}
.catalog-form fieldset > ul > li textarea::-webkit-scrollbar {
  display: none;
}
.catalog-form fieldset > ul > li.selected:hover .editable {
  border-color: transparent;
}
.catalog-form fieldset > ul > li.selected:hover .editable:after {
  background: none;
  width: 0;
  height: 0;
  padding: 0;
}
.catalog-form fieldset > ul > li div.editable {
  cursor: not-allowed;
  display: inline-block;
}
.catalog-form fieldset > ul > li div.highlight {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.catalog-form fieldset > ul > li .field {
  -webkit-transform: scale3d(1, 1, 1);
  display: inline-block;
  vertical-align: top;
  padding: 0 4px 4px 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 310px;
  min-height: 18px;
  position: relative;
  line-height: 1.4;
}
.catalog-form fieldset > ul > li .multisel {
  display: inline-block;
  width: 300px;
}
.catalog-form fieldset > ul > li .multisel .goog-menu-button-inner-box {
  width: 312px;
}
.catalog-form fieldset > ul > li .multisel .goog-menu-button-caption {
  width: 298px;
}
.catalog-form fieldset > ul > li .multisel .goog-menu-vertical {
  width: 312px;
  max-height: 204px;
  overflow-y: scroll;
}
.catalog-form fieldset > ul > li #editable-tag-list {
  border: none;
  height: auto;
}
.catalog-form fieldset > ul > li #editable-tag-list:not(.editable-tag-list-readonly) {
  cursor: pointer;
}
.catalog-form fieldset > ul > li #editable-tag-list .form-tag {
  background-color: #898A8B;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 8px;
  margin-left: -4px;
  margin-right: 12px;
  margin-bottom: 8px;
  width: auto;
  float: left;
}
.catalog-form fieldset > ul > li #editable-tag-list .form-tag:not(:hover) .icon-remove {
  display: none;
}
.catalog-form fieldset > ul > li .associate-image {
  margin-left: 4px;
  vertical-align: top !important;
}
.catalog-form fieldset > ul > li .voice-range-reset-button {
  margin-left: 10px;
  cursor: pointer;
}
.catalog-form fieldset > ul > li .voice-range-value-display {
  display: inline-block;
  vertical-align: top;
  color: #A1A2A3;
  font-weight: normal;
  vertical-align: middle;
  width: 20px;
  margin: 0 15px 0 0;
  cursor: default;
  padding-top: 4px;
  padding-left: 10px;
  line-height: 1.4;
  font-size: 13px;
}
.catalog-form fieldset > ul > li .character-number {
  background: #2a2a2a;
  padding: 5px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.catalog-form fieldset > table {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.catalog-form fieldset > table > tr {
  width: 100%;
  padding-bottom: 16px;
}
.catalog-form fieldset.wider > ul > li label {
  width: 160px;
}
.catalog-form fieldset.wider > ul > li .editable,
.catalog-form fieldset.wider > ul > li input {
  width: 250px;
}
.catalog-form fieldset.media .contents {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.catalog-form fieldset.media .contents blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.catalog-form fieldset.show {
  display: block;
}
.catalog-form .catalog-form__media ul {
  min-height: 120px;
  list-style: none;
}
.catalog-form .catalog-form__media .media-form-header {
  margin-bottom: 10px;
}
.catalog-form .catalog-form__media .media-form-header:before,
.catalog-form .catalog-form__media .media-form-header:after {
  display: table;
  content: "";
}
.catalog-form .catalog-form__media .media-form-header:after {
  clear: both;
}
.catalog-form .catalog-form__media .media-form-header .media-form-header-left {
  float: left;
}
.catalog-form .catalog-form__media .media-form-header .media-form-header-left .info-media {
  font-size: 11px;
  text-transform: uppercase;
  color: #a0a0a0;
  font-weight: 500;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.catalog-form .catalog-form__media .edit-media:before {
  margin-right: 5px;
  content: "\e840";
  font-family: celtxicons;
}
.filter .itemContainer {
  display: none;
}
.filter-empty {
  display: none;
}
.filter .filter-item {
  display: block;
}
.catalogitem-actions a.btn {
  margin-right: 5px;
}
div.itemNav a.btn {
  float: left;
  margin-right: 10px;
  color: #333;
}
div.itemNav a.btn[disabled] {
  color: graytext;
}
div.itemNav a.btn span {
  display: inline;
}
div.itemNav div.navText {
  float: left;
  line-height: 30px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 0;
}
.itemContainer {
  page-break-inside: avoid;
}
table.scenes {
  margin-bottom: 0px;
}
table.scenes .scene-heading-sample {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.goog-tooltip {
  max-height: 820px;
  overflow-y: auto;
}
.posrel {
  position: relative;
}
.catalog-item__summary {
  min-width: 275px;
  padding: 20px;
  vertical-align: top;
  float: left;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.catalog-item__summary img.infoThumb {
  max-width: 100%;
  max-height: 200px;
}
.catalog-item__summary img.infoThumb.lightflow {
  cursor: pointer;
}
.catalog-item__summary .infoTitle {
  margin: 0 0 15px 0;
  font-size: 20px;
  max-width: 270px;
}
.catalog-item__summary .infoTitle .badge {
  font-weight: normal;
  vertical-align: top;
  margin-right: 10px;
}
.catalog-item__summary .infoDesc {
  font-size: 15px;
  margin-bottom: 20px;
  width: 200px;
}
.catalog-item__summary .info-fields {
  padding: 30px 0;
}
.catalog-item__summary .info-fields .info-fields-section:first-child {
  margin-bottom: 30px;
}
.catalog-item__summary .info-fields .info-fields-heading {
  color: #a0a0a0;
  font-weight: 600;
  text-transform: uppercase;
}
.catalog-item__summary .info-fields .info-fields-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.catalog-item__summary .info-fields .info-fields-row label {
  font-size: 14px;
  min-width: 75px;
}
.catalog-item__summary .info-fields .info-fields-row label.highlight {
  color: #2FB5B4;
}
.catalog-item__summary .info-fields .info-fields-row .field {
  color: #a0a0a0;
  margin-left: auto;
}
.catalog-item__summary .info-fields .info-fields-row .field.highlight {
  color: #2FB5B4;
}
.catalog-item__summary .info-fields .info-fields-row .field.center {
  text-align: center;
}
.catalog-item__summary fieldset {
  margin-left: 5px;
  text-align: left;
  display: none;
}
.catalog-item__summary fieldset legend {
  margin-bottom: 20px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #2a3b41;
  font-weight: 600;
  color: #bbb;
  border-bottom: 2px solid #ccc;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.catalog-item__summary fieldset > ul {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  list-style: none;
}
.catalog-item__summary fieldset > ul > li {
  width: 100%;
  margin-bottom: 16px;
}
.catalog-item__summary fieldset > ul > li:before,
.catalog-item__summary fieldset > ul > li:after {
  display: table;
  content: "";
}
.catalog-item__summary fieldset > ul > li:after {
  clear: both;
}
.catalog-item__summary fieldset > ul > li label {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  margin: 0 20px 0 0;
  line-height: 1;
  text-align: right;
  padding-top: 4px;
  line-height: 1.4;
}
.catalog-item__summary fieldset ul.gallery-list {
  list-style: none;
}
.catalog-item__summary fieldset ul.gallery-list > li > div.imagethumbnail {
  margin: 5px;
}
.catalog-item__summary fieldset > table {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.catalog-item__summary fieldset > table > tr {
  width: 100%;
  padding-bottom: 16px;
}
.catalog-item__summary fieldset.show {
  display: block;
}
input.numUnits {
  width: 33% !important;
}
input.rate {
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
  -webkit-backface-visibility: hidden;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
input.rate-short {
  width: 30% !important;
}
input.rateamount-short {
  width: 30% !important;
}
span.mult {
  line-height: 26px;
}
.expandlist-category-item-header {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}
.expandlist-category-header {
  max-width: none;
}
.slide-out-panel {
  position: absolute;
  left: 100%;
  right: 0px;
  background-color: white;
  z-index: 20;
  overflow: hidden;
  min-width: 96%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: left 320ms cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: left 320ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: left 320ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: left 320ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 320ms cubic-bezier(0.4, 0, 0.2, 1);
  margin: 10px 0 0 0;
  -webkit-overflow-scrolling: touch;
}
.slide-out-panel label,
.slide-out-panel legend,
.slide-out-panel .infoCategory {
  color: #A1A2A3;
  font-weight: normal;
}
.slide-out-panel.slide-out-panel-slideIn {
  left: 20px;
  -webkit-box-shadow: -10px 0px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -10px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: -10px 0px 5px rgba(0, 0, 0, 0.3);
}
.slide-out-panel .slide-out-panel-title {
  padding: 9px;
  min-height: 18px;
  -webkit-box-shadow: 0 8px 6px -6px #eee;
  -moz-box-shadow: 0 8px 6px -6px #eee;
  box-shadow: 0 8px 6px -6px #eee;
  margin: 0 6px;
}
.slide-out-panel .slide-out-panel-title .slide-out-panel-title-text {
  display: inline-block;
  vertical-align: middle;
  max-width: 35%;
  border-right: 1px solid #eee;
  margin-right: 20px;
  padding-right: 10px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 16px;
}
.slide-out-panel .slide-out-panel-title .slide-out-panel-title-text a,
.slide-out-panel .slide-out-panel-title .slide-out-panel-title-text i,
.slide-out-panel .slide-out-panel-title .slide-out-panel-title-text span {
  margin: 0 10px 0 0;
}
.slide-out-panel .slide-out-panel-title .slide-out-panel-title-text span {
  color: #333333;
}
.slide-out-panel .slide-out-panel-title .slide-out-panel-title-text .itemTitle {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slide-out-panel .slide-out-panel-title .slide-out-panel-title-text .itemNum {
  color: #999;
}
.slide-out-panel .slide-out-panel-title span.slide-out-panel-title-close {
  background: transparent url(../img/close.png) center center no-repeat !important;
  background-size: 16px !important;
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 16px;
  vertical-align: middle;
}
.slide-out-panel .slide-out-panel-content {
  margin: 0px 9px;
}
.slide-out-panel .slide-out-panel-title .catalog-item-detail-controls {
  display: inline-block;
  vertical-align: middle;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.slide-out-panel .slide-out-panel-title .catalog-item-detail-controls .catalog-slideout-nav-button {
  background: #fafafa;
  border: 1px solid #cccccc;
  color: black;
  border-radius: 4px;
  padding: 2px;
  margin: 2px;
}
.catalog-item-detail__controls {
  margin-left: auto;
}
.catalog-item-detail__controls .itemNum {
  margin: 0 10px 0 0;
  min-width: 60px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
span.itemNum {
  padding: 2px;
}
.info-controls-nextprev {
  position: absolute;
  top: 10px;
  right: 30px;
}
.info-controls-divider {
  border-left: 1px solid #eee;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 0 10px;
}
.slide-out-panel.noanim {
  left: 0px !important;
  display: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.slide-out-panel.noanim.slide-out-panel-slideIn {
  left: 30px;
  -webkit-box-shadow: -10px 0px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -10px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: -10px 0px 5px rgba(0, 0, 0, 0.3);
}
.catalog-address-map {
  width: 440px;
  height: 330px;
  margin-left: 20px;
  float: left;
}
.catalog-address-map:before,
.catalog-address-map:after {
  display: table;
  content: "";
}
.catalog-address-map:after {
  clear: both;
}
@media (max-width: 700px) {
  .info-controls-nextprev {
    position: block;
    position: static;
    margin-top: 10px;
  }
}
.infoForm {
  overflow-y: auto;
  overflow-x: hidden;
}
.infoForm .infomanagerbox-desc {
  display: block;
}
#no-items-found {
  color: #888;
  padding: 60px 20px;
  text-align: center;
}
#no-items-found h2 {
  margin: 20px 0 10px 0;
}
#show-estimate,
#show-actual {
  float: left;
  padding: 10px;
  cursor: pointer;
}
#show-estimate.highlight,
#show-actual.highlight {
  background-color: #454849;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tab-header:before,
.tab-header:after {
  display: table;
  content: "";
}
.tab-header:after {
  clear: both;
}
.catalog-form .tab-body {
  background-color: #454849;
  padding: 10px 0;
}
.editorlist-table {
  width: 100%;
}
.editorlist-table-rowheader {
  background: white;
  -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #CCC;
}
.editorlist-table-rowheader-data-text {
  display: inline-block;
  vertical-align: middle;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.editorlist-table-rowheader-data {
  text-align: left;
  cursor: pointer;
  cursor: hand;
  padding: 8px 16px;
  margin: 0 auto;
  color: #555;
  font-weight: 600;
  text-transform: lowercase;
}
.editorlist-table-rowheader-data.active .editorlist-table-rowheader-data-text {
  color: #2FB5B4;
}
.editorlist-table-rowheader-data.active .editorlist-table-rowheader-data-text:after {
  content: '\2193';
  font-family: sans-serif !important;
  margin-left: 3px;
  margin-top: -1px;
  display: inline-block;
  vertical-align: middle;
}
.editorlist-table-rowheader-data.active.reverse .editorlist-table-rowheader-data-text:after {
  content: '\2191';
}
.editorlist-table-rowheader-data {
  cursor: default;
}
.editorlist-table-rowitem {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.editorlist-table-rowitem:nth-child(odd) {
  background: #f9f9f9;
}
.editorlist-table-rowitem.highlight .itemHeader {
  background: #e0f6fe;
  -webkit-backface-visibility: hidden;
  -webkit-transition: background 0s ease-in-out;
  -moz-transition: background 0s ease-in-out;
  -ms-transition: background 0s ease-in-out;
  -o-transition: background 0s ease-in-out;
  transition: background 0s ease-in-out;
}
.editorlist-table-rowitem-data {
  padding: 8px 16px;
  margin: 0 auto;
  text-align: left;
}
.editorlist-table-rowitem-data-clickable {
  cursor: hand;
  cursor: pointer;
  color: #2FB5B4;
}
.editorlist-table-rowcategoryheader {
  padding: 10px 12px;
  background: #2980b9;
  color: white;
  padding: 7px 11px;
  font-size: 16px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.2);
  border: 1px solid #2980b9;
}
#editorlist-table-rowheader-data-image {
  width: 38px;
}
#editorlist-table-rowheader-data-name {
  width: 250px;
}
.editorlist-table-rowitem-imgdata {
  text-align: center;
  height: 100%;
  width: 100%;
}
.editorlist-table-rowitem-imgdata .cxi::before {
  font-size: 20px;
}
.editorlist-table-rowitem-imgdata .cxi-team_sm:before {
  margin-left: -15px;
}
.editorlist-table-rowitem-imgdata .cxi-visual_fx:before {
  margin-left: -15px;
}
.editorlist-table-rowitem-img {
  height: 100%;
  width: 100%;
  background-size: cover;
}
.editorlist-table-rowitem-data-image {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  height: 50px;
  background: #fdd49a;
  color: #df8505 !important;
  font-size: 16px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  background-size: cover;
}
.editorlist-table-rowitem-data-image i {
  margin: 16px 0;
}
.editorlist-itempage-title-container {
  padding: 10px 0;
}
.editorlist-itempage-title {
  font-size: 32px;
  letter-spacing: 0.02em;
  color: #555;
  line-height: 1.5;
}
.editorlist-itempage-titlecategory {
  font-size: 13px;
  text-transform: uppercase;
}
.editorlist-itempage-photosidecontainer {
  width: 240px;
  float: left;
  margin-right: 20px;
}
.editorlist-itempage-titleimage {
  background: #eee;
  width: auto;
  display: block;
  margin: 0 5px;
  min-height: 50px;
  text-align: center;
}
.editorlist-itempage-titleimage i {
  color: #888;
  margin: 120px auto;
  font-size: 60px;
  display: inline-block;
  vertical-align: middle;
}
.editorlist-itempage-titleimage img {
  width: 100%;
}
.editorlist-itempage-titledesc {
  font-size: 16px;
  margin-top: 20px;
}
.editorlist-itempage-addmedia {
  margin: 6px 5px;
}
.editorlist-itempage-media-item {
  background: #eee;
  margin: 5px;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.editorlist-itempage-media-item:hover .imagethumbnail-remove {
  display: block;
}
.editorList-thumb {
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
.gamecatalogitempagecontent-entires-item {
  border-bottom: 1px solid #eee;
}
.cxform {
  margin-bottom: 40px;
  min-height: 50px;
}
.cxform-collapsable .cxform-title {
  cursor: hand;
  cursor: pointer;
}
.cxform-group-title {
  letter-spacing: 0.06em;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.cxform-group-title-level2 {
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.cxform-break {
  display: block;
  border-bottom: 1px solid #eee;
  margin: 10px 0;
  width: 400px;
  max-width: 90%;
}
.cxform-title-collapsearrow {
  font-weight: 300;
  margin-left: 20px;
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  color: #2FB5B4;
  -webkit-backface-visibility: hidden;
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  -ms-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  transition: 300ms ease all;
}
.cxform-iscollapsed .cxform-title-collapsearrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
}
.cxform-content {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  overflow: hidden;
}
.cxform-title {
  color: #999;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1;
  padding: 5px 0px;
  font-weight: 300;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #ddd;
}
.cxform-title:hover .cxform-title-collapsearrow {
  color: #35D4D2;
}
.cxform-item {
  margin-bottom: 16px;
}
.cxform-item-label {
  margin-bottom: 5px;
}
.cxform-item-label-text {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
  color: #555;
  font-size: 14px;
}
.cxform-item-label-helptext {
  margin-top: 0;
  color: #aaa;
  font-size: 12px;
}
.cxform-item-action {
  font-size: 12px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.cxform-item-action:before {
  content: ' ';
  display: inline-block;
  border-left: 1px solid #ddd;
  padding-left: 10px;
  margin-left: 10px;
  height: 14px;
  vertical-align: middle;
}
.cxform-item-action:first-child:before {
  padding: 0;
  margin-left: 3px;
  border-left: none;
}
.cxform-item-content {
  display: block;
}
.cxform-item-input-container {
  display: inline-block;
  vertical-align: top;
}
.cxform-item-parenthetical .cxform-item-input-container {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  margin-right: 6px;
}
.cxform-item-parenthetical .cxform-item-input-container:before {
  content: '(';
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -1px;
}
.cxform-item-parenthetical .cxform-item-input-container:after {
  content: ')';
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -1px;
}
.cxform-item-parenthetical .cxform-item-input-container .cxform-item-input {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0 2px;
  width: 381px;
  display: inline-block;
  vertical-align: middle;
}
.cxform-item-input-actions {
  display: inline-block;
  vertical-align: top;
}
.cxform-item-input {
  width: 400px;
  margin-right: 6px;
  margin-bottom: 2px;
}
textarea.cxform-item-input {
  height: 50px;
}
.cxform-item-input-select {
  width: 410px;
}
.cxform-item-readonly {
  min-height: 18px;
  display: block;
  color: #666;
}
.cxform-list .cxform-list-item {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 14px;
  margin-bottom: 5px;
}
.cxform-list .cxform-list-item:last-child {
  margin-bottom: 0;
}
.cxform-item-fileattachmentlist-upload-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.cxform-item-empty {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  width: 370px;
  color: #888;
  font-style: italic;
}
.cxform-item-empty blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.editorlist-emptystate {
  margin: 10px;
  text-align: center;
  padding: 60px;
}
.editorlist-emptystate-iconcontainer {
  font-size: 80px;
  margin-bottom: 30px;
  color: #555;
}
.editorlist-emptystate-title {
  font-size: 32px;
  color: #555;
  line-height: 1;
  margin-bottom: 10px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.editorlist-emptystate-text {
  font-size: 16px;
  color: #777;
}
.editorlist-media-title {
  margin: 12px 5px 2px 5px;
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
  color: #555;
  letter-spacing: 0.06em;
  font-size: 14px;
}
.breadcrumb-arrow {
  color: #aaa !important;
  font-size: 18px;
  line-height: 1;
  position: relative;
  top: -1px;
}
@media (max-width: 650px) {
  .catalog-search-container .cxi-search {
    display: none;
  }
  .catalog-search-container #catalog-search {
    width: 100px !important;
  }
  .slide-out-panel-title .catalog-item-detail-controls {
    width: auto !important;
  }
  .slide-out-panel-title .catalog-item-detail-controls .remove {
    margin-top: 10px !important;
  }
  .slide-out-panel {
    z-index: 9999;
    top: 0;
  }
  .slide-out-panel .slide-out-panel-title-text {
    max-width: inherit !important;
  }
  .slide-out-panel .slide-out-panel-content .itemForm .info {
    float: initial;
  }
  .slide-out-panel .slide-out-panel-content .itemForm .info .edit-media {
    float: initial;
    margin-left: 101px;
  }
  .slide-out-panel .slide-out-panel-content .itemForm .catalog-form {
    margin-left: 0;
  }
  .slide-out-panel .slide-out-panel-content .itemForm .catalog-form legend {
    margin-left: 0;
  }
  .slide-out-panel .slide-out-panel-content .itemForm .catalog-form .budget .tab-header #show-estimate {
    margin-left: 0;
  }
  .slide-out-panel .slide-out-panel-content .itemForm .catalog-form .budget .tab-body {
    margin-left: 0;
  }
}
.new-badge {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 12px !important;
}
.game-condition-component-item-space {
  padding-left: 12px;
}
.catalog-item-detail-panel {
  background: #3b3d3e;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  z-index: 20;
  padding: 40px 30px;
  color: #fff;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  opacity: 0;
}
.catalog-item-detail-panel.fadeIn {
  animation: fadein 200ms;
  -moz-animation: fadein 200ms;
  /* Firefox */
  -webkit-animation: fadein 200ms;
  /* Safari and Chrome */
  -o-animation: fadein 200ms;
  /* Opera */
}
.catalog-item-detail-panel .catalog-item-detail__processing {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(59, 61, 62, 0.6);
  z-index: 3;
}
.catalog-item-detail-panel .catalog-item-detail__processing.catalog-item-detail__processing--show {
  display: flex !important;
  align-items: center;
}
.catalog-item-detail-panel .catalog-item-detail__processing .catalog-item-detail__processing__text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.catalog-item-detail-panel .catalog-item-detail__processing .catalog-item-detail__processing__text:after {
  content: "";
  background: #fff url(../img/loading-big.gif) center center no-repeat;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 999;
}
.catalog-item-detail-panel.catalog-item-detail-panel--show {
  display: block !important;
  animation: fadein 200ms;
  -moz-animation: fadein 200ms;
  /* Firefox */
  -webkit-animation: fadein 200ms;
  /* Safari and Chrome */
  -o-animation: fadein 200ms;
  /* Opera */
}
.catalog-item-detail-panel .catalog-item-detail__title {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
}
.catalog-item-detail-panel .catalog-item-detail__title .catalog-item__delete-btn:before {
  content: "\e88f";
  font-family: celtxicons;
  margin-right: 5px;
}
.catalog-item-detail-panel .item-budget .acctCol .menu-list,
.catalog-item-detail-panel .item-budget .subAcctCol .menu-list,
.catalog-item-detail-panel .item-budget .unitCol .menu-list {
  height: 120px;
}
.catalog-item-detail-panel .item-budget .acctCol .menu-list .menu-list-inner,
.catalog-item-detail-panel .item-budget .subAcctCol .menu-list .menu-list-inner,
.catalog-item-detail-panel .item-budget .unitCol .menu-list .menu-list-inner {
  height: 100% !important;
}
.catalog-item-detail-panel .department .menu-list-inner.option {
  text-transform: capitalize;
}
.import-catalog-dialog .modal-dialog-content {
  height: 400px;
  overflow-y: auto;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser {
  width: auto;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .cx-filelistitem-checkbox {
  display: none;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .projectlistitem-details {
  align-self: center;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .projectlistitem-details .projectlistitem-type {
  margin-bottom: 0;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .projecttitle {
  text-overflow: initial;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .projecttitle .projecttitle-link {
  text-overflow: initial;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .projecttitle-link {
  margin: 0;
  padding: 0;
  line-height: initial;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .projectlistitem-btn-container {
  display: none;
}
.import-catalog-dialog .cx-filelist.filelistcompactchooser .projectlistitem-sharing-container {
  display: none !important;
}
.import-catalog-dialog .scroll-container {
  max-height: 700px;
  overflow-y: auto;
}
.import-catalog-dialog .import-from-csv {
  float: left;
  margin-top: 6px;
}
.import-catalog-dialog .back-arrow {
  margin-top: 8px;
  float: left;
  font-size: 18px;
}
.import-catalog-dialog .import-catalog-item-list {
  overflow-y: auto;
  height: 300px;
  border: 1px solid #2a2a2a;
}
.import-catalog-dialog .import-catalog-table-heading,
.import-catalog-dialog .import-catalog-category-heading {
  display: flex;
  align-items: center;
  background: #e0e0e0;
  color: #000;
}
.import-catalog-dialog .import-catalog-table-heading.import-catalog-select-all-row,
.import-catalog-dialog .import-catalog-category-heading.import-catalog-select-all-row {
  background: #2a2a2a;
  color: #fff;
}
.import-catalog-dialog .import-catalog-category-heading {
  background: #2a2a2a;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #4a4a4a;
}
.import-catalog-dialog .import-catalog-item-row {
  display: flex;
  align-items: center;
}
.import-catalog-dialog .import-catalog-item-row:nth-child(even) {
  background: #4a4a4a;
}
.import-catalog-dialog .import-catalog-item-cell {
  padding: 5px;
}
.import-catalog-dialog .import-catalog-section-expand:after {
  content: '\f107';
  cursor: pointer;
  width: 14px;
  height: 18px;
  display: inline-block;
  font-family: fontawesome;
}
.import-catalog-dialog .import-catalog-section-collapse:after {
  content: '\f106';
  cursor: pointer;
  width: 14px;
  height: 18px;
  display: inline-block;
  font-family: fontawesome;
}
.modal-loading-container {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
}
.modal-loading-container .modal-loading-container-content {
  display: block;
  background: #fff;
  width: 32px;
  height: 32px;
  padding: 14px;
  border-radius: 50%;
  margin: auto;
}
.import-castcrew-dialog .import-from-csv {
  visibility: hidden;
}
/* NEW CATALOG TABLE STYLES */
.catalog-table {
  margin: auto;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.catalog-table .catalog-table__sort-by-header {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 2;
  align-items: center;
  background: #3b3d3e;
  height: 40px;
  color: #fff;
  font-size: 12px;
}
.catalog-table .catalog-table__sort-by-header .catalog-table__sort-by-col {
  cursor: pointer;
  padding: 10px 5px;
}
.catalog-table .catalog-table__sort-by-header .catalog-table__sort-by-col.active {
  color: #2FB5B4;
}
.catalog-table .catalog-table__sort-by-header .catalog-table__sort-by-col.active:after {
  content: '\e898';
  font-family: celtxicons;
  margin-left: 5px;
}
.catalog-table .catalog-table__sort-by-header .catalog-table__sort-by-col.active.reverse:after {
  content: '\e829';
  font-family: celtxicons;
  margin-left: 5px;
}
.catalog-table .catalog-table__sort-by-header .catalog-selection-controls .btn-catalog-selection-duplicate .menubar-tooltip {
  display: none;
  margin-left: 0px !important;
}
.catalog-table .catalog-table__sort-by-header .catalog-selection-controls .btn-catalog-selection-duplicate:hover .menubar-tooltip {
  display: block;
}
.catalog-table .catalog-table__sort-by-header .catalog-selection-controls .btn-catalog-selection-merge .menubar-tooltip {
  display: none;
  margin-left: 0px !important;
}
.catalog-table .catalog-table__sort-by-header .catalog-selection-controls .btn-catalog-selection-merge:hover .menubar-tooltip {
  display: block;
}
.catalog-table .catalog-table__sort-by-header .catalog-selection-controls .btn-catalog-selection-merge.btn-toolbar--disabled {
  pointer-events: none;
}
.catalog-table .catalog-table__sort-by-header .catalog-selection-controls .btn-catalog-selection-delete .menubar-tooltip {
  display: none;
  margin-left: 0px !important;
}
.catalog-table .catalog-table__sort-by-header .catalog-selection-controls .btn-catalog-selection-delete:hover .menubar-tooltip {
  display: block;
}
.catalog-table .catalog-table__checkbox-col {
  display: flex;
  align-items: center;
  width: 20px;
  padding: 10px !important;
}
.catalog-table .catalog-selection-controls {
  margin-left: 10px;
}
.catalog-table .catalog-table__col {
  padding: 0 5px;
}
.catalog-table .catalog-table__col.col-thumbnail {
  width: 60px;
}
.catalog-table .catalog-table__col.col-name {
  width: 100px;
}
.catalog-table .catalog-table__col.col-name-budget {
  width: 170px;
}
.catalog-table .catalog-table__col.col-desc {
  width: 200px;
}
.catalog-table .catalog-table__col.itemDepartment {
  text-transform: capitalize;
}
.catalog-table .catalog-table__col.col-short {
  width: 10%;
}
.catalog-table .catalog-table__category .catalog-table__category-body {
  display: none;
}
.catalog-table .catalog-table__category .catalog-table__category-row {
  background: #fff;
  border-bottom: 1px solid #93989b;
  display: flex;
  align-items: center;
  position: sticky;
  z-index: 1;
  top: 0px ;
}
.catalog-table .catalog-table__category .catalog-table__category-row .catalog-table__category-row-col {
  padding: 10px 5px;
}
.catalog-table .catalog-table__category .catalog-table__category-row .catalog-table__category-row-col .categoryName {
  color: #75c9c8;
  font-weight: 600;
}
.catalog-table .catalog-table__category .catalog-table__category-row .catalog-table__category-row-col .catalog-table__expander {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
  color: #2FB5B4;
  cursor: pointer;
  margin-right: 5px;
  padding: 2px;
}
.catalog-table .catalog-table__category.catalog-table__category--expanded .catalog-table__expander {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
  -webkit-backface-visibility: hidden !important;
  -webkit-transform-style: preserve-3d !important;
  -webkit-background-clip: padding-box !important;
  /* IOS fix */
  background-clip: padding-box !important;
  /* IOS fix */
}
.catalog-table .catalog-table__category.catalog-table__category--expanded .catalog-table__category-body {
  display: block !important;
}
.catalog-table .catalog-table__item-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
  padding: 0;
}
.catalog-table .catalog-table__item-row.item-selected {
  border-color: #2FB5B4 !important;
  background: #c1efef !important;
}
.catalog-table .catalog-table__item-row .catalog-table__col {
  align-items: center;
  padding: 0 5px;
}
.catalog-table .catalog-table__item-row .catalog-table__col.col__item-name {
  padding: 10px 5px;
  width: 140px;
  cursor: pointer;
}
.catalog-table .catalog-table__item-row .catalog-table__col.col__item-thumbnail-badge {
  display: flex;
  align-items: center;
  width: 70px;
  padding: 0;
}
.catalog-table .catalog-table__item-row .catalog-table__col.col__item-thumbnail-badge .cat-item-thumbnail {
  cursor: pointer;
  background-color: #eaeaea;
  width: 50px;
  height: 50px;
}
.catalog-table .catalog-table__item-row .catalog-table__col.col__item-desc {
  width: 200px;
}
.catalog-table .catalog-table__item-row .catalog-table__col.col-short {
  width: 10%;
}
.catalog-table .catalog-table__item-row .catalog-table__col.right {
  margin-left: auto;
}
.catalog-table .catalog-table__item-row .scene-attribute:hover .goog-tooltip {
  display: block !important;
}
.catalog-table input {
  padding: 5p;
  height: 22px;
}
.merge-catalog-item-dialog .merge-catalog-item-dialog__merge-item {
  background: #a0a0a0;
  padding: 5px;
  color: #000;
}
.merge-catalog-item-dialog .merge-catalog-item-dialog__item-category-selection {
  padding-bottom: 5px;
}
.merge-catalog-item-dialog .merge-catalog-info-link {
  margin-top: 8px;
  float: left;
}
.btn-item-settings {
  background: transparent;
  border: 0;
  color: #000;
  padding: 5px;
}
.add-image-btn {
  display: inline-block;
}
.add-image-btn .add-image-btn__content {
  background: #626360;
  color: #fff;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
}
.add-image-btn .add-image-btn__content:hover {
  background: #777875;
}
.catalog-budget-total-container .budget-grand-total {
  display: flex;
  align-items: center;
  color: #F6F6F6;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.catalog-budget-total-container .budget-grand-total .budget-grand-total__label {
  margin-right: 5px;
}
.catalog-budget-total-container .budget-grand-total .budget-grand-total__amount {
  max-width: 100px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.catalog-budget-total-container.amount-changed .budget-grand-total {
  transform: scale(1.2);
  font-weight: 900;
  color: #ffff00 !important;
}
.characternumberview {
  position: relative;
}
.characternumberview table {
  width: 100%;
}
.characternumberview table thead tr {
  border-bottom: 1px solid #CCC;
}
.characternumberview table th {
  text-transform: lowercase;
  height: 18px;
  padding-bottom: 6px;
}
.characternumberview table td {
  padding: 10px 0;
}
.characternumberview table td.characternumberview-item-name {
  text-transform: uppercase;
}
.characternumberview table th,
.characternumberview table td {
  text-align: center;
}
.characternumberview table th.goog-tablesorter-sorted,
.characternumberview table td.goog-tablesorter-sorted,
.characternumberview table th.goog-tablesorter-sorted-reverse,
.characternumberview table td.goog-tablesorter-sorted-reverse {
  color: #2FB5B4;
}
.characternumberview table th.goog-tablesorter-sorted:after,
.characternumberview table td.goog-tablesorter-sorted:after,
.characternumberview table th.goog-tablesorter-sorted-reverse:after,
.characternumberview table td.goog-tablesorter-sorted-reverse:after {
  font-family: celtxicons !important;
  margin-left: 3px;
  margin-top: -1px;
  display: inline-block;
  vertical-align: top;
}
.characternumberview table th.goog-tablesorter-sorted:after,
.characternumberview table td.goog-tablesorter-sorted:after {
  content: '\e827';
}
.characternumberview table th.goog-tablesorter-sorted-reverse:after,
.characternumberview table td.goog-tablesorter-sorted-reverse:after {
  content: '\e897';
}
.characternumberview table th.characternumberview-item-num,
.characternumberview table td.characternumberview-item-num {
  width: 12%;
  text-align: left;
}
.characternumberview table th.characternumberview-item-name,
.characternumberview table td.characternumberview-item-name {
  width: 50%;
  text-align: left;
}
.characternumberview table th.characternumberview-item-lines,
.characternumberview table td.characternumberview-item-lines {
  width: 19%;
}
.characternumberview table th.characternumberview-item-scenes,
.characternumberview table td.characternumberview-item-scenes {
  width: 19%;
}
.characternumberview table .characternumberview-item-error-container {
  position: absolute;
}
.characternumberview-item {
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
.characternumberview-item:nth-child(even) {
  background: #4b4d4e;
}
.characternumberview-item-focus {
  background: #2FB5B4 !important;
}
.characternumberview-item-number-input {
  margin: 0;
  width: 60px;
  text-align: right;
}
.characternumberview-item-number-input::-webkit-outer-spin-button,
.characternumberview-item-number-input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
/*.shot-list-view {
  position: absolute;
  top: 120px;
  left: 0px;
  right: 0px;
  bottom: 0px;

}*/
.shot-list-master-toolbar {
  padding: 5px !important;
  border: 1px solid #eee !important;
}
.shot-list-list-container {
  position: relative;
  height: 100%;
  float: left;
  width: 30%;
}
.shot-list-master-inner {
  overflow: auto;
  position: absolute;
  top: 0px;
  bottom: 2px;
  left: 0px;
  right: 4px;
  margin: 0 10px;
}
.shot-list-master-table {
  width: 100%;
}
.table tbody tr.item-list-selected > td {
  background-color: #c7eefe;
}
.shot-list-detail {
  float: left;
  width: 70%;
  height: 100%;
  overflow: auto;
}
.shot-list-detail-inner {
  /*
   * Removed by Tony, is a right and bottom margin necessary?
   * I was trying to embed a shot-list in another view and it wasn't
   * working out very well.
   */
  /* margin: 0 10px 10px 0; */
  border: 1px solid #ccc;
  height: 99%;
  overflow: auto;
}
.shot-list-detail-inner:before,
.shot-list-detail-inner:after {
  display: table;
  content: "";
}
.shot-list-detail-inner:after {
  clear: both;
}
.shot-list-detail-inner .form-container {
  background: #fafafa;
}
.shot-list-detail-inner .form-container:before,
.shot-list-detail-inner .form-container:after {
  display: table;
  content: "";
}
.shot-list-detail-inner .form-container:after {
  clear: both;
}
.shot-list p {
  float: left;
  width: 50%;
  margin: 5px 0px;
}
.shot-list tr {
  width: 100%;
}
.shot-list td {
  width: 50%;
  margin: 5px 0px;
  vertical-align: top;
}
.shot-list br {
  clear: both;
}
.shot-list .scene {
  background-image: url(../img/gloss-shot-list.png);
  background-repeat: repeat-x;
  background-color: #444;
  padding: 15px 2px 15px 15px;
  font-weight: normal;
  color: white;
}
.shot-list-container-left {
  width: 50%;
  float: left;
}
.shot-list-container-right {
  width: 50%;
  float: right;
}
.shot-list-container-right p {
  width: 100%;
}
.shot-list-container .btn-container {
  margin: 10px;
}
.shot-list-container:before,
.shot-list-container:after {
  display: table;
  content: "";
}
.shot-list-container:after {
  clear: both;
}
.shot-list-container .contents {
  border-top: 0px;
  padding: 10px;
}
.shot-list-container .contents:before,
.shot-list-container .contents:after {
  display: table;
  content: "";
}
.shot-list-container .contents:after {
  clear: both;
}
.shot-list-container .contents dt {
  width: 100px;
  text-align: right;
  float: left;
  clear: both;
  margin: 0 20px 10px 0;
}
.shot-list-container .contents dt.wide {
  width: 350px;
  text-align: right;
  float: left;
  clear: both;
  margin: 0 20px 10px 0;
}
.shot-list-container .contents dd {
  float: left;
}
.shot-list-container .contents dd div span {
  min-width: inherit;
  margin-right: 12px;
}
.shot-list-container .contents dd span {
  display: inline-block;
  min-height: 20px;
  min-width: 120px;
  cursor: pointer;
  cursor: hand;
}
.shot-list-container .contents dd div span {
  min-width: inherit;
  margin-right: 12px;
}
.shot-list-container .contents dd textarea {
  width: 210px;
  height: 60px;
}
.shot-list-category {
  padding-left: 4px;
  margin-bottom: 8px;
}
.shot-list-category-header {
  text-transform: uppercase;
  font-weight: bold;
  color: grey;
  cursor: pointer;
}
.shot-list-item {
  cursor: pointer;
  padding: 14px 15px;
  background-color: #f9f9f9;
  margin-top: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.shot-list-item:hover {
  background-color: #eee;
}
.shot-list-item.outline {
  box-sizing: border-box;
  outline-style: dashed;
  outline-color: #6bd0e0;
  outline-width: 2px;
  outline-offset: -2px;
}
.shot-list-item .highlighted {
  background-color: blue;
}
.shot-list-item input[type="checkbox"] {
  margin: -1px 10px 0 0;
}
.shot-list-category-contents {
  padding-left: 8px;
}
.shot-list-category-header:before {
  content: '- ';
}
.shot-list-category-collapsed .shot-list-category-header:before {
  content: '+ ';
}
.shot-list-category-collapsed .shot-list-category-contents {
  display: none;
}
.spreadsheet-content-view .table,
.spreadsheet-content-view .flex-table {
  background: #fff;
}
.spreadsheet-content-view .flex-row {
  align-items: stretch;
}
.script-scene-sidebar-dragger-el {
  width: 190px;
  z-index: 26;
  background: #fafafa;
  overflow: hidden;
  text-overflow: ellipsis;
}
.script-scene-sidebar-dragger-el textarea {
  width: 340px;
}
.spreadsheet-scene-content {
  background-color: white;
  height: 100%;
  padding: 20px;
}
@media (max-width: 767px) {
  .spreadsheet-scene-content {
    width: 800px !important;
  }
  .shot-breakdown-item-popover {
    top: 0 !important;
    width: 86%;
  }
  .shot-breakdown-item-popover .form-horizontal {
    height: 340px;
    overflow: auto;
  }
  .shot-breakdown-item-popover .form-horizontal .control-group {
    margin-bottom: 0;
  }
  .shot-breakdown-item-popover .form-horizontal .control-group .control-label {
    width: auto;
  }
  .shot-breakdown-item-popover .form-horizontal .control-group .controls {
    margin-left: 0 !important;
  }
}
.cx-storyboard .cx-storyboard-shot {
  float: left;
  width: 200px;
  padding: 10px;
  background: #eee;
  border: 1px solid #ddd;
  margin-right: -1px;
  /* Hide the border so we get a 1px divider between each shot */
  margin-bottom: -1px;
  cursor: pointer;
}
.cx-storyboard .cx-storyboard-title {
  height: 25px;
  resize: none;
}
.cx-storyboard .cx-storyboard-shot-description {
  height: 25px;
}
.cx-storyboard .cx-storyboard-shot-description p {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cx-storyboard .cx-storyboard-title {
  height: 30px;
}
.cx-storyboard .cx-storyboard-img {
  height: 150px;
}
.cx-storyboard .cx-storyboard-img img {
  height: 125px;
  display: block;
  margin: 0px auto;
  max-width: 100%;
}
.cx-storyboard-sequence h2 {
  font-weight: normal;
  color: white;
  background: #3e3e3e;
  padding: 10px;
  text-shadow: 1px 1px 0px black;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
  -webkit-box-shadow: 0 0 4px #222;
  -moz-box-shadow: 0 0 4px #222;
  box-shadow: 0 0 4px #222;
  margin-top: 1px;
  margin-bottom: 1px;
}
.cx-storyboard h1 {
  padding: 15px;
}
.cx-storyboard-player {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  color: white;
  padding-top: 10px;
  padding-bottom: 0;
  text-align: center;
  z-index: 1050;
}
.cx-storyboard-player h2 {
  font-size: 2em;
}
.cx-storyboard-player .cx-storyboard-shot {
  position: relative;
}
.cx-storyboard-player .cx-storyboard-img {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.cx-storyboard-player .cx-storyboard-shot-description {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 20%;
  font-size: 1.2em;
}
.cx-storyboard-player .cx-storyboard-player-next,
.cx-storyboard-player .cx-storyboard-player-previous {
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  font-size: 12em;
  color: white;
  padding: 25% 40px 0 40px;
  opacity: 0;
}
.cx-storyboard-player .cx-storyboard-player-next:hover,
.cx-storyboard-player .cx-storyboard-player-previous:hover {
  opacity: 1;
}
.cx-storyboard-player .cx-storyboard-player-next {
  right: 0;
  left: 50%;
  text-align: right;
}
.cx-storyboard-player .cx-storyboard-player-previous {
  left: 0;
  right: 50%;
  text-align: left;
}
.cx-storyboard-player .cx-storyboard-player-close {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  cursor: pointer;
  opacity: 0.6;
}
.cx-storyboard-player .cx-storyboard-player-close:hover {
  opacity: 1;
}
.sequence-list-item {
  max-width: 100%;
  position: relative;
}
.sequence-list-item .draghandle {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 8px;
  font-size: 16px;
}
.sequence-list-item .cx-stybd-sequence-link {
  cursor: pointer;
}
.create-sides-dialog-container .ui-overlay-tray {
  background-color: rgba(34, 34, 34, 0.5);
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog {
  background: #222222;
  width: 810px;
  border-radius: 4px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: white;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .dragger {
  height: 16px !important;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .dialog-header .title {
  text-transform: uppercase;
  font-size: 16px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-content-dropdown-span {
  display: flex;
  margin-top: 20px;
  margin-bottom: 24px;
  height: 28px;
  line-height: 28px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-content-dropdown-span .rc-select {
  text-transform: uppercase;
  width: 165px;
  margin-left: 15px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-content-dropdown-span .rc-select input {
  box-sizing: border-box;
  width: 30%;
  font-size: 13px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-content-dropdown-span .rc-select.select-container {
  min-height: 23px !important;
  line-height: 23px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-content-dropdown-span .rc-select .input-controls-container {
  min-height: 23px !important;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-content-dropdown-span .rc-select .controls-container {
  min-height: 23px !important;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-content-dropdown-span .rc-select .input-container {
  min-height: 23px !important;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-scene-list-label {
  margin-left: 10px;
  margin-bottom: 13px;
  color: #868686;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-scene-list {
  display: flex;
  flex-direction: column;
  background: #313232;
  height: 350px;
  overflow-y: auto;
  margin-left: 10px;
  margin-right: 80px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-scene-list .create-sides-dialog-scene-list-span {
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 20px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-scene-list .create-sides-dialog-scene-list-span input {
  margin-left: 20px;
  margin-right: 20px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-scene-list .create-sides-dialog-no-scenes-span {
  color: #868686;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-additional-files-span {
  display: flex;
  margin-left: 30px;
  margin-top: 15px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-additional-files-span #create-sides-dialog-additional-files-checkbox {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-additional-files-span .create-sides-dialog-additional-files-label {
  margin: 0;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-buttons-container {
  padding-top: 30px;
}
.create-sides-dialog-container .ui-overlay-tray .create-sides-dialog .create-sides-dialog-content .create-sides-dialog-buttons-container .closure-style-dialog-buttons-container {
  float: right;
}
#stats-collapse-arrow {
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
}
@-webkit-keyframes popup {
  from {
    bottom: -100px;
  }
  to {
    bottom: 70px;
  }
}
@-moz-keyframes popup {
  from {
    bottom: -100px;
  }
  to {
    bottom: 70px;
  }
}
@-webkit-keyframes rip {
  0% {
    box-shadow: 0 0 0 0 transparent;
    border-color: #87dae8;
  }
  15% {
    box-shadow: 0 0 0 0 #4fc0e8;
    border-color: #87dae8;
  }
  100% {
    box-shadow: 0 0 20px 20px transparent;
    border-color: #87dae8;
  }
}
@-moz-keyframes rip {
  0% {
    box-shadow: 0 0 0 0 transparent;
    border-color: #87dae8;
  }
  15% {
    box-shadow: 0 0 0 0 #4fc0e8;
    border-color: #87dae8;
  }
  100% {
    box-shadow: 0 0 20px 20px transparent;
    border-color: #87dae8;
  }
}
.schedule-insights-dialog {
  background-color: #4b4d4e;
}
.schedule-insights-dialog .modal-dialog-title {
  background: linear-gradient(#3b3d3e, #4b4d4e);
  margin-bottom: 0 !important;
  padding-bottom: 60px !important;
}
.schedule-insights-dialog .modal-dialog-content {
  background-color: #4b4d4e;
  overflow-x: hidden!important;
  height: 450px!important;
}
.schedule-insights-dialog .modal-dialog-content .card {
  width: 390px;
}
.schedule-insights-dialog .modal-dialog-content .sess_field {
  margin-right: 0px;
}
.schedule-insights-dialog .chart-box .val {
  color: #4b4d4e;
}
.schedule-insights-dialog .modal-dialog-buttons {
  background: linear-gradient(#4b4d4e, #3b3d3e);
}
#insights-card-container:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  overflow: hidden;
  position: relative;
  bottom: 0;
  height: 1px;
}
.script-performance-dialog,
.schedule-insights-dialog {
  background-color: #F7F7F7 !important;
  overflow: hidden;
  z-index: 3001;
}
.script-performance-dialog .tooltip-btn > :last-child,
.schedule-insights-dialog .tooltip-btn > :last-child {
  top: initial!important;
  left: -84px !important;
  opacity: 0.4;
}
.script-performance-dialog .tooltip-btn:hover > :last-child,
.schedule-insights-dialog .tooltip-btn:hover > :last-child {
  opacity: 0.9;
  -webkit-transition: 0.2s 0.2s;
  -moz-transition: 0.2s 0.2s;
  -ms-transition: 0.2s 0.2s;
  -o-transition: 0.2s 0.2s;
  transition: 0.2s 0.2s;
}
.script-performance-dialog .tabber,
.schedule-insights-dialog .tabber {
  background: transparent;
  border: 0;
}
.script-performance-dialog .tabber-contents,
.schedule-insights-dialog .tabber-contents {
  background: transparent !important;
  border: 0 !important;
}
.script-performance-dialog .nav-tabs,
.schedule-insights-dialog .nav-tabs {
  background: transparent;
  border: 0;
}
.script-performance-dialog .nav-tabs .active a,
.schedule-insights-dialog .nav-tabs .active a {
  color: white !important;
}
.script-performance-dialog .nav-tabs a,
.schedule-insights-dialog .nav-tabs a {
  color: #2FB5B4 !important;
}
.script-performance-dialog .nav-tabs a :hover,
.schedule-insights-dialog .nav-tabs a :hover {
  color: white;
}
.script-performance-dialog .nav-tabs a:not(.btn):hover,
.schedule-insights-dialog .nav-tabs a:not(.btn):hover {
  color: white;
}
.script-performance-dialog #actionVsDialogSection,
.schedule-insights-dialog #actionVsDialogSection,
.script-performance-dialog #dialogDistSection,
.schedule-insights-dialog #dialogDistSection,
.script-performance-dialog #scenes-scheduled,
.schedule-insights-dialog #scenes-scheduled,
.script-performance-dialog #shoot-days-completed,
.schedule-insights-dialog #shoot-days-completed {
  margin-right: 16px;
}
.script-performance-dialog .tabber-dark .tabber-contents,
.schedule-insights-dialog .tabber-dark .tabber-contents,
.script-performance-dialog .tabber-dark .tabber-tab a,
.schedule-insights-dialog .tabber-dark .tabber-tab a {
  background: transparent;
  border: 0;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: none;
}
.script-performance-dialog .tabber-dark .tabber-contents,
.schedule-insights-dialog .tabber-dark .tabber-contents,
.script-performance-dialog .tabber-dark .tabber-tab.active a,
.schedule-insights-dialog .tabber-dark .tabber-tab.active a {
  background: transparent;
  border-left: 5px solid #2FB5B4;
  border-radius: 0px;
}
.script-performance-dialog .modal-dialog-buttons,
.schedule-insights-dialog .modal-dialog-buttons {
  background: #2E2F2F;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  padding-right: 20px!important;
}
.script-performance-dialog .goog-date-picker,
.schedule-insights-dialog .goog-date-picker,
.script-performance-dialog .goog-date-picker th,
.schedule-insights-dialog .goog-date-picker th,
.script-performance-dialog .goog-date-picker td,
.schedule-insights-dialog .goog-date-picker td {
  font-family: default;
  font-size: default;
}
.script-performance-dialog .cx-dateinput-datepickercontainer,
.schedule-insights-dialog .cx-dateinput-datepickercontainer {
  border-radius: 5px;
}
.script-performance-dialog .goog-date-picker-date,
.schedule-insights-dialog .goog-date-picker-date {
  font-size: 11px;
}
.script-performance-dialog .goog-date-picker-wday,
.schedule-insights-dialog .goog-date-picker-wday {
  font-size: 10px;
}
.script-performance-dialog .cx-datescontainer,
.schedule-insights-dialog .cx-datescontainer {
  width: 150px;
}
.script-performance-dialog .modal-dialog-title,
.schedule-insights-dialog .modal-dialog-title {
  margin-bottom: 0;
  padding-bottom: 60px;
  background: #2E2F2F;
}
.script-performance-dialog .modal-dialog-content,
.schedule-insights-dialog .modal-dialog-content {
  background-color: #2F2F2F;
  overflow-x: hidden;
  height: 590px!important;
}
.script-performance-dialog button[name='cancel'],
.schedule-insights-dialog button[name='cancel'] {
  display: none;
}
.chart-box {
  border-radius: 3px;
  width: 388px;
  margin: 20px 0 20px 33px;
  background-color: #fff;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}
.chart-sep {
  display: inline-block;
  width: 1%;
  box-sizing: border-box;
}
#more-stats {
  margin-left: 5px;
  cursor: pointer;
}
#editor-help-btn {
  margin-left: 20px;
  cursor: pointer;
}
.large-data-circle {
  width: 150px;
  height: 150px;
  background-color: #eeee00;
  border-radius: 100%;
  display: inline-block;
  margin: 10px;
}
.large-data-circle .label {
  padding-top: 25% !important;
  text-align: center;
  color: #949400 !important;
  text-transform: uppercase;
  font-size: 10px !important;
  background: none;
}
.large-data-circle .val {
  padding-top: 25% !important;
  text-align: center;
  font-size: 75px;
  font-weight: lighter;
  color: #949400;
  margin-top: 10px;
}
.stats-status-title {
  font-size: 10px;
  text-decoration: none;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 1px;
  display: inline-block;
  font-family: lato;
  color: #000;
}
#show-status-bar-stats {
  font-size: 14px;
  color: #000;
  margin: 5px;
  cursor: pointer;
}
.large-data-circle2 {
  width: 150px;
  height: 150px;
  background-color: #ff8800;
  border-radius: 100%;
  display: inline-block;
  margin: 10px;
}
.large-data-circle2 .label {
  padding-top: 12% !important;
  text-align: center;
  color: #ffcd94 !important;
  text-transform: uppercase;
  font-size: 10px !important;
  background: none;
}
.large-data-circle2 .val {
  padding-top: 25% !important;
  text-align: center;
  font-size: 25px;
  font-weight: lighter;
  color: #ffcd94;
  margin-top: 10px;
}
.small-data-circle {
  width: 110px;
  height: 110px;
  background-color: #20c6ce;
  border-radius: 100%;
  display: inline-block;
  margin: 10px;
}
.small-data-circle .label {
  padding-top: 25% !important;
  text-align: center;
  color: #9dfbff !important;
  text-transform: uppercase;
  font-size: 10px !important;
  background: none;
}
.small-data-circle .val {
  padding-top: 25% !important;
  text-align: center;
  font-size: 55px;
  font-weight: lighter;
  color: #9dfbff;
}
.medium-data-circle {
  width: 130px;
  height: 130px;
  background-color: #5bc98f;
  border-radius: 100%;
  display: inline-block;
  margin: 10px;
}
.medium-data-circle .label {
  padding-top: 25% !important;
  text-align: center;
  color: #379d67 !important;
  text-transform: uppercase;
  font-size: 10px !important;
  background: none;
}
.medium-data-circle .val {
  padding-top: 25% !important;
  text-align: center;
  font-size: 55px;
  font-weight: lighter;
  color: #379d67;
}
.session-column-header {
  background: none;
  font-size: 14px;
  color: #7c7c7c;
  text-shadow: none;
  padding: 0;
  font-weight: normal;
  margin: 10px;
}
.sess_field_small {
  width: 125px;
  min-height: 230px;
  background-color: #fff;
  perspective: 800px;
  position: relative;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
  padding: 20px;
}
.sess_field_small .label {
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: normal;
  background: none;
  color: #2FB5B4;
  border-radius: 0;
  text-transform: uppercase;
  text-shadow: none;
}
.sess_field_small .val {
  font-weight: lighter;
  line-height: 30px;
  font-size: 26px;
  margin-bottom: 30px;
}
.sess_field_large {
  width: 125px;
  min-height: 230px;
  background-color: #fff;
  perspective: 800px;
  position: relative;
  border-radius: 3px;
  float: left;
  margin-right: 10px;
  padding: 20px;
  width: auto;
}
.sess_field_large .label {
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: normal;
  background: none;
  color: #2FB5B4;
  border-radius: 0;
  text-transform: uppercase;
  text-shadow: none;
}
.sess_field_large .val {
  font-weight: lighter;
  line-height: 30px;
  font-size: 26px;
  margin-bottom: 30px;
}
a.flip_btn {
  color: #777;
  padding: 4px;
  font-size: 12px;
  float: right;
  margin: 5px;
}
.flip_btn a:hover {
  color: #236980;
}
.script-stats-container {
  float: left;
  width: 180px;
}
.script-stats-container-wide {
  float: left;
  width: 250px;
}
.sess_field_small3 {
  width: 788px;
  margin: 20px 0 20px 33px;
  overflow: hidden;
  background: #4b4d4e;
  border-left: none;
  border-right: none;
  box-sizing: border-box;
  perspective: 800px;
  position: relative;
  border-radius: 3px;
  border-bottom: 1px solid #E4E4E4;
  border-top: 1px solid #E4E4E4;
  float: left;
  text-align: center;
  padding: 20px;
}
.sess_field_small3.no_border {
  border-bottom: none;
}
.sess_field_small3 .label {
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: lighter;
  margin-bottom: 12px;
  background: none;
  color: #CECECE;
  border-radius: 0;
  text-transform: uppercase;
  text-shadow: none;
}
.sess_field_small3 .val {
  color: #e4e4e4;
  font-weight: lighter;
  line-height: 30px;
  font-size: 34px;
  margin-bottom: 30px;
}
.sess_field_small3 .set-goal-header {
  text-transform: uppercase;
  color: #fff;
}
.sess_field {
  width: 385px;
  min-height: 300px;
  perspective: 800px;
  position: relative;
  border-radius: 3px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.sess_field .card {
  vertical-align: top;
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: transform 1s;
  border-radius: 3px;
}
.sess_field .card figure {
  margin: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.sess_field .card figure .label {
  background: none;
  font-size: 14px;
  color: #CBCECF;
  text-shadow: none;
  padding: 0;
  font-weight: normal;
  margin: 10px;
}
.sess_field .front {
  z-index: 10;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.sess_field .front.flipped {
  z-index: -10;
}
.sess_field .back .val {
  color: #CBCECF;
  padding: 10px;
  height: 245px;
  overflow-y: auto;
  font-size: 11px;
  line-height: 25px;
}
.sess_field .flipped {
  opacity: 0;
  filter: alpha(opacity=0);
}
.set-goal-header {
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  display: block;
}
.goals-node {
  position: absolute;
  width: 330px;
  height: fit-content;
  min-width: 340px;
  left: 2%;
  bottom: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-family: "lato", sans-serif;
  font-weight: 500;
  z-index: 2;
}
.goals-node .goals-dialog {
  position: relative;
  overflow: hidden;
  z-index: 3001;
  height: auto;
  background-color: #222222;
  border-radius: 6px;
  padding: 20px;
  color: #F6F6F6;
}
.goals-node .goals-dialog .goals-dialog-title {
  text-transform: uppercase;
  font-size: 14px;
  padding-bottom: 30px;
}
.goals-node .goals-dialog .goals-dialog-title button {
  float: right;
  font-size: 20px;
  background: transparent;
  text-shadow: none;
  padding: 5px;
  height: 30px;
  width: 30px;
}
.goals-node .goals-dialog .goals-dialog-title button:active {
  background: transparent !important;
}
.goals-node .goals-dialog .count-section {
  display: flex;
  flex-direction: column;
  width: auto;
  height: fit-content;
  justify-content: flex-start;
  align-items: flex-start;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.goals-node .goals-dialog .count-section .count-label {
  color: #FFFFFE;
  font-size: 12px;
  margin-bottom: 0px;
}
.goals-node .goals-dialog .count-section .current-count {
  display: flex;
  font-size: 12px;
  color: #FFFFFE;
  flex: 1;
  justify-content: flex-end;
}
.goals-node .goals-dialog .count-section .word-count-title {
  display: flex;
  width: 100%;
  padding-bottom: 5px;
}
.goals-node .goals-dialog .count-section .progress-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #2F2F2F;
  width: 100%;
  height: 13px;
  margin-bottom: 0px;
}
.goals-node .goals-dialog .count-section .progress-bar .progress-bar-filled {
  width: 20px;
  height: inherit;
  background-color: #D5D4D5;
}
.goals-node .goals-dialog .count-section .progress-bar .progress-bar-filled.lt25 {
  background-color: #D5D4D5;
}
.goals-node .goals-dialog .count-section .progress-bar .progress-bar-filled.lt50 {
  background-color: #B8ECEB;
}
.goals-node .goals-dialog .count-section .progress-bar .progress-bar-filled.lt75 {
  background-color: #61C8D0;
}
.goals-node .goals-dialog .count-section .progress-bar .progress-bar-filled.lt100 {
  background-color: #34B7B1;
}
.goals-node .goals-dialog .count-section .progress-bar .progress-bar-filled.reached {
  background-color: #0D9F71;
}
.goals-node .goals-dialog .count-section .goal-input-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 34px;
  padding-top: 10px;
}
.goals-node .goals-dialog .count-section .goal-input-container .current-count {
  justify-self: flex-start;
  align-self: center;
  display: flex;
  align-content: center;
  font-size: 11px;
  font-style: italic;
  height: auto;
}
.goals-node .goals-dialog .count-section .goal-input-container .input-goal {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 80px;
  height: inherit;
  background-color: #F2F2F2;
  color: #545555;
  font-size: 12px;
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-family: "lato", sans-serif;
}
.goals-node .goals-dialog .count-section .goal-input-container input[type="number"]::-webkit-inner-spin-button,
.goals-node .goals-dialog .count-section .goal-input-container input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.goals-node .goals-dialog .count-section .goal-input-container input[type=number] {
  -moz-appearance: textfield;
}
.goals-node .goals-dialog .count-section .goal-input-container .goal-label {
  font-size: 12px;
  color: #F6F6F6;
}
.goals-node .goals-dialog .break-line {
  align-self: center;
  width: 95%;
  height: 1px;
  background-color: #686969;
  margin-top: 10px;
  margin-bottom: 10px;
}
.goals-node .goals-dialog .goals-advanced-section {
  color: #F6F6F6;
  padding-top: 10px;
}
.goals-node .goals-dialog .goals-advanced-section .goals-advanced-section-title {
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.goals-node .goals-dialog .goals-advanced-section .goals-advanced-section-title .cxi-back {
  transform: rotate(-90deg);
  margin-left: 5px;
}
.goals-node .goals-dialog .goals-advanced-section.active .goals-advanced-section-title .cxi-back {
  transform: rotate(90deg);
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section.tool-tip {
  font-size: 12px;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline {
  padding-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-total-words-label,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-total-words-label,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-deadline-label,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-deadline-label {
  font-size: 12px;
  color: #F6F6F6;
  text-transform: uppercase;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-total-words-input,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-total-words-input {
  font-family: "lato", sans-serif;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-content: center;
  width: 80px;
  height: inherit;
  background-color: #F2F2F2;
  color: #545555;
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-total-words-input::-webkit-outer-spin-button,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-total-words-input::-webkit-outer-spin-button,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-total-words-input::-webkit-inner-spin-button,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-total-words-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0px;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-total-words-input[type=number],
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-total-words-input[type=number] {
  -moz-appearance: textfield;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-deadline-input-container,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-deadline-input-container {
  display: flex;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-deadline-input-container label,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-deadline-input-container label {
  margin: 0px;
  padding: 0px 20px 0px 0px;
  display: flex;
  align-content: center;
  align-items: center;
  cursor: pointer;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-deadline-input-container label i,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-deadline-input-container label i {
  margin-bottom: 2px;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-deadline-input,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-deadline-input {
  width: 124px;
  height: 30px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  font-size: 14px;
  font-family: "lato", sans-serif;
  text-align: center;
  font-weight: 500;
  background-color: #F2F2F2;
  color: #545555;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-deadline-input::-webkit-inner-spin-button,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-deadline-input::-webkit-inner-spin-button,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-total-words .advanced-section-deadline-input::-webkit-calendar-picker-indicator,
.goals-node .goals-dialog .goals-advanced-section .advanced-section-deadline .advanced-section-deadline-input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.goals-node .goals-dialog .goals-advanced-section .advanced-section-goal-today {
  padding-top: 20px;
  text-transform: uppercase;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 26px;
  margin-top: 10px;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-label {
  justify-self: flex-start;
  font-size: 12px;
  color: #FFFFFF;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-picker .cx-datescontainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-picker .cx-datescontainer .cx-dateinput-date {
  margin-bottom: 0px;
  margin-right: 0px;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-picker .cx-datescontainer .btn {
  min-width: 24px;
  width: 18%;
  height: 28px;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-picker .cx-datescontainer .cx-dateinput-datepickercontainer {
  position: unset;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-picker .cx-datescontainer .cx-dateinput-datepickercontainer .goog-date-picker {
  min-width: 250px;
  width: 250px;
  top: 5%;
  left: 24%;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .input-deadline {
  width: 45%;
  height: inherit;
  justify-self: flex-end;
  font-size: 12px;
  color: #545555;
  background-color: #F2F2F2;
  text-align: right;
  padding-right: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 26px;
  margin-top: 10px;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text {
  display: flex;
  flex-direction: row;
  justify-self: flex-start;
  font-size: 12px;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text .daily-goal-label {
  color: #FFFFFF;
  display: flex;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text #daily-recommended-result {
  margin: 0px 5px;
  font-weight: bolder;
  font-size: 14px;
}
.goals-node .goals-dialog .goog-date-picker,
.goals-node .goals-dialog .goog-date-picker th,
.goals-node .goals-dialog .goog-date-picker td {
  font-family: default;
}
.goals-node .goals-dialog .cx-dateinput-datepickercontainer {
  border-radius: 5px;
}
.goals-node .goals-dialog .goog-date-picker-date {
  font-size: 12px;
}
.goals-node .goals-dialog .goog-date-picker-wday {
  font-size: 12px;
}
.goals-node .goals-dialog .cx-datescontainer {
  width: 150px;
}
#notifications-btn {
  position: relative;
  color: #F6F6F6;
  font-size: 16px;
}
#notifications-btn .notification-btn-number {
  position: absolute;
  bottom: 3px;
  right: 0px;
  color: #F2F2F2;
  background: #ee5f5b;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
  padding: 2px 4px;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
#notifications-btn .notification-btn-dot {
  position: absolute;
  right: 4px;
  bottom: 3px;
  width: 8px;
  height: 8px;
  background: #ee5f5b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 3px 1px black;
}
#nonfilelist-container {
  padding: 0 14px;
}
#nonfilelist-container hr {
  opacity: 0.5;
}
.notificationlist-container {
  background: #eee;
  float: right;
  margin: 0 0 0 20px;
  margin-left: 110px;
  padding: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
  z-index: 3002;
  width: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: width 200ms linear;
  -moz-transition: width 200ms linear;
  -ms-transition: width 200ms linear;
  -o-transition: width 200ms linear;
  transition: width 200ms linear;
}
.notificationlist-container > * {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 200ms 800ms ease-out;
  -moz-transition: opacity 200ms 800ms ease-out;
  -ms-transition: opacity 200ms 800ms ease-out;
  -o-transition: opacity 200ms 800ms ease-out;
  transition: opacity 200ms 800ms ease-out;
}
.notificationlist-container.notificationlist-container-slideIn {
  width: 400px;
}
.notificationlist-container.notificationlist-container-slideIn > * {
  opacity: 1;
}
.notificationlist-container.notificationlist-container-minimal {
  float: none;
  margin: 0;
  width: auto;
  background: transparent;
  border: none;
  position: relative;
}
.notificationlist-container.notificationlist-container-minimal .notificationlist {
  box-shadow: none;
}
.notificationlist {
  list-style: none;
  margin: 0;
  padding: 0 20px 0 10px;
  text-align: center;
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  height: fit-content !important;
  height: -moz-max-content !important;
}
.notificationlist-item {
  color: #F2F2F2;
  text-align: left;
  background: #565755;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  overflow: hidden;
  margin: 0px 10px 2px 0;
  display: inline-block;
  vertical-align: top;
  padding: 2px;
  height: auto;
  min-height: 70px;
  width: 370px;
  max-width: 100%;
}
.notificationlist-item a:hover {
  text-decoration: none;
}
.notificationlist-item-file {
  position: absolute;
  bottom: -3px;
  left: -3px;
  color: #2FB5B4;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notificationlist-item-file .notificationlist-item-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  position: relative;
  left: initial;
  width: initial;
}
.notificationlist-item-date {
  position: absolute;
  bottom: -3px;
  right: 0px;
  color: #aaa;
}
.notificationlist-item-photo {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}
.notificationlist-item-photo .avatar-larger {
  width: 45px;
  height: 45px;
  margin-top: 5px;
}
.notificationlist-item-body {
  display: inline-block;
  vertical-align: top;
  margin: 6px 10px;
  position: relative;
  height: 58px;
  width: 250px;
  max-width: 100%;
}
.notificationlist-item-authorname,
.notificationlist-item-authorname {
  font-weight: bold;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notificationlist-item-message {
  padding: 10px;
  margin-left: 3%;
  width: 92%;
  height: auto;
  min-height: 70px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.notificationlist-item-text {
  width: 90%;
  height: auto;
  float: left;
  top: 10px;
  position: relative;
  padding-bottom: 18px;
}
.notificationlist-item-image:before {
  font-family: 'celtxicons';
  font-size: 35px;
  color: #F2F2F2;
  content: attr(data-icon);
  box-sizing: border-box;
  width: 0;
  height: auto;
  float: right;
  text-align: center;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.notificationlist-item-container {
  width: auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.notificationlist-item-dismissbutton {
  background: transparent;
  color: #cbcecf;
  float: right;
  margin-right: 4px;
  margin-top: 0px;
  font-weight: 100;
  font-size: 10px;
  outline: none;
  border: none;
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.notificationlist-item-dismissbutton:hover {
  color: #F2F2F2;
  background: transparent;
  outline: none;
  border: none;
}
.notificationlist-item-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 93%;
  display: inline-block;
  vertical-align: top;
}
.notificationlist-item-messagecontent {
  font-weight: 400;
  font-size: 12px;
  overflow: auto;
  letter-spacing: 1px;
  word-break: break-word;
  padding-right: 3px;
}
.notificationlist-item-messagecontent * {
  max-width: 100% !important;
}
.notificationlist-item-messagecontent iframe[src^="//www.youtube.com"] {
  max-height: 240px;
}
.notificationlist-item-subject {
  font-family: Lato;
  color: #3bbdb5;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 2px;
  margin-top: 5px;
  text-transform: uppercase;
}
.notificationlist-item-message:hover {
  cursor: pointer;
}
.notificationlist-item-message:hover .notificationlist-item-subject {
  color: #F2F2F2;
}
.notificationlist-emptystate {
  text-align: center;
  color: #F2F2F2;
  background: #181919;
  width: 370px;
  margin-left: 10px;
  margin-top: -8px;
  cursor: pointer;
  padding-bottom: 8px;
}
.notificationlist-emptystate h2 {
  color: #3bbdb5;
  padding-top: 10px;
  font-size: 12px;
  font-weight: 700;
  font-family: Lato;
  line-height: 1.25;
  text-transform: uppercase;
}
.notificationlist-emptystate p {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
}
.notificiationlist-emptystate-headline {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.notificiationlist-emptystate-text {
  margin: 10px 10px 12px 10px !important;
}
.circle-avatar {
  display: none !important;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  overflow: hidden;
}
.notificationlist-item-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.notificationlist-dateseperator {
  display: none !important;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #2a3b41;
  font-weight: 600;
  opacity: 1;
  border-bottom: 1px solid #2a3b41;
  margin: 25px 10px 5px 0;
  text-align: left;
  width: 370px;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}
.notificationlist-item-linkwrapper {
  display: block;
  color: #333;
}
.notificationlist-item-linkwrapper:hover {
  color: #333;
  text-decoration: none;
}
.notificationlist-item-action a {
  color: #333;
  opacity: 0.5;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-right: 10px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.notificationlist-item-action a:hover {
  opacity: 0.8;
}
.notificationlist-container-action {
  position: relative;
  z-index: 9999;
}
.notificationlist-container-action i {
  opacity: 0.5;
}
.notificationlist-container-action i:hover {
  opacity: 0.8;
}
.notificationlist-popover {
  padding: 0;
  width: 400px;
  background: transparent;
  margin-top: 12px !important;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.notificationlist-popover .notificationlist-container {
  float: none;
  margin: 0;
  width: 400px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: width 0s linear;
  -moz-transition: width 0s linear;
  -ms-transition: width 0s linear;
  -o-transition: width 0s linear;
  transition: width 0s linear;
  background: transparent;
  border: none;
}
.notificationlist-popover .notificationlist-container:after {
  display: none;
}
.notificationlist-popover .notificationlist-container > * {
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0s linear;
  -moz-transition: opacity 0s linear;
  -ms-transition: opacity 0s linear;
  -o-transition: opacity 0s linear;
  transition: opacity 0s linear;
}
.notificationlist-popover .notificationlist-container-action-remove {
  display: none;
}
.notificationlist-popover .arrow {
  border-bottom-color: #181919 !important;
}
.arrow-top {
  margin-top: 60px;
}
.arrow-top:after {
  content: " ";
  position: absolute;
  right: 37%;
  top: -10px;
  border-top: none;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid black;
}
.notificationlist-container-actions {
  position: relative;
}
.notificationlist-container-action-remove {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
}
.notificationlist-item-unread {
  background: #181919;
}
.notificationlist-item-unread .notificationlist-item-dismissbutton {
  background: transparent;
  color: #cbcecf;
  float: right;
  margin-right: 4px;
  margin-top: 0px;
  font-weight: 100;
  font-size: 10px;
  outline: none;
  border: none;
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.notificationlist-item-unread .notificationlist-item-dismissbutton:hover {
  color: #F2F2F2;
  background: transparent;
  outline: none;
  border: none;
}
.notificationlist-updatelink {
  position: absolute;
  top: 92px;
  left: 20%;
  width: 60%;
  z-index: 99999;
  color: #2FB5B4;
}
.notificationlist-updatelink:hover {
  color: #2FB5B4 !important;
}
.episode-filter-dialog-wrapper.modal-dialog {
  width: 300px;
  min-height: 475px;
  display: flex;
  flex-direction: column;
  z-index: 1030;
}
.episode-filter-dialog-wrapper.modal-dialog-bg {
  z-index: 1020;
}
.episode-filter-dialog-wrapper .modal-dialog-title-text span {
  font-size: 12px;
  color: #F4F4F4;
}
.episode-filter-dialog-wrapper .modal-dialog-content {
  display: flex;
  flex: 1;
}
.episode-filter-dialog-wrapper .modal-dialog-content .dialog-content-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.episode-filter-dialog-wrapper .modal-dialog-content .dialog-content-wrapper div[class=""] {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.episode-filter-dialog-wrapper .modal-dialog-content .dialog-content-wrapper .episode-filter-dialog-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.episode-filter-dialog-wrapper .modal-dialog-buttons {
  padding: 20px 20px;
  padding-top: 0px;
}
.episode-filter-dialog-wrapper .modal-dialog-buttons div {
  display: flex;
  justify-content: flex-end;
}
.episode-filter-dialog-wrapper .modal-dialog-buttons button {
  text-transform: uppercase;
  border-radius: 10px;
}
.episode-filter-dialog-wrapper .modal-dialog-buttons button[name='cancel'] {
  background: transparent;
  color: #A7A6A6;
}
.episode-filter-dialog-wrapper .modal-dialog-buttons button[name='cancel']:focus,
.episode-filter-dialog-wrapper .modal-dialog-buttons button[name='cancel']:hover,
.episode-filter-dialog-wrapper .modal-dialog-buttons button[name='cancel']:active,
.episode-filter-dialog-wrapper .modal-dialog-buttons button[name='cancel']:visited {
  background: transparent;
  color: #F4F4F4;
}
.episode-filter-dialog-wrapper .modal-dialog-buttons button[name='done'] {
  background-color: #009484;
  color: #F4F4F4;
}
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-filter-content-label {
  font-size: 10px;
  color: #969391;
}
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #4B4D4E;
}
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .episode-checkbox-button-container,
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .no-episode-checkbox-button-container {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  margin-bottom: 0px;
}
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .episode-checkbox-button-container input,
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .no-episode-checkbox-button-container input {
  display: none;
}
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .episode-checkbox-button-container input:checked + span:before,
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .no-episode-checkbox-button-container input:checked + span:before {
  background-color: #22b1a9;
}
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .episode-checkbox-button-container span,
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .no-episode-checkbox-button-container span {
  position: relative;
  line-height: 22px;
}
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .episode-checkbox-button-container input + span:before,
.episode-filter-dialog-wrapper .episode-filter-dialog-container .episode-options-container .no-episode-checkbox-button-container input + span:before {
  content: '';
  background: none;
  border: 2px solid #F4F4F4;
  border-radius: 6px;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.add-episodes-goog-dialog-wrapper {
  background-color: #181919 !important;
}
.add-episodes-goog-dialog-wrapper .add-episodes-dialog-content .add-episodes-dialog-count-info {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 20px;
}
.add-episodes-goog-dialog-wrapper .add-episodes-dialog-content .add-episodes-dialog-input {
  width: 40px;
}
.add-episodes-goog-dialog-wrapper .add-episodes-dialog-content .add-episodes-dialog-error {
  min-height: 18px;
}
.add-episodes-goog-dialog-wrapper .add-episodes-dialog-content.error .add-episodes-dialog-input {
  border: 1px solid red;
  color: red;
}
.add-episodes-goog-dialog-wrapper .add-episodes-dialog-content.error .add-episodes-dialog-error {
  color: red;
}
.add-episodes-goog-dialog-wrapper .add-episodes-dialog-button-wrapper {
  float: right;
}
.add-episodes-goog-dialog-wrapper .add-episodes-dialog-button-wrapper button {
  float: unset;
}
div.ratchet-dialog {
  background-color: #1E1E1E;
  border-radius: 25px;
  width: 600px;
}
div.ratchet-dialog .modal-dialog-title,
div.ratchet-dialog .modal-dialog-content {
  background-color: #1E1E1E;
}
div.ratchet-dialog i.rd-close-btn {
  width: fit-content;
  cursor: pointer;
  float: right;
  margin-top: 10px;
}
div.ratchet-dialog i.rd-close-btn::before {
  font-size: 12px;
  text-align: right;
}
div.ratchet-dialog .modal-dialog-content {
  min-height: 200px;
  display: grid;
  justify-content: center;
}
div.ratchet-dialog .rd-icon {
  margin-bottom: 12px;
}
div.ratchet-dialog .ratchet-image {
  height: 100px;
  margin: auto;
}
div.ratchet-dialog .ratchet-generic-image {
  content: url('../img/ratchets/generic.png');
}
div.ratchet-dialog .ratchet-breakdown-image {
  content: url('../img/ratchets/breakdown.png');
}
div.ratchet-dialog .ratchet-shotlist-image {
  content: url('../img/ratchets/shotlist.png');
}
div.ratchet-dialog .ratchet-catalog-image {
  content: url('../img/ratchets/catalog.png');
}
div.ratchet-dialog .ratchet-budget-image {
  content: url('../img/ratchets/budget.png');
}
div.ratchet-dialog .ratchet-storyboard-image {
  content: url('../img/ratchets/storyboard.png');
}
div.ratchet-dialog .ratchet-schedule-image {
  content: url('../img/ratchets/schedule.png');
}
div.ratchet-dialog .ratchet-reports-image {
  content: url('../img/ratchets/reports.png');
}
div.ratchet-dialog .ratchet-castandcrew-image {
  content: url('../img/ratchets/castandcrew.png');
}
div.ratchet-dialog .ratchet-comments-image {
  content: url('../img/ratchets/comments.png');
}
div.ratchet-dialog .ratchet-sides-image {
  content: url('../img/ratchets/sides.png');
}
div.ratchet-dialog .ratchet-revision-mode-image {
  content: url('../img/ratchets/revisionmode.png');
}
div.ratchet-dialog .ratchet-history-restore-image {
  content: url('../img/ratchets/historyrestore.png');
}
div.ratchet-dialog .ratchet-headers-footers-image {
  content: url('../img/ratchets/headersfooters.png');
}
div.ratchet-dialog .rd-title {
  text-align: center;
  font: normal normal 600 32px/49px Lato;
  letter-spacing: 0;
  color: #FFFFFF;
}
div.ratchet-dialog .rd-separator {
  border: 0.5px solid #6C6C6C;
  height: 0;
  width: 97px;
  border-radius: 25px;
  margin: 22px auto;
}
div.ratchet-dialog .rd-subtitle {
  color: #2FB5B4;
}
div.ratchet-dialog .rd-message {
  text-align: center;
  letter-spacing: 0;
  font: normal normal normal 18px/22px Lato;
  margin-bottom: 20px;
}
div.ratchet-dialog .modal-dialog-buttons.rd-button {
  background: #2FB5B4;
}
div.ratchet-dialog .modal-dialog-buttons.mobile-rd-button {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 20%;
  width: max-content;
  min-width: 40%;
  font-size: 16px;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f7612c;
}
div.ratchet-dialog .modal-dialog-buttons.mobile-rd-button:hover,
div.ratchet-dialog .modal-dialog-buttons.mobile-rd-button:active {
  background-color: #ffa500 !important;
}
div.ratchet-dialog .rd-button-content {
  display: flex;
  justify-content: center;
  color: #fff;
}
.medialist {
  display: flex;
  flex: 1;
  width: auto;
  height: 100%;
  flex-direction: column;
  padding: 0px 10px;
}
.medialist .medialist-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow-y: scroll;
}
.medialist .medialist-items .medialist-item {
  width: 100px;
  height: 100px;
  padding: 25px;
}
.medialist .medialist-items .medialist-item img {
  width: inherit;
  height: inherit;
  cursor: pointer;
  object-fit: cover;
}
.medialist .medialist-items .medialist-item .medialist-item-unloaded {
  background-color: grey;
}
.medialist .medialist-header {
  padding-left: 25px;
}
.medialist .medialist-header .medialist-toolbar {
  display: flex;
  height: 80px;
  align-items: center;
  font-family: 'lato';
  font-size: 18px;
  border-bottom: 1px solid #EAEAEA;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-left {
  display: flex;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-left .medialist-toolbar-count {
  padding-left: 40px;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right .medialist-toolbar-sort-dropdown {
  margin-right: 10px;
  cursor: pointer;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right .medialist-toolbar-sort-dropdown .input-controls-container {
  border: none;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right .medialist-toolbar-sort-dropdown .menu-list {
  width: 140px !important;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right .medialist-toolbar-sort-dropdown .menu-list-inner {
  font-size: 12px;
  width: 100% !important;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right .medialist-toolbar-search {
  cursor: pointer;
  height: 35px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
  border-radius: 5px;
  border: #3C3D3F 1px solid;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right .medialist-toolbar-search i.cxi-search {
  margin: 0px;
  font-size: 15px;
}
.medialist .medialist-header .medialist-toolbar .medialist-toolbar-right .medialist-toolbar-search input {
  border: none;
  margin: 0px;
  padding: 0px;
  margin-top: 3px;
  margin-left: 3px;
}
.medialist .medialist-header .medialist-add-button-container {
  display: flex;
  height: 60px;
}
.medialist .medialist-header .medialist-add-button {
  cursor: pointer;
  margin-top: 24px;
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
@media (hover) {
  .medialist .medialist-header .medialist-add-button:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .medialist .medialist-header .medialist-add-button.secondary:hover {
    background-color: #A859BD !important;
  }
}
.medialist .medialist-header .medialist-add-button:active {
  background-color: #1FA3A2;
  color: #222222;
}
.medialist .medialist-header .medialist-add-button.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.medialist .medialist-header .medialist-add-button.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.medialist .medialist-header .medialist-add-button.create-pill,
.medialist .medialist-header .medialist-add-button.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.medialist .medialist-header .medialist-add-button.create-pill:hover,
.medialist .medialist-header .medialist-add-button.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.medialist .medialist-header .medialist-add-button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.medialist .medialist-header .medialist-add-button.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.medialist .medialist-header .medialist-add-button.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.medialist .medialist-header .medialist-add-button.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.medialist .medialist-header .medialist-add-button.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.medialist .medialist-header .medialist-add-button.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.medialist .medialist-header .medialist-add-button.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.medialist .medialist-header .medialist-add-button.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.medialist .medialist-header .medialist-add-button.cancel,
.medialist .medialist-header .medialist-add-button.save-n-close,
.medialist .medialist-header .medialist-add-button.close,
.medialist .medialist-header .medialist-add-button.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.medialist .medialist-header .medialist-add-button.cancel:hover,
.medialist .medialist-header .medialist-add-button.save-n-close:hover,
.medialist .medialist-header .medialist-add-button.close:hover,
.medialist .medialist-header .medialist-add-button.transparent:hover,
.medialist .medialist-header .medialist-add-button.cancel:active,
.medialist .medialist-header .medialist-add-button.save-n-close:active,
.medialist .medialist-header .medialist-add-button.close:active,
.medialist .medialist-header .medialist-add-button.transparent:active {
  background-color: transparent !important;
}
.medialist .medialist-header .medialist-add-button.cancel {
  margin-right: 10px;
}
.medialist .medialist-header .medialist-add-button.close,
.medialist .medialist-header .medialist-add-button.save-n-close {
  padding: 0px;
  line-height: initial;
}
.medialist .medialist-header .medialist-add-button.close::before,
.medialist .medialist-header .medialist-add-button.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.medialist .medialist-header .medialist-add-button.close::before {
  content: '\e818';
}
.medialist .medialist-header .medialist-add-button.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.medialist .medialist-header .medialist-add-button.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.medialist .medialist-header .medialist-add-button.disabled:hover,
.medialist .medialist-header .medialist-add-button.disabled:active {
  background-color: #868686 !important;
}
.medialist .medialist-header .medialist-add-button.upload {
  height: 40px;
}
.medialist .medialist-header .medialist-add-button.download {
  text-transform: none;
  background-color: #292D30;
}
.medialist .medialist-header .medialist-add-button.download:hover,
.medialist .medialist-header .medialist-add-button.download:active {
  background-color: #292D30 !important;
}
.medialist .medialist-header .medialist-add-button:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.medialistitem-files {
  overflow-x: hidden;
  width: 210px;
}
.medialistitem-file {
  display: block;
}
.medialistitem-fileheader {
  margin-top: 10px;
  color: #999;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.medialistitem-file {
  margin-right: 14px;
}
.media-dialog .infomanagerbox-label {
  color: white !important;
}
.media-library-container {
  display: flex;
  flex: 1;
  background-color: #FFFFFF;
}
.media-library-container .media-library-inner-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.media-library-container .media-library-inner-container .file-header-content-bg {
  padding: 0;
}
.media-library-container .media-library-inner-container .media-library-content {
  flex: 1;
  display: flex;
}
.cx-screenplay .speech-text {
  background: none!important;
  color: #ff6e00;
  outline: none!important;
}
.speech-main-container {
  background-color: #f5f5f5 !important;
  overflow-y: hidden!important;
  width: 100%;
}
.speech-main-container .range-slider {
  -webkit-appearance: none;
  width: 175px;
  background: linear-gradient(to right, #646869 0, #646869 100%);
  background-size: 190px 5px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  outline: none;
  border: none !important;
  padding: 0 !important;
  display: inline-block;
  margin: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  box-shadow: none;
}
.speech-main-container .range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  background: #b1b1b1;
  position: relative;
  z-index: 3;
  border: 1px solid #646869;
  border-radius: 30px;
  cursor: pointer;
}
.speech-main-container .range-slider::-webkit-slider-thumb:hover {
  background: #e1e1e1;
}
.speech-main-container .range-slider::-webkit-slider-thumb:after {
  content: " ";
  width: 150px;
  height: 10px;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 5px;
}
.speech-main-container .range-title {
  font-size: 10px;
  color: #3b3d3e;
  display: block;
  margin-bottom: -5px;
}
.speech-main-container .speech-script-title {
  padding: 9px;
  font-size: 12px;
  text-align: center;
  background-color: #bdbdbd;
  color: #000;
}
.speech-main-container .speech-name-text {
  max-width: 170px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
}
.speech-main-container .speech-voice-profiles-title {
  padding: 15px;
  font-size: 12px;
  background-color: #b1b1b1;
  text-align: center;
  border-bottom: 1px solid #8e8e8e;
}
.speech-main-container .speech-character-name-container {
  background-color: #9a9a9a;
}
.speech-main-container #drop-widget-char,
.speech-main-container #drop-widget-charname {
  font-size: 16px;
  font-weight: bold;
  float: right;
  margin-top: 2px;
}
.speech-main-container .speech-character-submenu {
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -ms-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
  overflow: hidden;
  max-height: 0;
}
.speech-main-container .speech-character-name {
  background: #9a9a9a;
  padding: 10px;
  font-size: 10px 20px;
  color: #000;
  cursor: pointer;
  border-bottom: 1px solid #adadad;
}
.speech-main-container .system-voices-dropdown {
  padding: 10px;
  background-color: #b1b1b1;
}
.speech-main-container .system-voices-dropdown select {
  margin-top: 5px;
  background-color: #646869;
  border: 1px solid #a2a6a7;
  color: #c0c0c0;
  font-size: 12px;
  width: 180px;
}
.speech-main-container .speech-type-dropdown {
  padding: 10px 20px;
  background-color: #656869;
}
.speech-main-container .speech-type-dropdown select {
  margin-top: 5px;
  background-color: #646869;
  border: 1px solid #a2a6a7;
  color: #c0c0c0;
  font-size: 12px;
  width: 200px;
  max-width: 100%;
}
.speech-main-container .speech-controls {
  display: flex;
  padding: 0 5px;
  justify-content: space-between;
  background-color: #3c3f40;
}
.speech-main-container .speech-controls .speech-button {
  padding: 10px;
  cursor: pointer;
  color: #ababab;
  margin-top: 10px;
}
.speech-main-container .speech-controls .speech-button.play {
  color: #3db00a;
}
.speech-main-container .reset-control {
  display: inline-block;
  margin-left: 4px;
  color: #656869;
  cursor: pointer;
}
.rc-select.select-container {
  position: relative;
  outline: none;
  max-width: 500px;
  min-height: 32px;
}
.rc-select.select-container .input-controls-container {
  width: 100%;
  cursor: pointer;
  display: flex;
  outline: 0 !important;
  position: relative;
  flex-wrap: wrap;
  font-size: 12px;
  box-shadow: none;
  box-sizing: border-box;
  font-style: italic;
  min-height: 32px;
  transition: all 100ms ease 0s;
  align-items: center;
  font-family: Lato;
  border: 1px solid #ccc;
  outline: none;
  justify-content: space-between;
  -webkit-box-pack: justify;
  background-color: #ffffff;
  -webkit-box-align: center;
}
.rc-select.select-container .input-controls-container .input-container {
  flex: 1 1 0%;
  color: black;
  display: flex;
  padding: 2px 7px;
  overflow: hidden;
  position: relative;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  -webkit-box-align: center;
  text-align: left;
  min-height: 32px;
}
.rc-select.select-container .input-controls-container .input-container .value-field {
  color: black;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  font-style: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rc-select.select-container .input-controls-container .input-container .input-field {
  border: none;
  margin: unset;
  display: block;
  font-size: inherit;
  background: transparent;
  box-shadow: none;
  font-style: inherit;
  font-family: inherit;
  cursor: unset;
  text-align: left;
  position: absolute;
  width: auto !important;
}
.rc-select.select-container .input-controls-container .clear-icon {
  color: black;
  font-size: 10px;
  margin-right: 10px;
}
.rc-select.select-container .input-controls-container .arrow-icon {
  color: black;
  font-size: 10px;
  margin-right: 10px;
}
.rc-select.select-container .menu-list {
  top: 100%;
  background-color: #1f211e;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px;
  margin-bottom: 8px;
  margin-top: 8px;
  position: absolute;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  border-radius: 4px;
}
.rc-select.select-container .menu-list:focus {
  outline: none;
}
.rc-select.select-container .menu-list .no-options {
  height: 40px;
  color: white;
  background-color: #1f211e;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rc-select.select-container .menu-list .option {
  display: flex;
  align-items: center;
  color: #bbbbbb;
  width: 100%;
  cursor: default;
  padding: 8px 12px;
  font-size: inherit;
  box-sizing: border-box;
  user-select: none;
  background-color: #1f211e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-select.select-container .menu-list .option.is-highlighted {
  background-color: #2c2c29 !important;
  cursor: pointer;
}
.rc-select.select-container .menu-list .option.is-selected {
  background-color: #1f211e;
  color: #2FB5B4;
}
.rc-select.select-container .menu-list .group-label {
  color: gray;
  width: 100%;
  cursor: default;
  display: block;
  padding: 8px 12px;
  font-size: inherit;
  box-sizing: border-box;
  user-select: none;
}
.rc-select.select-container.is-disabled .arrow-icon {
  color: #808080;
}
.rc-select.select-container.is-disabled .clear-icon {
  color: #808080;
}
.rc-select.select-container.is-disabled .value-field {
  opacity: 0.5;
}
.rc-select.select-container.has-value .input-container {
  padding: 2px 10px;
}
.rc-select.select-container.has-value .value-field {
  padding-left: 3;
}
.rc-select.select-container.has-value .input-field.has-value {
  margin-left: -4px;
}
.pill-container {
  margin: 2px;
  display: flex;
  min-width: 0px;
  box-sizing: border-box;
  border-radius: 2px;
  background-color: #e6e6e6;
}
.pill-container .pill-label {
  color: #333333;
  padding: 3px 3px 3px 6px;
  overflow: hidden;
  font-size: 85%;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 2px;
  text-overflow: ellipsis;
}
.pill-container .pill-remove {
  display: flex;
  font-size: 10px;
  box-sizing: border-box;
  align-items: center;
  padding-left: 4px;
  border-radius: 2px;
  padding-right: 4px;
  -webkit-box-align: center;
  cursor: pointer;
}
.pill-container .pill-remove.is-disabled {
  display: none;
}
.pill-container .pill-remove:hover {
  opacity: 0.5;
}
.react-accordion .react-accordion__item {
  position: relative;
}
.react-accordion .react-accordion__item .react-accordion__item-heading {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #fff;
}
.react-accordion .react-accordion__item .react-accordion__item-heading .react-accordion__item-title {
  text-transform: uppercase;
  font-size: 12px;
}
.react-accordion .react-accordion__item .react-accordion__item-heading .react-accordion__item-arrow {
  margin-left: auto;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
}
.react-accordion .react-accordion__item:not(.isDisabled) .react-accordion__item-heading {
  cursor: pointer;
}
.react-accordion .react-accordion__item .react-accordion__item-body {
  display: none;
  padding: 10px 0;
  animation: fadein 0.35s ease-in;
}
.react-accordion .react-accordion__item.react-accordion__item--show .react-accordion__item-heading {
  border: 0;
}
.react-accordion .react-accordion__item.react-accordion__item--show .react-accordion__item-body {
  display: block;
  animation: fadein 0.35s ease-in;
  border-bottom: 1px solid #fff;
}
.react-accordion .react-accordion__item.react-accordion__item--show .react-accordion__item-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
}
.ReactTable {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.ReactTable * {
  box-sizing: border-box;
}
.ReactTable .rt-table {
  -webkit-box-flex: 1;
  -ms-flex: auto 1;
  flex: auto 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
}
.ReactTable .rt-thead {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ReactTable .rt-thead.-headerGroups {
  background: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-thead.-filters {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-thead.-filters input,
.ReactTable .rt-thead.-filters select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline: none;
}
.ReactTable .rt-thead.-filters .rt-th {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.ReactTable .rt-thead.-header {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
}
.ReactTable .rt-thead .rt-tr {
  text-align: center;
}
.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  padding: 5px 5px;
  line-height: normal;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: inset 0 0 0 0 transparent;
}
.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
  box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-th.-sort-desc,
.ReactTable .rt-thead .rt-td.-sort-desc {
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.6);
}
.ReactTable .rt-thead .rt-th.-cursor-pointer,
.ReactTable .rt-thead .rt-td.-cursor-pointer {
  cursor: pointer;
}
.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
  border-right: 0;
}
.ReactTable .rt-thead .rt-resizable-header {
  overflow: visible;
}
.ReactTable .rt-thead .rt-resizable-header:last-child {
  overflow: hidden;
}
.ReactTable .rt-thead .rt-resizable-header-content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ReactTable .rt-thead .rt-header-pivot {
  border-right-color: #f7f7f7;
}
.ReactTable .rt-thead .rt-header-pivot:after,
.ReactTable .rt-thead .rt-header-pivot:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ReactTable .rt-thead .rt-header-pivot:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}
.ReactTable .rt-thead .rt-header-pivot:before {
  border-color: rgba(102, 102, 102, 0);
  border-left-color: #f7f7f7;
  border-width: 10px;
  margin-top: -10px;
}
.ReactTable .rt-tbody {
  -webkit-box-flex: 99999;
  -ms-flex: 99999 1 auto;
  flex: 99999 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}
.ReactTable .rt-tbody .rt-tr-group {
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-tbody .rt-tr-group:last-child {
  border-bottom: 0;
}
.ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.ReactTable .rt-tbody .rt-td:last-child {
  border-right: 0;
}
.ReactTable .rt-tbody .rt-expandable {
  cursor: pointer;
  text-overflow: clip;
}
.ReactTable .rt-tr-group {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.ReactTable .rt-tr {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.ReactTable .rt-th,
.ReactTable .rt-td {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px 5px;
  overflow: hidden;
  transition: 0.3s ease;
  transition-property: width, min-width, padding, opacity;
}
.ReactTable .rt-th.-hidden,
.ReactTable .rt-td.-hidden {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
}
.ReactTable .rt-expander {
  display: inline-block;
  position: relative;
  margin: 0;
  color: transparent;
  margin: 0 10px;
}
.ReactTable .rt-expander:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top: 7px solid rgba(0, 0, 0, 0.8);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}
.ReactTable .rt-expander.-open:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
}
.ReactTable .rt-resizer {
  display: inline-block;
  position: absolute;
  width: 36px;
  top: 0;
  bottom: 0;
  right: -18px;
  cursor: col-resize;
  z-index: 10;
}
.ReactTable .rt-tfoot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.ReactTable .rt-tfoot .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.ReactTable .rt-tfoot .rt-td:last-child {
  border-right: 0;
}
.ReactTable.-striped .rt-tr.-odd {
  background: rgba(0, 0, 0, 0.03);
}
.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
  background: rgba(0, 0, 0, 0.05);
}
.ReactTable .-pagination {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.ReactTable .-pagination input,
.ReactTable .-pagination select {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 5px 7px;
  font-size: inherit;
  border-radius: 3px;
  font-weight: normal;
  outline: none;
}
.ReactTable .-pagination .-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  padding: 6px;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.1s ease;
  cursor: pointer;
  outline: none;
}
.ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5;
  cursor: default;
}
.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.ReactTable .-pagination .-center {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5;
  text-align: center;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.ReactTable .-pagination .-pageInfo {
  display: inline-block;
  margin: 3px 10px;
  white-space: nowrap;
}
.ReactTable .-pagination .-pageJump {
  display: inline-block;
}
.ReactTable .-pagination .-pageJump input {
  width: 70px;
  text-align: center;
}
.ReactTable .-pagination .-pageSizeOptions {
  margin: 3px 10px;
}
.ReactTable .rt-noData {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  z-index: 1;
  pointer-events: none;
  padding: 20px;
  color: rgba(0, 0, 0, 0.5);
}
.ReactTable .-loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.ReactTable .-loading > div {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(-52%);
  transform: translateY(-52%);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ReactTable .-loading.-active {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}
.ReactTable .-loading.-active > div {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.ReactTable .rt-resizing .rt-th,
.ReactTable .rt-resizing .rt-td {
  transition: none !important;
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.react-dropdown:focus {
  outline: none;
  box-shadow: none;
}
.react-dropdown .toggle {
  cursor: pointer;
  padding: 10px;
  transition: background 0.2s;
}
.react-dropdown .toggle:hover,
.react-dropdown .toggle.active {
  background: rgba(0, 0, 0, 0.05);
}
.react-dropdown .react-dropdown-menu {
  background: #F6F6F6;
  position: absolute;
  right: 40px;
  top: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
.react-dropdown .react-dropdown-menu ul {
  margin: 0;
  list-style: none;
}
.react-dropdown .react-dropdown-menu ul li {
  cursor: pointer;
  padding: 10px 10px;
  transition: background 0.15s, color 0.15s;
  display: flex;
  align-items: center;
  color: #292D30;
}
.react-dropdown .react-dropdown-menu ul li:hover {
  background: #D8D8D8;
}
.react-dropdown .react-dropdown-menu ul li .react-dropdown-menu__item-label {
  margin-left: 10px;
}
.react-dropdown .react-dropdown-menu.expanded {
  width: 120px;
  height: auto;
}
.avatar-dropdown-container {
  cursor: pointer;
  margin-left: 20px;
}
.avatar-dropdown-container .react-dropdown .react-dropdown-menu {
  top: 40px;
  right: 10px;
}
.avatar-dropdown-container.disabled {
  opacity: 0.5;
}
.avatar-dropdown-container.disabled .toggle {
  cursor: default;
}
.www-body {
  margin: 0 auto !important;
  background: white !important;
  border: 0;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -ms-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
@media (max-width: 767px) {
  .www-body .container#emailChangeContainer {
    width: auto;
  }
}
#confirmEmailChange {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
.avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fafafa;
  background-size: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid white;
}
.avatar-small {
  width: 16px;
  height: 16px;
  background-image: url(../img/user30.jpg);
  border-width: 1px;
}
.avatar-medium {
  width: 30px;
  height: 30px;
  background-image: url(../img/user50.jpg);
}
.avatar-large {
  width: 50px;
  height: 50px;
  background-image: url(../img/user100.jpg);
}
.avatar-navbar {
  width: 22px;
  height: 22px;
  margin: 11px 0px;
  background-color: #000;
  background-size: auto 30px;
  background-size: cover;
}
.avatar-pwa-studio-header {
  width: 40px;
  height: 40px;
  margin: 11px;
}
.avatar-largerish {
  width: 70px;
  height: 70px;
  background-image: url(../img/user70.jpg);
}
.avatar-larger {
  width: 100px;
  height: 100px;
  background-image: url(../img/user100.jpg);
}
.avatar-company {
  height: 160px;
  width: 210px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-size: 200px 140px;
  background-size: cover;
  background-repeat: no-repeat;
}
.avatar-company.infomanagerbox-image {
  width: 140px;
}
.avatar-company-container {
  max-height: 80px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.avatar-company-container img {
  content: '';
}
.avatar-company-circle-medium {
  background-size: cover;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}
.avatar-company.avatar-company-studiohead {
  width: 50px;
  height: 50px;
  background-size: contain!important;
  display: block;
}
.avatar-company.avatar-company-custom {
  height: auto;
  background: none;
}
.avatar-company-img-container {
  max-height: 168px;
  max-width: 240px;
  width: 100%;
  overflow-y: hidden;
}
.avatar-company-img {
  width: 100%;
}
.avatar-wrapper {
  background-color: #eee;
  padding: 1px;
  border: 1px solid #DDD;
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  vertical-align: top;
}
.infomanagerbox-image-wrapper {
  cursor: hand;
  cursor: pointer;
}
.infomanagerbox-link-seperator {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.infomanagerbox-togglebox {
  margin-right: 10px !important;
}
.infomanagerbox-resultmsg {
  font-size: 12px;
}
.infomanagerbox-desc {
  font-size: 13px;
  font-style: italic;
  color: #999;
  margin-top: 4px;
}
.infomanagerbox-editsave,
.infomanagerbox-editcancel {
  text-shadow: none;
  border: none;
  color: #222222;
  text-transform: uppercase;
  border-radius: 8px;
  font-family: 'Lato';
  min-width: 61px;
}
.infomanagerbox-editsave:focus,
.infomanagerbox-editcancel:focus {
  outline-offset: 2px;
}
.infomanagerbox-editsave {
  background-color: #2FB5B4;
}
.infomanagerbox-editsave:hover {
  background-color: #35D4D2;
}
.infomanagerbox-editsave:active {
  background-color: #1FA3A2;
}
.infomanagerbox-editcancel {
  background-color: transparent;
  padding-left: 3px;
}
.infomanagerbox-editcancel:hover {
  color: #484848;
}
.infomanagerbox-editcancel:active {
  background-color: transparent !important;
}
.infomanagerbox-editinput-dateconnector {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  line-height: 1;
  margin: 0 10px;
  color: #888;
}
.enable-disable:focus,
.account-deletion:focus {
  outline-offset: 3px;
}
.add-episodes-dialog .controls .goog-menu-button-caption,
.add-episodes-dialog .controls .goog-menu-button-dropdown {
  color: black !important;
}
.clipart-category-header {
  cursor: pointer;
  color: #333;
  font-weight: bold;
  background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -ms-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: linear-gradient(top, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  padding: 5px;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  outline: none !important;
}
.clipart-category-header .icon-upordown {
  background-position: -313px -119px;
}
.clipart-category-header.goog-zippy-expanded .icon-upordown {
  background-position: -288px -120px;
}
.clipart-category-contents {
  padding-left: 1em;
}
.clipart-item {
  cursor: pointer;
  float: left;
  width: 60px;
  margin: 5px;
}
.clipart-item .sketch-thumbnail {
  max-width: 100%;
  max-height: 60px;
}
.clipart-item .sketch-thumbnail-text {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 10px;
  line-height: 12px;
  height: 26px;
  color: #2FB5B4;
  font-weight: bold;
}
.clipart-container {
  min-width: 120px;
  padding: 10px;
  background: #444;
  color: #fafafa;
  margin-left: -6px;
  background: #273134;
  background-image: -moz-linear-gradient(top, #273134, #222222);
  background-image: -ms-linear-gradient(top, #273134, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#273134), to(#222222));
  background-image: -webkit-linear-gradient(top, #273134, #222222);
  background-image: -o-linear-gradient(top, #273134, #222222);
  background-image: linear-gradient(top, #273134, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  overflow: auto;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.clipart-container h3 {
  font-weight: normal;
  color: #eee;
  margin-bottom: 8px;
}
.sketcheditor {
  height: 100%;
  width: 100%;
  background-color: #eeeeee;
}
.sketchmenu {
  z-index: 99;
  background: none;
  border-bottom: 1px solid #d9d9d9 !important;
  -webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  background: #f2f2f2;
  border-top: 1px solid #d9d9d9;
  display: inline-block;
  vertical-align: top;
  min-width: 365px;
}
.sketchmenu:before,
.sketchmenu:after {
  display: table;
  content: "";
}
.sketchmenu:after {
  clear: both;
}
.sketchpalette {
  position: fixed;
  bottom: 0;
  left: 366px;
}
.sketchselect {
  position: fixed;
  bottom: 0;
  left: 0;
  border-right: 1px solid #d9d9d9;
}
.shinyhead {
  -webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eee);
  background-image: linear-gradient(top, #f5f5f5, #eee);
  background-repeat: repeat-x;
  border-color: #eee #eee #c8c8c8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
}
.bottommenu-head,
.thinmenu-head {
  cursor: default;
  padding: 10px 20px;
  font-weight: normal;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  -webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eee);
  background-image: linear-gradient(top, #f5f5f5, #eee);
  background-repeat: repeat-x;
  border-color: #eee #eee #c8c8c8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.bottommenu-content {
  padding: 20px;
  height: 124px;
}
.sketchselect-optionlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sketchselect-optionlist .sketch-color-select-container .sketch-color-select-clickable {
  display: inline-flex;
  background: #FAFAFA;
  padding: 2px 6px;
  margin-right: 6px;
  min-width: 40px;
}
.sketchselect-optionlist .sketch-color-select-container .sketch-color-select-clickable .sketch-color-select-button {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-width: 1px;
  border-style: solid;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 2px;
  background: none;
}
.sketchselect-optionlist .sketch-color-select-container .sketch-color-select-clickable .sketch-color-select-button:active {
  background: none !important;
}
.sketchselect-optionlist .sketch-color-select-container .sketch-color-select-clickable .sketch-color-select-button:hover {
  border-color: #9cf #69e #69e #7af;
}
.sketchselect-optionlist .sketch-color-select-container .sketch-color-select-clickable .sketch-color-select-button .sketch-color-select-text-container {
  margin: 0px;
  padding: 0px;
  flex: 1;
}
.sketchselect-optionlist .sketch-color-select-container .sketch-color-select-clickable .sketch-color-select-button .sketch-color-select-selected-color {
  display: flex;
  height: 4px;
  width: 100%;
  background-color: var(--color-select-active-color);
  margin-top: 2px;
}
.sketchselect-optionlist .sketch-color-select-container .celtx-color-picker-desktop-dialog {
  position: fixed;
}
.sketchselect-optionlist-item {
  margin: 10px 0;
  padding: 0;
}
.sketchselect-optionlist-item select {
  margin: 0;
}
.sketchselect-optionlist-item-label,
.sketchselect-selected-label {
  text-align: right;
  width: 80px;
  margin: 0 20px 0 0;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  font-family: "proxima-nova", sans-serif;
}
.sketchselect-optionlist-item-controls {
  display: inline-block;
  vertical-align: middle;
}
.sketchselect-selected {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.sketchselect-selected-input {
  margin: 0;
  max-width: 170px;
}
.sketcheditor-container {
  height: 100%;
  overflow: visible;
}
.sketcheditor-container .shotblocker-toolbar .goog-toolbar-button.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.sketcheditor-container .shotblocker-toolbar .goog-toolbar-button.goog-toolbar-button-selected .goog-toolbar-button-outer-box {
  padding: 1px 0 !important;
  border: none !important;
}
.sketcheditor-container .shotblocker-toolbar .goog-toolbar-button.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.sketcheditor-container .shotblocker-toolbar .goog-toolbar-button.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
  padding: 1px !important;
  border: none !important;
}
.sketcheditor-container .shotblocker-toolbar .goog-toolbar-button.goog-toolbar-button-selected {
  background-color: #2FB5B4 !important;
}
.bottommenu-head-action {
  float: right;
}
.bottommenu-head-action-minmax-icon {
  display: block;
  width: 10px;
  height: 2px;
  background: #333;
  position: absolute;
  left: 4px;
  bottom: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.bottommenu-head-action-minmax {
  display: block;
  position: relative;
  width: 18px;
  height: 20px;
}
.bottommenu-head-action-minmax:hover {
  background: #ccc;
}
.bottommenu-head-action-minmax.minned .bottommenu-head-action-minmax-icon {
  bottom: auto;
  top: 4px;
}
.sketchpalette-category {
  display: inline-block;
  padding: 4px;
  margin-right: 6px;
  font-family: "proxima-nova", sans-serif;
  cursor: hand;
  cursor: pointer;
}
.sketchpalette-category.active {
  font-weight: bold;
}
.sketchpalette-item {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
.sketchpalette-item.dragging {
  opacity: 0.7;
}
.sketchpalette-categories {
  margin-bottom: 10px;
  height: 26px;
  overflow-y: auto;
}
.sketchpalette-content {
  overflow-y: hidden;
  overflow-x: hidden;
}
.sketchpalette-item-thumb {
  width: 96px;
}
.sketchpalette-item-thumb.drag {
  z-index: 99999999999999;
  padding: 100px;
}
.sketchpalette-items-container {
  overflow-x: auto;
  margin: 0;
  padding: 0 20px;
}
.sketchpalette-scroll {
  font-size: 30px;
  padding: 30px 12px;
  color: #2FB5B4;
}
.sketchpalette-scroll-left {
  float: left;
}
.sketchpalette-scroll-right {
  float: right;
}
@media (max-width: 600px) {
  .sketchpalette-content {
    padding: 5px 10px 0 10px;
  }
  .sketchmenu {
    min-width: 319px;
  }
  .sketchselect {
    display: none;
  }
  .sketchpalette {
    left: 0;
  }
  .sketchselect-content {
    padding: 10px;
  }
  .sketchselect-selected {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .selectionmode .sketchselect {
    display: block;
    width: 100%;
  }
  .selectionmode .sketchpalette {
    display: none;
  }
  .sketchpalette-item-thumb {
    max-width: 60px;
  }
  .sketchpalette-scroll {
    padding: 12px;
  }
  .bottommenu-content {
    height: 100px;
  }
}
@media (max-width: 400px) {
  .sketchselect-optionlist-item-label,
  .sketchselect-selected-label {
    width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.modal-dialog-bg.shot-add-item-dialog {
  background: unset;
  margin-left: 0px;
}
.modal-dialog.add-item-dialog {
  width: 350px;
  overflow: unset;
}
.modal-dialog.shot-add-item-dialog {
  font-size: 13px;
  width: 760px;
  animation-duration: 0.45s;
  overflow: visible;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper {
  display: flex;
  height: 455px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col {
  width: 50%;
  height: 100%;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading {
  padding: 7px 0;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading .icon-text-header,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading .icon-text-header,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading .icon-text-header,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading .icon-text-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  margin-bottom: 14.5px;
  margin-top: 10px;
  margin-left: 18px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading .icon-text-header .scene-img::before,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading .icon-text-header .scene-img::before,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading .icon-text-header .scene-img::before,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading .icon-text-header .scene-img::before {
  content: '\e884';
  font-family: "celtxicons";
  font-size: 16px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading .icon-text-header .shot-img::before,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading .icon-text-header .shot-img::before,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading .icon-text-header .shot-img::before,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading .icon-text-header .shot-img::before {
  content: '\e883';
  font-family: "celtxicons";
  font-size: 16px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading .icon-text-header .text-pad,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading .icon-text-header .text-pad,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading .icon-text-header .text-pad,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading .icon-text-header .text-pad {
  padding-right: 5px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading .margin-centering,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading .margin-centering,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading .margin-centering,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading .margin-centering {
  margin-top: 14px;
  margin-bottom: 14px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .react-accordion__item-arrow,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .react-accordion__item-arrow {
  margin-right: 20px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading {
  border-bottom: none !important;
  padding: 0px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-heading:hover,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-heading:hover {
  background-color: #555555;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .equipment-accordion-item-body,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .equipment-accordion-item-body {
  border-bottom: none !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading {
  border-bottom: none !important;
  padding: 0px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-heading:hover,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-heading:hover {
  background-color: #555555;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-accordion-item-body,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-accordion-item-body {
  border-bottom: none !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-field-container,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-field-container,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .extra-position-container,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .extra-position-container {
  width: 100%;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-field-container,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-field-container {
  margin-bottom: 7px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-field-container .shot-field-label,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-field-container .shot-field-label {
  font-size: 13px;
  color: #F6F6F6;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-field-container input,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-field-container input {
  box-sizing: border-box;
  width: 30%;
  font-size: 13px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-field-container textarea,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .shot-field-container textarea {
  width: 94%;
  height: 111px;
  box-sizing: border-box;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col {
  box-sizing: border-box;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-field-label {
  margin-left: 21px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .shot-field-input {
  margin-left: 20px;
  margin-right: 20px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .extra-input {
  margin-right: 0px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .position-input {
  margin-left: 0px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .extra-position-container .extra-container,
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .extra-position-container .position-container {
  width: 45%;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .extra-position-container .extra-container {
  float: left;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .extra-position-container .position-container {
  float: right;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .react-accordion__item-title {
  text-transform: none;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .rc-select.select-container {
  min-height: 31px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .input-controls-container {
  min-height: 31px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .controls-container {
  min-height: 31px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .input-container {
  min-height: 28px !important;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .left-col .position-container .shot-field-label {
  margin-left: 0px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col {
  border-left: 1px solid white;
  box-sizing: border-box;
  padding-left: 20px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col .editorlist-itempage-media-item {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 1px dashed #FFFFFF;
  border-radius: 5px;
}
.modal-dialog.shot-add-item-dialog .dialog-content-wrapper .right-col input {
  margin-bottom: 0px;
  min-height: 30px;
}
.modal-dialog.shot-add-item-dialog .custom-option-icon {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 10px;
  right: 10px;
  top: 0px;
}
.modal-dialog.shot-add-item-dialog .custom-option-icon:hover {
  cursor: pointer;
}
.modal-dialog.shot-add-item-dialog {
  background-color: #2F2F2F;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-title {
  margin-left: 20px;
  background-color: #2F2F2F;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-content {
  background-color: #2F2F2F;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-buttons {
  background-color: #2F2F2F;
  margin-right: 20px;
}
.modal-dialog.add-item-dialog,
.modal-dialog.scene-info-dialog,
.modal-dialog.cat-item-edit-dialog {
  background: #3c3d3e;
}
.modal-dialog.add-item-dialog .modal-dialog-title,
.modal-dialog.scene-info-dialog .modal-dialog-title,
.modal-dialog.cat-item-edit-dialog .modal-dialog-title {
  background: #3c3d3e;
}
.modal-dialog.add-item-dialog .modal-dialog-content,
.modal-dialog.scene-info-dialog .modal-dialog-content,
.modal-dialog.cat-item-edit-dialog .modal-dialog-content {
  background: #3c3d3e;
}
.modal-dialog.add-item-dialog .modal-dialog-buttons,
.modal-dialog.scene-info-dialog .modal-dialog-buttons,
.modal-dialog.cat-item-edit-dialog .modal-dialog-buttons {
  background: #3c3d3e;
}
.modal-dialog.shot-add-item-dialog button[name='cancel'],
.modal-dialog.shot-add-item-dialog button[name="done"] {
  width: unset !important;
  height: 30px !important;
  font-size: 14px;
  margin-right: unset !important;
  background-color: #2F2F2F;
  letter-spacing: 0.84px !important;
}
.modal-dialog.shot-add-item-dialog button[name='cancel'] {
  padding-right: 20px !important;
}
.modal-dialog.shot-add-item-dialog button[name='ok'] {
  border-radius: 8px;
  font-size: 14px;
  min-width: 80px !important;
  height: 30px !important;
  letter-spacing: 0.84px !important;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-content {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.modal-dialog.add-item-dialog .modal-dialog-content,
.modal-dialog.scene-info-dialog .modal-dialog-content,
.modal-dialog.cat-item-edit-dialog .modal-dialog-content {
  padding: 20px 20px;
}
.modal-dialog.shot-add-item-dialog .accordion__title,
.modal-dialog.add-item-dialog .accordion__title,
.modal-dialog.scene-info-dialog .accordion__title,
.modal-dialog.cat-item-edit-dialog .accordion__title {
  background-color: #3c3d3e !important;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-title,
.modal-dialog.add-item-dialog .modal-dialog-title,
.modal-dialog.scene-info-dialog .modal-dialog-title,
.modal-dialog.cat-item-edit-dialog .modal-dialog-title {
  margin-bottom: 30px !important;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-title .modal-dialog-title-text,
.modal-dialog.add-item-dialog .modal-dialog-title .modal-dialog-title-text,
.modal-dialog.scene-info-dialog .modal-dialog-title .modal-dialog-title-text,
.modal-dialog.cat-item-edit-dialog .modal-dialog-title .modal-dialog-title-text {
  font-size: 12px;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-title .modal-dialog-title-close,
.modal-dialog.add-item-dialog .modal-dialog-title .modal-dialog-title-close,
.modal-dialog.scene-info-dialog .modal-dialog-title .modal-dialog-title-close,
.modal-dialog.cat-item-edit-dialog .modal-dialog-title .modal-dialog-title-close {
  display: none;
}
.modal-dialog.shot-add-item-dialog .form-horizontal .control-label,
.modal-dialog.add-item-dialog .form-horizontal .control-label,
.modal-dialog.scene-info-dialog .form-horizontal .control-label,
.modal-dialog.cat-item-edit-dialog .form-horizontal .control-label {
  font-weight: normal;
}
.modal-dialog.shot-add-item-dialog .map-canvas-update,
.modal-dialog.add-item-dialog .map-canvas-update,
.modal-dialog.scene-info-dialog .map-canvas-update,
.modal-dialog.cat-item-edit-dialog .map-canvas-update {
  height: auto;
}
.modal-dialog .shot-add-item-dialog {
  font-size: 14px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.modal-dialog .modal-dialog-title-text {
  font-size: 14px;
  margin-left: 4px;
}
.script-scene-selection {
  background-color: #3c3d3e;
  color: white;
  margin-top: 2px;
  padding: 10px;
}
.script-scene-header {
  font-family: monospace;
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 20px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.breakdown-add-item-btn,
.shotlist-add-item-btn {
  color: #f6f6f6;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  height: 25px !important;
  width: 25px !important;
  border-radius: 100%;
  padding: 0;
  display: block !important;
  /*
   * The base button class uses !important for its background colors,
   * so these need to be made !important-er. Just CSS things ...
   */
}
.breakdown-add-item-btn:before,
.shotlist-add-item-btn:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.breakdown-add-item-btn span,
.shotlist-add-item-btn span {
  display: none;
}
.breakdown-add-item-btn:focus,
.shotlist-add-item-btn:focus {
  background-color: #2FB5B4 !important;
}
.breakdown-add-item-btn:hover,
.shotlist-add-item-btn:hover {
  background-color: #35D4D2;
  color: #F6F6F6;
  /* override default anchor link behaviour */
}
.breakdown-add-item-btn:active,
.shotlist-add-item-btn:active {
  background-color: #1FA3A2 !important;
}
.script-breakdown-sidebar {
  outline: none;
}
.script-breakdown-sidebar .script-scene-header {
  display: flex;
  cursor: pointer;
}
.script-breakdown-sidebar .scene-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.script-breakdown-sidebar .scene-header-menu {
  margin-right: 10px;
}
.script-breakdown-sidebar .scene-header-menu:hover {
  opacity: 0.75;
}
.script-breakdown-sidebar .scene-header-menu:active {
  opacity: 0.5;
}
.script-breakdown-sidebar .script-scene-sidebar .goog-toolbar {
  background-color: white !important;
}
.script-breakdown-sidebar .script-scene-sidebar .goog-toolbar .goog-toolbar-button {
  background-color: white !important;
}
.script-breakdown-sidebar .script-breakdown-toolbar.goog-toolbar {
  background: white !important;
}
.script-breakdown-sidebar .script-breakdown-toolbar.goog-toolbar .goog-toolbar-button {
  background: white;
}
.script-breakdown-sidebar .script-breakdown-toolbar.goog-toolbar .goog-toolbar-button button {
  border-radius: 20px;
  background: #F6F6F6;
}
.script-breakdown-sidebar .script-breakdown-toolbar.goog-toolbar .goog-toolbar-button button i {
  color: black;
}
.script-breakdown-sidebar .script-breakdown-toolbar.goog-toolbar .goog-toolbar-button button:hover {
  background: #c3c3c3;
}
.script-breakdown-addition-header,
.script-breakdown-toolbar {
  height: 40px;
  background: white;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}
.script-breakdown-addition-header {
  background: #181919;
  margin-top: 2px;
  height: unset;
  padding: 10px;
  /* For GVR Breakdown. Grrr... */
}
.script-breakdown-addition-header.game-breakdown-addition-header {
  padding-top: 9px;
  padding-bottom: 9px;
}
.script-breakdown-addition-header .goog-toolbar-button,
.script-breakdown-addition-header goog-toolbar-button-outer-box,
.script-breakdown-addition-header .goog-toolbar-button-inner-box {
  padding: 0;
  margin: 0;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.next-scene-btn,
.prev-scene-btn {
  color: black;
  font-size: 15px;
  margin-top: 5px;
}
.script-scene-summary-edit {
  width: 96%;
  margin-bottom: 0;
  margin-top: 8px;
}
.script-scene-prev {
  margin-right: 4px;
}
.script-scene-next {
  margin-left: 4px;
}
.script-view-container {
  height: 100%;
}
.breakdown-spreadsheet .flex-cell {
  background: #fff;
}
.breakdown-spreadsheet .flex-row:first-child {
  border-bottom: 1px solid #e0e0e0;
}
#breakdown-script-content-view,
#shot-list-script-content-view,
#sides-script-content-view {
  height: 100%;
  width: 100%;
  overflow: auto;
  vertical-align: top;
}
.production-container {
  height: 100%;
}
.catalog-category-contents {
  background: white;
  padding: 0px 20px;
  border-radius: 0px 0px 10px 10px;
  overflow: auto;
  transition: all 0.35s;
}
.catalog-category-collapsed .category-expand .cxi-down {
  transform: rotate(180deg);
}
.catalog-category {
  margin-bottom: 3px;
}
.catalog-category-header {
  background: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  cursor: pointer;
  outline-offset: -2px;
}
.catalog-category-header .catalog-category-title {
  padding: 5px;
  border-radius: 10px;
  color: black;
}
.catalog-category-header .category-expand {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
}
.catalog-category-header .category-expand i {
  transition: all 0.35s;
  font-size: 10px;
}
.catalog-category-header .category-item-count {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}
.script-scene-sidebar {
  display: inline-block;
  top: 20px;
  right: 40px;
  position: absolute;
  width: 220px;
  background: transparent;
  overflow: hidden;
}
.script-scene-sidebar .alert {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.script-scene-sidebar textarea {
  width: 340px;
}
.script-scene-sidebar .catalog-item input[type="checkbox"],
#breakdown-tab-container .catalog-item input[type="checkbox"] {
  margin: 0 10px 0 0;
}
.cx-projectpalette-container-inmodule .button-container-shotlist {
  display: none;
}
.cx-projectpalette-container-inmodule #breakdown-tab-container .cx-projectpalette-title-addbutton-container {
  display: none;
}
.cx-projectpalette-container-inmodule #shotlist-tab-container .cx-projectpalette-title-addbutton-container {
  margin-left: 0;
  margin-right: 0;
}
.script-scene-sidebar.static-side .cx-projectpalette-title-addbutton-container {
  margin-left: auto;
  margin-right: auto;
}
.catalog-category-contents .catalog-item {
  margin: 0 -20px;
  padding: 10px 20px;
  background: white;
  cursor: pointer;
  outline-offset: -2px;
  display: flex;
}
.catalog-category-contents .catalog-item a {
  color: #212121;
}
.catalog-category-contents .catalog-item .alert {
  color: #228c7e;
  background-color: #BBDFDD;
  border-color: #5b9e9b;
}
.catalog-category-contents .catalog-item:hover {
  background-color: #ededed !important;
}
.catalog-category-contents .catalog-item:active {
  background-color: #edf5fc !important;
}
.catalog-category-contents .catalog-item.highlighted,
.catalog-category-contents .catalog-item.selected {
  background: #edf5fc;
}
.breakdown-empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  padding: 20px;
  font-size: 12px;
  margin-top: 4px;
  border-radius: 10px;
  font-family: lato;
  height: 50px;
}
.breakdown-empty-state .empty-state-text {
  padding: 10px;
  font-weight: bold;
  border-radius: 2px;
  font-size: 12px;
  text-transform: uppercase;
}
.catalog-item-placeholder {
  cursor: pointer !important;
}
.grow-down {
  overflow-y: auto;
}
.production-title,
.production-nav {
  margin-left: 20px;
}
/*.catalog-view{
  margin: 0 20px;
}
 Must fix - clashes with catalog-view  -Jon
*/
.script-scene-sidebar .goog-toolbar {
  background-color: #f5f5f5 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.next-scene-btn,
.prev-scene-btn {
  color: white;
  font-size: 15px;
  margin-top: 5px;
}
.script-breakdown-toolbar.goog-toolbar {
  background: white !important;
  color: #333333;
  box-shadow: none;
  margin-bottom: 2px;
  border-bottom: none !important;
  min-height: 26px !important;
  padding: 0px 20px !important;
  /* Override goog-toolbar padding */
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif !important;
  /*Override goog-toolbar font-family */
  font-size: 13px;
}
.script-breakdown-toolbar.goog-toolbar input[type="checkbox"] {
  margin-right: 8px;
  margin-left: 0px;
  vertical-align: middle;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button:last-child .btn-toolbar {
  margin-right: 0 !important;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-outer-box,
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-inner-box {
  vertical-align: middle;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-outer-box .remove-btn,
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-inner-box .remove-btn {
  width: 28px !important;
  height: 26px;
  margin: 0;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-outer-box .remove-btn i,
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-inner-box .remove-btn i {
  font-size: 10px !important;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button {
  margin: 0 !important;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-inner-box,
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-outer-box {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-active {
  border: 0 !important;
  background: transparent !important;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-active .goog-toolbar-button-inner-box,
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button-active .goog-toolbar-button-outer-box {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button {
  background-color: transparent !important;
}
.script-breakdown-toolbar.goog-toolbar .goog-toolbar-button .btn-toolbar {
  opacity: 0.5;
}
.goog-toolbar.shotlist-prev-next {
  border-bottom: 0px;
  background-color: #3c3d3e !important;
  padding: 10px !important;
  min-height: unset;
  margin-top: 2px;
  color: #ffffff;
}
.breakdown-toolbar-btn {
  display: flex;
  width: 28px;
  height: 28px;
  background: #F6F6F6;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  font-size: 10px;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
  border-color: white;
}
.breakdown-toolbar-btn i {
  color: black;
}
.breakdown-toolbar-btn:hover {
  background: #c3c3c3;
}
.deleted-scene-contents {
  background-color: red;
}
.script-alert-container {
  position: relative;
}
.additem-name .goog-menuitem {
  text-align: left;
}
.new-item-address-map {
  height: 260px;
}
.add-item-dialog-right .new-item-address-map {
  width: 368px;
  height: 162px;
}
.add-item-dialog-right input.address-field {
  width: 169px;
}
.add-item-dialog-right input.address-field.pull-left {
  margin-right: 10px;
}
.add-item-dialog-right select.address-field {
  width: 179px;
}
.add-item-dialog-right select.address-field.pull-left {
  margin-right: 10px;
}
.location-modal {
  width: 800px;
}
.cog-btn {
  float: right;
}
.breakdown-settings-dialog-form input[type="checkbox"] {
  margin-top: 0px;
  margin-bottom: 2px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .script-scene-sidebar {
    width: 150px;
    border-right: 1px solid #ddd;
  }
  .script-scene-sidebar .script-breakdown-toolbar .add-btn {
    padding: 5px 25px;
  }
}
@media (max-width: 380px) {
  .script-scene-sidebar {
    width: 126px;
  }
}
.cat-item-edit-dialog {
  width: 650px;
}
.cat-item-edit-dialog .modal-dialog-content {
  width: 100%;
}
.cat-item-edit-dialog .modal-dialog-title i {
  margin-right: 2px;
}
.cat-item-edit-dialog .breakdownImageIconSpan {
  color: #F6F6F6;
}
.cat-item-edit-dialog button {
  background-color: #2FB5B4;
}
.cat-item-edit-dialog .react-accordion .react-accordion__item {
  padding: 4px 0px;
  border-bottom: 1px solid gray;
}
.cat-item-edit-dialog .react-accordion .react-accordion__item .react-accordion__item-heading {
  padding: 4px 0px !important;
  border-bottom: none !important;
}
.cat-item-edit-dialog .react-accordion .react-accordion__item .react-accordion__item-body {
  border-bottom: none !important;
}
.cat-item-edit-dialog .react-accordion .react-accordion__item.isDisabled {
  border-bottom: none !important;
}
.cat-item-edit-dialog .react-accordion .react-accordion__item.isDisabled .react-accordion__item-body {
  padding: unset !important;
}
.cat-item-edit-dialog .modal-dialog-buttons {
  width: 100%;
}
.scene-info-dialog .scene-summary-field {
  height: 100px;
}
.cat-item-edit-dialog .reset-to-script,
.scene-info-dialog .reset-to-script {
  color: #f6f6f6;
  text-transform: uppercase;
}
.cat-item-edit-dialog .reset-to-script:hover,
.scene-info-dialog .reset-to-script:hover {
  color: #ffffff;
}
.cat-item-edit-dialog .reset-to-script:active,
.scene-info-dialog .reset-to-script:active {
  color: #ffffff;
}
.cat-item-edit-dialog .modal-dialog-buttons,
.scene-info-dialog .modal-dialog-buttons {
  padding: 0 20px 20px 20px;
}
.cat-item-edit-dialog .modal-dialog-title-text,
.scene-info-dialog .modal-dialog-title-text {
  font-size: 12px !important;
}
.cat-item-edit-dialog #new-item-map,
.scene-info-dialog #new-item-map {
  width: unset;
}
.breakdown-item-popover {
  background-color: #3c3d3e;
  border-radius: 10px;
}
.breakdown-item-popover .popover-buttons {
  padding: 20px !important;
}
.breakdown-item-popover .popover-buttons .update-btn,
.breakdown-item-popover .popover-buttons .tag-btn {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
}
@media (hover) {
  .breakdown-item-popover .popover-buttons .update-btn:hover,
  .breakdown-item-popover .popover-buttons .tag-btn:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .breakdown-item-popover .popover-buttons .update-btn.secondary:hover,
  .breakdown-item-popover .popover-buttons .tag-btn.secondary:hover {
    background-color: #A859BD !important;
  }
}
.breakdown-item-popover .popover-buttons .update-btn:active,
.breakdown-item-popover .popover-buttons .tag-btn:active {
  background-color: #1FA3A2;
  color: #222222;
}
.breakdown-item-popover .popover-buttons .update-btn.secondary,
.breakdown-item-popover .popover-buttons .tag-btn.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .update-btn.secondary:active,
.breakdown-item-popover .popover-buttons .tag-btn.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .update-btn.create-pill,
.breakdown-item-popover .popover-buttons .tag-btn.create-pill,
.breakdown-item-popover .popover-buttons .update-btn.login-pill,
.breakdown-item-popover .popover-buttons .tag-btn.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.breakdown-item-popover .popover-buttons .update-btn.create-pill:hover,
.breakdown-item-popover .popover-buttons .tag-btn.create-pill:hover,
.breakdown-item-popover .popover-buttons .update-btn.login-pill:hover,
.breakdown-item-popover .popover-buttons .tag-btn.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.breakdown-item-popover .popover-buttons .update-btn.studio-pill,
.breakdown-item-popover .popover-buttons .tag-btn.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.breakdown-item-popover .popover-buttons .update-btn.studio-pill:hover,
.breakdown-item-popover .popover-buttons .tag-btn.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .update-btn.studio-pill:active,
.breakdown-item-popover .popover-buttons .tag-btn.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .update-btn.toolbar-pill,
.breakdown-item-popover .popover-buttons .tag-btn.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .update-btn.toolbar-pill:hover,
.breakdown-item-popover .popover-buttons .tag-btn.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .update-btn.toolbar-pill:active,
.breakdown-item-popover .popover-buttons .tag-btn.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .update-btn.add,
.breakdown-item-popover .popover-buttons .tag-btn.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.breakdown-item-popover .popover-buttons .update-btn.add:before,
.breakdown-item-popover .popover-buttons .tag-btn.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.breakdown-item-popover .popover-buttons .update-btn.cancel,
.breakdown-item-popover .popover-buttons .tag-btn.cancel,
.breakdown-item-popover .popover-buttons .update-btn.save-n-close,
.breakdown-item-popover .popover-buttons .tag-btn.save-n-close,
.breakdown-item-popover .popover-buttons .update-btn.close,
.breakdown-item-popover .popover-buttons .tag-btn.close,
.breakdown-item-popover .popover-buttons .update-btn.transparent,
.breakdown-item-popover .popover-buttons .tag-btn.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.breakdown-item-popover .popover-buttons .update-btn.cancel:hover,
.breakdown-item-popover .popover-buttons .tag-btn.cancel:hover,
.breakdown-item-popover .popover-buttons .update-btn.save-n-close:hover,
.breakdown-item-popover .popover-buttons .tag-btn.save-n-close:hover,
.breakdown-item-popover .popover-buttons .update-btn.close:hover,
.breakdown-item-popover .popover-buttons .tag-btn.close:hover,
.breakdown-item-popover .popover-buttons .update-btn.transparent:hover,
.breakdown-item-popover .popover-buttons .tag-btn.transparent:hover,
.breakdown-item-popover .popover-buttons .update-btn.cancel:active,
.breakdown-item-popover .popover-buttons .tag-btn.cancel:active,
.breakdown-item-popover .popover-buttons .update-btn.save-n-close:active,
.breakdown-item-popover .popover-buttons .tag-btn.save-n-close:active,
.breakdown-item-popover .popover-buttons .update-btn.close:active,
.breakdown-item-popover .popover-buttons .tag-btn.close:active,
.breakdown-item-popover .popover-buttons .update-btn.transparent:active,
.breakdown-item-popover .popover-buttons .tag-btn.transparent:active {
  background-color: transparent !important;
}
.breakdown-item-popover .popover-buttons .update-btn.cancel,
.breakdown-item-popover .popover-buttons .tag-btn.cancel {
  margin-right: 10px;
}
.breakdown-item-popover .popover-buttons .update-btn.close,
.breakdown-item-popover .popover-buttons .tag-btn.close,
.breakdown-item-popover .popover-buttons .update-btn.save-n-close,
.breakdown-item-popover .popover-buttons .tag-btn.save-n-close {
  padding: 0px;
  line-height: initial;
}
.breakdown-item-popover .popover-buttons .update-btn.close::before,
.breakdown-item-popover .popover-buttons .tag-btn.close::before,
.breakdown-item-popover .popover-buttons .update-btn.save-n-close::before,
.breakdown-item-popover .popover-buttons .tag-btn.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breakdown-item-popover .popover-buttons .update-btn.close::before,
.breakdown-item-popover .popover-buttons .tag-btn.close::before {
  content: '\e818';
}
.breakdown-item-popover .popover-buttons .update-btn.save-n-close::before,
.breakdown-item-popover .popover-buttons .tag-btn.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.breakdown-item-popover .popover-buttons .update-btn.disabled,
.breakdown-item-popover .popover-buttons .tag-btn.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.breakdown-item-popover .popover-buttons .update-btn.disabled:hover,
.breakdown-item-popover .popover-buttons .tag-btn.disabled:hover,
.breakdown-item-popover .popover-buttons .update-btn.disabled:active,
.breakdown-item-popover .popover-buttons .tag-btn.disabled:active {
  background-color: #868686 !important;
}
.breakdown-item-popover .popover-buttons .update-btn.upload,
.breakdown-item-popover .popover-buttons .tag-btn.upload {
  height: 40px;
}
.breakdown-item-popover .popover-buttons .update-btn.download,
.breakdown-item-popover .popover-buttons .tag-btn.download {
  text-transform: none;
  background-color: #292D30;
}
.breakdown-item-popover .popover-buttons .update-btn.download:hover,
.breakdown-item-popover .popover-buttons .tag-btn.download:hover,
.breakdown-item-popover .popover-buttons .update-btn.download:active,
.breakdown-item-popover .popover-buttons .tag-btn.download:active {
  background-color: #292D30 !important;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn,
.breakdown-item-popover .popover-buttons .remove-btn,
.breakdown-item-popover .popover-buttons .skip-tag-btn {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #222222;
  background-color: #2FB5B4;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
@media (hover) {
  .breakdown-item-popover .popover-buttons .tag-find-next-btn:hover,
  .breakdown-item-popover .popover-buttons .remove-btn:hover,
  .breakdown-item-popover .popover-buttons .skip-tag-btn:hover {
    background-color: #35D4D2;
    color: #222222;
  }
  .breakdown-item-popover .popover-buttons .tag-find-next-btn.secondary:hover,
  .breakdown-item-popover .popover-buttons .remove-btn.secondary:hover,
  .breakdown-item-popover .popover-buttons .skip-tag-btn.secondary:hover {
    background-color: #A859BD !important;
  }
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn:active,
.breakdown-item-popover .popover-buttons .remove-btn:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn:active {
  background-color: #1FA3A2;
  color: #222222;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.secondary,
.breakdown-item-popover .popover-buttons .remove-btn.secondary,
.breakdown-item-popover .popover-buttons .skip-tag-btn.secondary {
  background-color: #945CA3;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.secondary:active,
.breakdown-item-popover .popover-buttons .remove-btn.secondary:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.secondary:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.create-pill,
.breakdown-item-popover .popover-buttons .remove-btn.create-pill,
.breakdown-item-popover .popover-buttons .skip-tag-btn.create-pill,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.login-pill,
.breakdown-item-popover .popover-buttons .remove-btn.login-pill,
.breakdown-item-popover .popover-buttons .skip-tag-btn.login-pill {
  padding: 15.5px 33.5px;
  font-size: 18px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: #F6F6F6;
  border-radius: 100px;
  position: relative;
  font-weight: bold;
  letter-spacing: 1.08px;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.create-pill:hover,
.breakdown-item-popover .popover-buttons .remove-btn.create-pill:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.create-pill:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.login-pill:hover,
.breakdown-item-popover .popover-buttons .remove-btn.login-pill:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.login-pill:hover {
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.studio-pill,
.breakdown-item-popover .popover-buttons .remove-btn.studio-pill,
.breakdown-item-popover .popover-buttons .skip-tag-btn.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945CA3;
  color: #F6F6F6;
  height: 40px;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.studio-pill:hover,
.breakdown-item-popover .popover-buttons .remove-btn.studio-pill:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.studio-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.studio-pill:active,
.breakdown-item-popover .popover-buttons .remove-btn.studio-pill:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.studio-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.toolbar-pill,
.breakdown-item-popover .popover-buttons .remove-btn.toolbar-pill,
.breakdown-item-popover .popover-buttons .skip-tag-btn.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945CA3;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.toolbar-pill:hover,
.breakdown-item-popover .popover-buttons .remove-btn.toolbar-pill:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.toolbar-pill:hover {
  background-color: #A859BD !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.toolbar-pill:active,
.breakdown-item-popover .popover-buttons .remove-btn.toolbar-pill:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.toolbar-pill:active {
  background-color: #A245BA !important;
  color: #F6F6F6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.add,
.breakdown-item-popover .popover-buttons .remove-btn.add,
.breakdown-item-popover .popover-buttons .skip-tag-btn.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.add:before,
.breakdown-item-popover .popover-buttons .remove-btn.add:before,
.breakdown-item-popover .popover-buttons .skip-tag-btn.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.cancel,
.breakdown-item-popover .popover-buttons .remove-btn.cancel,
.breakdown-item-popover .popover-buttons .skip-tag-btn.cancel,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.save-n-close,
.breakdown-item-popover .popover-buttons .remove-btn.save-n-close,
.breakdown-item-popover .popover-buttons .skip-tag-btn.save-n-close,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.close,
.breakdown-item-popover .popover-buttons .remove-btn.close,
.breakdown-item-popover .popover-buttons .skip-tag-btn.close,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.transparent,
.breakdown-item-popover .popover-buttons .remove-btn.transparent,
.breakdown-item-popover .popover-buttons .skip-tag-btn.transparent {
  background-color: transparent;
  color: #F6F6F6;
  width: unset;
  min-width: unset;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.cancel:hover,
.breakdown-item-popover .popover-buttons .remove-btn.cancel:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.cancel:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.save-n-close:hover,
.breakdown-item-popover .popover-buttons .remove-btn.save-n-close:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.save-n-close:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.close:hover,
.breakdown-item-popover .popover-buttons .remove-btn.close:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.close:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.transparent:hover,
.breakdown-item-popover .popover-buttons .remove-btn.transparent:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.transparent:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.cancel:active,
.breakdown-item-popover .popover-buttons .remove-btn.cancel:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.cancel:active,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.save-n-close:active,
.breakdown-item-popover .popover-buttons .remove-btn.save-n-close:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.save-n-close:active,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.close:active,
.breakdown-item-popover .popover-buttons .remove-btn.close:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.close:active,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.transparent:active,
.breakdown-item-popover .popover-buttons .remove-btn.transparent:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.transparent:active {
  background-color: transparent !important;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.cancel,
.breakdown-item-popover .popover-buttons .remove-btn.cancel,
.breakdown-item-popover .popover-buttons .skip-tag-btn.cancel {
  margin-right: 10px;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.close,
.breakdown-item-popover .popover-buttons .remove-btn.close,
.breakdown-item-popover .popover-buttons .skip-tag-btn.close,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.save-n-close,
.breakdown-item-popover .popover-buttons .remove-btn.save-n-close,
.breakdown-item-popover .popover-buttons .skip-tag-btn.save-n-close {
  padding: 0px;
  line-height: initial;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.close::before,
.breakdown-item-popover .popover-buttons .remove-btn.close::before,
.breakdown-item-popover .popover-buttons .skip-tag-btn.close::before,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.save-n-close::before,
.breakdown-item-popover .popover-buttons .remove-btn.save-n-close::before,
.breakdown-item-popover .popover-buttons .skip-tag-btn.save-n-close::before {
  font-family: "celtxicons";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 1em;
  margin-right: 0.2em;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  font-size: 120%;
  color: #F6F6F6;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.close::before,
.breakdown-item-popover .popover-buttons .remove-btn.close::before,
.breakdown-item-popover .popover-buttons .skip-tag-btn.close::before {
  content: '\e818';
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.save-n-close::before,
.breakdown-item-popover .popover-buttons .remove-btn.save-n-close::before,
.breakdown-item-popover .popover-buttons .skip-tag-btn.save-n-close::before {
  content: '\e801';
  color: #2FB5B4;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.disabled,
.breakdown-item-popover .popover-buttons .remove-btn.disabled,
.breakdown-item-popover .popover-buttons .skip-tag-btn.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.disabled:hover,
.breakdown-item-popover .popover-buttons .remove-btn.disabled:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.disabled:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.disabled:active,
.breakdown-item-popover .popover-buttons .remove-btn.disabled:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.disabled:active {
  background-color: #868686 !important;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.upload,
.breakdown-item-popover .popover-buttons .remove-btn.upload,
.breakdown-item-popover .popover-buttons .skip-tag-btn.upload {
  height: 40px;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.download,
.breakdown-item-popover .popover-buttons .remove-btn.download,
.breakdown-item-popover .popover-buttons .skip-tag-btn.download {
  text-transform: none;
  background-color: #292D30;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.download:hover,
.breakdown-item-popover .popover-buttons .remove-btn.download:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn.download:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn.download:active,
.breakdown-item-popover .popover-buttons .remove-btn.download:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.download:active {
  background-color: #292D30 !important;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn:hover,
.breakdown-item-popover .popover-buttons .remove-btn:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn:hover,
.breakdown-item-popover .popover-buttons .tag-find-next-btn:active,
.breakdown-item-popover .popover-buttons .remove-btn:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn:active {
  background-color: transparent !important;
}
.breakdown-item-popover .rc-select,
.modal-dialog .rc-select,
.breakdown-item-popover .rc-select {
  position: unset !important;
}
.breakdown-item-popover .rc-select .input-controls-container .input-container .input-field,
.modal-dialog .rc-select .input-controls-container .input-container .input-field,
.breakdown-item-popover .rc-select .input-controls-container .input-container .input-field {
  width: unset !important;
  text-indent: 1px;
}
.breakdown-item-popover .rc-select .menu-list,
.modal-dialog .rc-select .menu-list,
.breakdown-item-popover .rc-select .menu-list {
  top: unset !important;
  position: fixed !important;
}
.breakdown-load {
  visibility: hidden;
}
.script-breakdown-list {
  max-height: 900px;
}
.form-error {
  color: #e23955;
}
.editor-content {
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (device-width: 768px) {
  .editor-content {
    overflow: auto;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .editor-content {
    overflow: auto;
  }
}
div.budget-container {
  background-color: #F6F6F6;
}
div.budget-container.reportsView {
  background-color: #5A5A5A;
}
div.budget-container:before,
div.budget-container:after {
  display: table;
  content: "";
}
div.budget-container:after {
  clear: both;
}
div.budget-container .print-title {
  display: none;
}
div.budget-container .header a.btn {
  margin-left: 10px;
  padding: 2px 10px;
}
div.budget-container .header .displayCol {
  display: none;
  margin-right: 5px;
}
div.budget-container .header .displayColEdit {
  display: inline;
}
div.budget-container .header .topNameEdit {
  min-width: 350px;
  max-width: 750px;
  display: inline-block;
}
div.budget-container .header .topAcctNo {
  max-width: 72px;
  display: inline-block;
  margin-left: 4px;
  margin-right: 10px;
}
div.budget-container .header.disabled {
  margin-bottom: 10px;
}
div.budget-container .hidden {
  display: none;
}
div.budget-container table .displayCol {
  width: 15px;
  display: none;
}
div.budget-container table .displayColEdit {
  display: table-cell;
}
div.budget-container table .acctColEdit {
  width: 46px;
  white-space: nowrap;
}
div.budget-container table .episodeNumberSelect {
  margin-bottom: 0px;
  height: 26px;
  width: 150px;
}
div.budget-container table .unitSelect {
  margin-bottom: 0px;
  height: 26px;
  width: 96px;
  cursor: pointer;
}
div.budget-container table .unitSelect:disabled {
  cursor: default;
}
div.budget-container table th.rateCol {
  text-align: right;
  max-width: 150px;
  vertical-align: middle;
  min-width: 100px;
}
div.budget-container table td.rateCol {
  text-align: right;
  vertical-align: middle;
  min-width: 100px;
  display: flex;
}
div.budget-container table td.rateCol span[id^="hideUnit-"] {
  display: inline-flex;
  flex: 1;
}
div.budget-container table td.rateCol span[id^="hideUnit-"].hidden {
  width: 0;
  flex: 0;
}
div.budget-container table td.rateCol span[id^="hideUnit-"] .mult {
  margin: 0 2px;
}
div.budget-container table td.rateCol .rate-field {
  display: inline-flex;
  flex: 1;
}
div.budget-container table td.rateCol .rate-field.rate-med {
  width: 50%;
}
div.budget-container table td.rateCol .rate-field .add-global {
  order: -1;
  position: absolute;
  margin: 4px 2px;
  font-size: 10px;
}
div.budget-container table td.rateCol .rate-field .add-global:hover {
  cursor: pointer;
}
div.budget-container table td.rateCol .rate-field input {
  width: 100% !important;
}
div.budget-container table td.rateCol .rate-field input.rate-med {
  width: 50% !important;
}
div.budget-container table td.rateCol .rate-field input.active-global {
  color: #3bbdb5;
}
div.budget-container table .totalCol,
div.budget-container table .actualTotalCol,
div.budget-container table .varianceCol,
div.budget-container table .paidCol,
div.budget-container table .payableCol {
  width: 100px;
  text-align: right;
}
div.budget-container table .fringeCol {
  text-align: right;
}
div.budget-container table .fringeSelect {
  width: 100%;
  box-sizing: border-box;
  min-height: 25px;
  padding: 4px;
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 0px;
  text-align: right;
}
div.budget-container table .fringeSelect .icon-edit {
  margin-right: 8px;
}
div.budget-container table .fringe-totalCol {
  width: 65px;
  text-align: right;
}
div.budget-container table tr > td.varianceCol.warning {
  color: red;
}
div.budget-container table tr > td.varianceCol.positive {
  color: green;
}
div.budget-container table .acctCol {
  width: 136px;
}
div.budget-container table .acctCol .fa-minus-square-o {
  display: none;
}
div.budget-container table .multiplierCol {
  max-width: 52px;
}
div.budget-container table .unitCol {
  max-width: 95px;
}
div.budget-container table tr.categoryRow {
  cursor: pointer;
}
div.budget-container table tr.categoryRow.open {
  color: #2a5e7d;
}
div.budget-container table tr.categoryRow.open:hover {
  color: #2FB5B4;
}
div.budget-container table tr.categoryRow.open .acctCol .fa-minus-square-o {
  display: inline-block;
}
div.budget-container table tr.categoryRow.open .acctCol .fa-plus-square-o {
  display: none;
}
div.budget-container table tr.clickable {
  color: #2FB5B4;
}
div.budget-container table td,
div.budget-container table th {
  vertical-align: middle;
  padding: 6px;
}
div.budget-container table td.budgetCatalogDetailCell {
  padding: 0px;
  -ms-overflow-style: none;
}
div.budget-container table table.budgetCatalogDetail {
  width: 100%;
}
div.budget-container table table.budgetCatalogDetail th {
  background: #F6F6F6;
  padding: 3px 6px;
}
div.budget-container table table.budgetCatalogDetail td {
  background: #F6F6F6;
  padding: 3px 6px;
}
div.budget-container table table.budgetCatalogDetail td a.btn {
  margin-right: 5px;
}
div.budget-container table table.budgetCatalogDetail td a.importCatBtn {
  margin-left: 5px;
}
div.budget-container h2 {
  padding: 10px;
}
div.budget-container input.editable,
div.budget-container input.editableNumeric {
  display: block;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: 3px 6px;
  height: 18px;
  min-height: 26px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
}
div.budget-container input.editable br,
div.budget-container input.editableNumeric br {
  display: none;
}
div.budget-container input.editable *,
div.budget-container input.editableNumeric * {
  display: inline;
  white-space: nowrap;
}
div.budget-container input.editable:disabled,
div.budget-container input.editableNumeric:disabled {
  cursor: default;
}
div.budget-container input.rate {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
div.budget-container input.rate-short {
  width: 33% !important;
}
div.budget-container input.rate-med {
  width: 50% !important;
}
div.budget-container span.mult {
  line-height: 26px;
}
div.budget-container input#desc {
  width: 95%;
}
div.budget-container input.editable:focus,
div.budget-container input.editableNumeric:focus {
  -webkit-box-shadow: 0 0 5px #0088cc;
  -moz-box-shadow: 0 0 5px #0088cc;
  box-shadow: 0 0 5px #0088cc;
}
div.budget-container input.catEditable {
  width: 40px;
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  min-width: 14px;
}
div.budget-container input.descCatEditable {
  float: left;
  min-width: 350px;
  max-width: 750px;
}
div.budget-container div.acctLabel {
  display: inline-block;
  vertical-align: middle;
}
div.budget-container div.totalDiv {
  padding: 4px 0px;
  min-height: 18px;
}
div.budget-container .expand-select-container,
div.budget-container .rate-order-select-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px;
}
div.budget-container .expand-select-container .goog-toolbar-menu-button-inner-box,
div.budget-container .rate-order-select-container .goog-toolbar-menu-button-inner-box {
  width: 115px;
  background-color: white;
  padding: 10px;
}
div.budget-container .expand-select-container .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption,
div.budget-container .rate-order-select-container .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption {
  max-width: unset !important;
  white-space: normal !important;
}
div.budget-container .expand-select-container .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-dropdown,
div.budget-container .rate-order-select-container .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-dropdown {
  position: absolute;
  right: 9px;
}
@media screen and (max-width: 1400px) {
  div.budget-container .expand-select-container:not(:empty) + div#reports-container {
    margin-top: 60px;
  }
  div.budget-container .rate-order-select-container:not(:empty) + div#reports-container {
    margin-top: 60px;
  }
  div.budget-container .expand-select-container,
  div.budget-container .rate-order-select-container {
    margin: 10px;
    flex-direction: unset;
  }
  div.budget-container .expand-select-container .goog-toolbar-menu-button,
  div.budget-container .rate-order-select-container .goog-toolbar-menu-button {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
}
div.budget-container div#reports-container {
  padding: 20px;
  background: white;
  width: 815px;
  margin: 10px auto;
}
div.budget-container div#reports-container .unitSelect {
  border: none !important;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  padding: 0px;
  direction: rtl;
  width: 65px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.budget-container div#reports-container input.editable,
div.budget-container div#reports-container input.editableNumeric {
  border: none;
  max-width: 200px;
  min-height: 18px;
  cursor: default;
}
div.budget-container div#reports-container tr.categoryRow {
  cursor: default;
}
div.budget-container div#reports-container td {
  width: auto;
  min-width: 45px;
}
div.budget-container div#reports-container table.budgetCatalogDetail {
  width: auto;
}
div.budget-container div#reports-container table.fringeCatalogDetail {
  width: 100% !important;
}
div.budget-container div#reports-container td.budgetCatalogDetailCell {
  padding: 0px;
  border-left: none;
}
div.budget-container div#reports-container tr.controls {
  display: none;
}
div.budget-container div#reports-container div.totalDiv {
  width: 100%;
}
div.budget-container div#reports-container .grandTotal .grandTotalLabel {
  width: 121px;
}
select.fringeUnitSelect,
select.globalSelect {
  width: 99px;
  margin: 0px;
}
div.show-nav {
  padding-right: 20px;
}
form#csvForm {
  display: none;
}
table.catalogItemTable {
  width: 100%;
  padding: 0 15px;
}
table.catalogItemTable th {
  text-align: left;
}
table.catalogItemTable th.checkCol {
  width: 30px;
}
.importDialog h5 {
  float: left;
  clear: both;
}
.importDialog tr.importCatRow {
  cursor: pointer;
}
.importDialog .nameCol {
  width: 220px;
}
.importDialog .catalogCatCol {
  width: 220px;
}
.importDialog .inactive {
  color: darkgray;
}
.importDialog div.catalogItemTableContainer {
  height: 200px;
  max-height: 200px;
  overflow: auto;
  float: left;
  width: 100%;
}
div#editCategoryControls {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 6px;
  vertical-align: middle;
}
div#editCategoryControls .editingCats {
  position: relative;
  font-weight: normal;
  font-style: italic;
  color: #aaa;
  vertical-align: top;
  font-size: 18px;
  margin-left: 6px;
  display: inline-block;
  line-height: 28px;
}
div#editCategoryControls .editingCats {
  top: -9px;
}
div#editCategoryControls #editCatSave,
div#editCategoryControls #editCatCancel {
  margin-top: -12px;
  vertical-align: inherit;
}
#editCatSave {
  color: #468847;
  margin-left: 12px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
#editCatCancel {
  color: #FF6052;
  margin-left: 12px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
a.addCatButton {
  margin-left: 8px;
  margin-bottom: 26px;
}
a.removeCatButton {
  float: right;
  padding-left: 8px;
  padding-right: 8px;
  height: 16px;
}
.topSheetView .displayCol {
  display: none !important;
}
.topSheetView .categoryRow {
  cursor: auto !important;
}
.budgetCatalogSideTitle {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  font-size: 9px;
  margin-left: 1px;
  color: white;
  font-weight: 100;
  margin-top: 100%;
  padding-right: 6px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  overflow: visible;
  width: 2000px;
  text-align: right;
  position: absolute;
  top: 1988px;
  left: 0;
  letter-spacing: 1px;
}
.budgetCatalogSideTitle-container {
  position: absolute;
  overflow-y: hidden;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
}
.budgetCatalogDetailCell {
  position: relative;
  overflow-y: hidden;
}
.budgetCatalogDetail-container {
  position: relative;
}
.budgetCatalogDetail-container .newItemBtn,
.budgetCatalogDetail-container .removeItemBtn {
  background: #fafafa;
  border: 1px solid #cccccc;
  margin: 0 3px;
  padding: 3px;
  font-size: 11px;
}
.budgetCatalogDetail-container .newItemBtn:hover,
.budgetCatalogDetail-container .removeItemBtn:hover {
  background: #ffffff;
}
.budgetCatalogDetail-container .newItemBtn:active,
.budgetCatalogDetail-container .removeItemBtn:active {
  background: #ededed !important;
}
#reports-container .acctCol .fa-minus-square-o,
#reports-container .acctCol .fa-plus-square-o {
  display: none;
}
.budgetnav.sidenav {
  height: calc(100vh - 88px);
  overflow: auto;
}
.budgetnav.sidenav ol.budgetnav-list {
  height: 100%;
  overflow: auto;
}
.budgetnav-header#category-header {
  background-color: #636465 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 13px;
  height: 20px;
}
.budgetnav-list-item-name {
  text-transform: uppercase;
}
.editableNumeric {
  text-align: right;
}
.default-currency-view-tab {
  border-top: 5px solid #2980b9;
}
.default-currency-view-tab,
.custom-currency-view-tab {
  color: #222222;
  height: 35px;
  margin: -3px 1px 0;
  border-top-left-radius: 15px;
  font-size: 11px;
  border-bottom: none;
  border-left: none;
  border-right: none;
  width: 145px;
  border-top-right-radius: 15px;
}
.default-currency-view-tab i,
.custom-currency-view-tab i {
  font-size: 9px;
  padding-right: 5px;
}
.default-currency-view-tab:hover,
.custom-currency-view-tab:hover {
  background-color: #ffffff;
}
.default-currency-view-tab:active,
.custom-currency-view-tab:active {
  background-color: #e9e9e9 !important;
}
.default-currency-view-tab.active,
.custom-currency-view-tab.active {
  color: #222222 !important;
}
#toolbar-container .goog-toolbar {
  border-bottom: 1px solid #aaa;
  height: 32px;
}
#toolbar-container .goog-toolbar-select .goog-toolbar-menu-button-outer-box,
#toolbar-container .goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border: none !important;
}
#currency-container {
  background-color: #636465;
  height: 42px;
}
#currency-views {
  display: inline-flex;
  margin: 11px 0 0 10px;
}
#currency-views .icon-edit {
  margin-right: 5px;
}
#currency-views .add-currency-view-tab {
  margin-left: 5px;
  display: inline-flex !important;
  align-items: center;
}
.modal-dialog button[name="remove"] {
  background-color: #ed5f5b;
  color: white;
  margin-right: 5px;
}
.fringe-form a.btn,
.global-form a.btn,
.fringe-form button.btn,
.global-form button.btn {
  margin-left: 10px;
  border: none;
  box-shadow: none;
  text-shadow: none;
  background-color: #6E6E6E;
  color: white;
}
.fringe-form a.btn.fringe-add-btn-right,
.global-form a.btn.fringe-add-btn-right,
.fringe-form button.btn.fringe-add-btn-right,
.global-form button.btn.fringe-add-btn-right {
  margin-left: 639px;
}
.fringe-form a.btn:hover,
.global-form a.btn:hover,
.fringe-form button.btn:hover,
.global-form button.btn:hover {
  background-color: #949494;
}
.fringe-form a.btn:active,
.global-form a.btn:active,
.fringe-form button.btn:active,
.global-form button.btn:active {
  background-color: #616161 !important;
}
.fringe-form button.btn:focus,
.global-form button.btn:focus {
  outline: none;
}
.fringe-form.apply-fringes-form table tbody tr td,
.global-form.apply-fringes-form table tbody tr td,
.fringe-form apply-globals-form table tbody tr td,
.global-form apply-globals-form table tbody tr td {
  padding: 0 6px;
}
.fringe-form input,
.global-form input {
  margin-bottom: 0px;
}
.fringe-form input[name="total"],
.global-form input[name="total"] {
  background-color: #bbb;
}
.fringe-form input[name="total"]::-webkit-inner-spin-button,
.global-form input[name="total"]::-webkit-inner-spin-button,
.fringe-form input[name="total"]::-webkit-outer-spin-button,
.global-form input[name="total"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fringe-form .narrow-fringe-field,
.global-form .narrow-fringe-field,
.fringe-form .narrow-global-field,
.global-form .narrow-global-field {
  width: 50px;
}
.fringe-form .wide-fringe-field,
.global-form .wide-fringe-field,
.fringe-form .wide-global-field,
.global-form .wide-global-field {
  width: 210px;
}
.fringe-form .med-global-field,
.global-form .med-global-field {
  width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  overflow: hidden;
}
.fringe-form.apply-globals-form .narrow-global-field,
.global-form.apply-globals-form .narrow-global-field,
.fringe-form.apply-globals-form .med-global-field,
.global-form.apply-globals-form .med-global-field,
.fringe-form.apply-globals-form .wide-global-field,
.global-form.apply-globals-form .wide-global-field {
  padding: 0 6px;
  display: inline-block;
}
.fringe-form th,
.global-form th {
  padding: 0 6px;
  display: inline-block;
}
.fringe-form tbody,
.global-form tbody,
.fringe-form thead tr,
.global-form thead tr {
  display: block;
}
.fringe-form tbody,
.global-form tbody {
  max-height: 150px;
  overflow-y: auto;
  padding-right: 15px;
  width: 695px;
}
.fringe-form tbody tr,
.global-form tbody tr {
  padding-right: 15px;
}
.fringe-form tfoot,
.global-form tfoot {
  display: block;
  padding-right: 14px;
}
.fringe-form .add-percentage-fringe-row,
.global-form .add-percentage-fringe-row,
.fringe-form .add-flat-fringe-row,
.global-form .add-flat-fringe-row {
  float: right;
  padding-right: 15px;
  padding-top: 2px;
}
.global-form tbody {
  display: block;
  overflow-x: hidden;
  max-height: 120px;
}
.fringe-report-container {
  width: auto !important;
}
.noFringes,
.noGlobals {
  text-align: center;
  font-size: 16px;
}
.globalCurrencySelect[disabled] {
  color: grey;
  background-color: lightgrey;
}
body {
  counter-reset: budget-items-counter budget-ts-items-counter;
}
.acctColWithCounter:before {
  counter-increment: budget-items-counter;
  content: counter(budget-items-counter);
}
.topSheetAcctColWithCounter:before {
  counter-reset: none;
  counter-increment: budget-ts-items-counter;
  content: counter(budget-ts-items-counter);
}
.aicpTopSheetRow {
  text-transform: uppercase;
  font-weight: bold;
}
.budget-container {
  counter-reset: budget-categories-counter;
}
.topAcctNoWithCounter {
  counter-increment: budget-categories-counter;
}
.topAcctNoWithCounter:before {
  content: counter(budget-categories-counter, upper-alpha);
}
.aicp-top-sheet-form-container:hover {
  background-color: #c8fbff;
  cursor: pointer;
}
.aicp-top-sheet-form-comment-container:hover {
  background-color: #c8fbff;
  cursor: pointer;
}
.aicp-top-sheet-form-container:hover .aicp-top-sheet-form {
  opacity: 0.2;
}
.aicp-top-sheet-form-container:hover .aicp-top-sheet-form-overlay {
  opacity: 0.75;
}
.aicp-top-sheet-form-comment-container:hover .aicp-top-sheet-form {
  opacity: 0.2;
}
.aicp-top-sheet-form-comment-container:hover .aicp-top-sheet-form-overlay {
  opacity: 0.75;
}
.aicp-top-sheet-form-container {
  height: 525px;
  width: 600px;
  overflow: hidden;
  position: relative;
}
.aicp-top-sheet-form-comment-container {
  height: 262.5px;
  width: 1200px;
  border: 1px solid #999999;
  overflow: hidden;
  position: relative;
}
.aicp-top-sheet-form-container-for-print {
  display: none;
}
.aicp-top-sheet-form-container-table {
  width: 1200px;
  margin: 5px auto;
}
.aicp-top-sheet-form {
  position: absolute;
  width: 600px;
}
.aicp-top-sheet-form-overlay {
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 600px;
  transform: translate(0, -50%);
  left: 0px;
  right: 0px;
  text-align: center;
  font-size: 30px;
}
.aicp-top-sheet-form-comment-overlay {
  width: 1200px;
}
table.aicp-top-sheet-form-table {
  width: 100%;
}
table.aicp-top-sheet-form-table td {
  padding: 2px;
}
.aicp-top-sheet-form-display-value-long {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 420px;
}
.aicp-top-sheet-form-display-value-short {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}
.aicp-top-sheet-form-display-value-med {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}
.aicp-header {
  text-align: center;
}
#createNewCurrencySelect .goog-inline-block.goog-menu-button {
  border-radius: 4px;
  width: 200px;
}
.editor-scrollable {
  overflow: auto;
}
.editor-scrollable::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.editor-scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.editor-scrollable::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
td.fc-widget-content {
  background: #eee;
  color: #222;
}
td.fc-widget-content.workday {
  background-color: #dff0d8;
  color: #468847;
}
td.fc-widget-content.fc-today {
  background-color: #fdcfbf;
  color: #f7612c;
}
td.fc-widget-content.fc-past.workday {
  background-color: #e5efe1;
  color: #9abb9b;
}
td.fc-widget-content.fc-today.workday {
  background-color: #f4d9c7;
  color: #c26d34;
}
span.cx-event-remove {
  display: inline;
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: inherit;
  border-color: transparent;
  cursor: pointer;
  color: #2FB5B4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
  float: right;
}
span.cx-event-remove.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
span.cx-event-remove.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
span.cx-event-remove.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
span.cx-event-remove:active {
  background: #1FA3A2 !important;
  outline: none;
}
span.cx-event-remove *[class^="icon-"] {
  margin-top: -1px;
}
.fc-event.event-unit-move {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  background-image: -moz-linear-gradient(top, #426de6, #425fe6);
  background-image: -ms-linear-gradient(top, #426de6, #425fe6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#426de6), to(#425fe6));
  background-image: -webkit-linear-gradient(top, #426de6, #425fe6);
  background-image: -o-linear-gradient(top, #426de6, #425fe6);
  background-image: linear-gradient(top, #426de6, #425fe6);
  background-repeat: repeat-x;
  border-color: #425fe6 #425fe6 #1a38c2;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #426de6;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #fff !important;
}
.fc-event.event-unit-move.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.fc-event.event-unit-move.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.fc-event.event-unit-move.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.fc-event.event-unit-move:active {
  background: #1FA3A2 !important;
  outline: none;
}
.fc-event.event-unit-move:hover,
.fc-event.event-unit-move:active,
.fc-event.event-unit-move.active {
  background: #4268e6 !important;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-unit-move:active,
.fc-event.event-unit-move.active {
  background: #1d3ed8 \9;
}
.fc-event.event-unit-move .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.fc-event.event-unit-move.btn-plain {
  text-shadow: none;
}
.fc-event.event-set-shift {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  background-image: -moz-linear-gradient(top, #b42eda, #c22eda);
  background-image: -ms-linear-gradient(top, #b42eda, #c22eda);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b42eda), to(#c22eda));
  background-image: -webkit-linear-gradient(top, #b42eda, #c22eda);
  background-image: -o-linear-gradient(top, #b42eda, #c22eda);
  background-image: linear-gradient(top, #b42eda, #c22eda);
  background-repeat: repeat-x;
  border-color: #c22eda #c22eda #8d1c9f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #b42eda;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #fff !important;
}
.fc-event.event-set-shift.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.fc-event.event-set-shift.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.fc-event.event-set-shift.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.fc-event.event-set-shift:active {
  background: #1FA3A2 !important;
  outline: none;
}
.fc-event.event-set-shift:hover,
.fc-event.event-set-shift:active,
.fc-event.event-set-shift.active {
  background: #ba2eda !important;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-set-shift:active,
.fc-event.event-set-shift.active {
  background: #a020b5 \9;
}
.fc-event.event-set-shift .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.fc-event.event-set-shift.btn-plain {
  text-shadow: none;
}
.fc-event.event-moving {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -ms-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ecc71), to(#2ecc99));
  background-image: -webkit-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: -o-linear-gradient(top, #2ecc71, #2ecc99);
  background-image: linear-gradient(top, #2ecc71, #2ecc99);
  background-repeat: repeat-x;
  border-color: #2ecc99 #2ecc99 #208e6a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #2ecc71;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.fc-event.event-moving.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.fc-event.event-moving.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.fc-event.event-moving.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.fc-event.event-moving:active {
  background: #1FA3A2 !important;
  outline: none;
}
.fc-event.event-moving.btn-plain {
  text-shadow: none;
}
.fc-event.event-moving:hover,
.fc-event.event-moving:active,
.fc-event.event-moving.active {
  background: #2ecc81 !important;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-moving:active,
.fc-event.event-moving.active {
  background: #25a279 \9;
}
.fc-event.event-moving .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.fc-event.event-startdate {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #ee5f5b;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.fc-event.event-startdate.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.fc-event.event-startdate.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.fc-event.event-startdate.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.fc-event.event-startdate:active {
  background: #1FA3A2 !important;
  outline: none;
}
.fc-event.event-startdate.btn-plain {
  text-shadow: none;
}
.fc-event.event-startdate:hover,
.fc-event.event-startdate:active,
.fc-event.event-startdate.active {
  background: #da4f49 !important;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-startdate:active,
.fc-event.event-startdate.active {
  background: #942a25 \9;
}
.fc-event.event-startdate:focus {
  background: #FF6052 !important;
  outline: none;
}
.fc-event.event-startdate:active {
  background: #ff4938 !important;
  outline: none;
}
.fc-event.event-startdate .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.fc-event.event-dayoff {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #fbb450;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.fc-event.event-dayoff.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.fc-event.event-dayoff.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.fc-event.event-dayoff.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.fc-event.event-dayoff:active {
  background: #1FA3A2 !important;
  outline: none;
}
.fc-event.event-dayoff.btn-plain {
  text-shadow: none;
}
.fc-event.event-dayoff:hover,
.fc-event.event-dayoff:active,
.fc-event.event-dayoff.active {
  background: #faa732 !important;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-dayoff:active,
.fc-event.event-dayoff.active {
  background: #c67605 \9;
}
.fc-event.event-dayoff .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.fc-event.event-prep {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #5bc0de;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.fc-event.event-prep.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.fc-event.event-prep.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.fc-event.event-prep.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.fc-event.event-prep:active {
  background: #1FA3A2 !important;
  outline: none;
}
.fc-event.event-prep.btn-plain {
  text-shadow: none;
}
.fc-event.event-prep:hover,
.fc-event.event-prep:active,
.fc-event.event-prep.active {
  background: #49afcd !important;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-prep:active,
.fc-event.event-prep.active {
  background: #24748c \9;
}
.fc-event.event-prep .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.fc-event.event-shoot {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -ms-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4fc0e8), to(#4f9ae8));
  background-image: -webkit-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: -o-linear-gradient(top, #4fc0e8, #4f9ae8);
  background-image: linear-gradient(top, #4fc0e8, #4f9ae8);
  background-repeat: repeat-x;
  border-color: #4f9ae8 #4f9ae8 #1b73cf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #4fc0e8;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.fc-event.event-shoot.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.fc-event.event-shoot.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.fc-event.event-shoot.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.fc-event.event-shoot:active {
  background: #1FA3A2 !important;
  outline: none;
}
.fc-event.event-shoot.btn-plain {
  text-shadow: none;
}
.fc-event.event-shoot:hover,
.fc-event.event-shoot:active,
.fc-event.event-shoot.active {
  background: #4fb1e8 !important;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-shoot:active,
.fc-event.event-shoot.active {
  background: #2280e2 \9;
}
.fc-event.event-shoot .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.fc-event-title {
  padding: 0 !important;
}
.fc-event-inner {
  text-align: left !important;
}
.cx-event-remove {
  margin-right: -8px;
}
#calendar-grid {
  background: #F6F6F6;
  margin: 0 auto 25px;
}
.schedulereports-content {
  width: 820px;
  margin: 10px auto;
}
.schedulereports-content.day-out-of-days-content {
  width: auto;
  margin: 10px auto;
  padding: 0 30px;
  min-width: 820px;
}
.tabber-reports .tabber-contents,
.tabber-reports .tabber-tab.active a {
  background: #ffffff;
}
.schedule-improved .schedulereports-content #schedulereports-buttons {
  position: fixed;
  margin-top: -50px;
  z-index: 2;
  width: inherit;
  padding-top: 50px;
  background-color: #5A5A5A;
}
.schedule-improved .schedulereports-content.day-out-of-days-content {
  width: 910px;
  margin: auto;
  padding: 50px 0px 0px 200px;
  min-width: 910px;
}
.schedule-improved #schedulereports-container {
  padding-top: 50px;
  z-index: 0;
  position: relative;
}
.schedule-improved .dood-content {
  padding: 0px;
}
.schedule-improved .resource-conflict-report-table {
  width: 100%;
  background-color: #fff;
}
.scene-summary-row-length,
.reporttablerow-scenelength,
.reporttablerow-lengthestimate {
  min-width: 60px;
}
.schedule-start-contacts {
  width: 100px;
}
.dood-container {
  max-width: 100%;
}
.dood-content {
  overflow: auto;
  max-width: 100%;
}
.dood-report-table {
  max-width: 100%;
  background-color: #fff;
}
.dood-report-table th.sortable-cell {
  cursor: pointer;
}
.dood-report-table th.sortable-cell .ascending-arrow {
  margin-left: 5px;
}
.dood-report-table th.sortable-cell .ascending-arrow::before {
  rotate: 270deg;
}
.dood-report-table th.sortable-cell .descending-arrow {
  margin-left: 5px;
}
.dood-report-table th.sortable-cell .descending-arrow::before {
  rotate: 90deg;
}
.dood-report-table td,
.dood-report-table th {
  overflow: hidden;
  word-break: normal;
  white-space: nowrap;
  text-align: center !important;
  max-width: 130px;
  text-overflow: ellipsis;
}
.dood-report-table .empty-shoot-day {
  background-color: #f5f5f5;
}
.dood-report-table .character-row td {
  padding: 4px 8px !important;
}
.select_googcal_msg {
  margin-bottom: 10px;
}
#schedule-report-sidebar-shoot-day-list .loading-spinner-big {
  margin: auto;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  list-style: none;
}
.scene-list-footer {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  position: fixed;
  bottom: 0%;
  width: 100%;
  background-color: #efeeec;
  color: #2b292a;
  padding: 5px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 24px;
}
.scene-list-footer .duration {
  margin-right: 10px;
}
.scene-list-footer .scene-count-field,
.scene-list-footer .duration-field {
  font-weight: bold;
}
.scene-list-footer .details {
  margin-left: 5px;
}
.scene-list-print-footer {
  display: none;
}
input.cx-timeinputfield {
  width: 55px;
  text-align: center;
}
.scenesum-row-scenename {
  float: left;
}
.scenesum-row-scenesum {
  float: left;
  clear: left;
}
.scenesum-table {
  width: 95%;
}
.scenesum-header-row {
  color: white;
  background: black;
}
.shooting-units-form {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0;
}
.shooting-unit-row input {
  margin: 5px 5px 5px 0;
  width: 330px;
}
.shooting-unit-row td .td-input {
  width: 300px;
}
.remove-shooting-unit-btn {
  cursor: pointer;
}
.add-shooting-unit-btn {
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 5px;
}
.add-shooting-unit-btn span {
  padding-left: 10px;
}
.striplist-table-data-shooting-unit {
  min-width: 120px;
}
input.strip-value-shooting-unit {
  width: auto;
}
.resource-conflict-report-table {
  width: 95%;
}
.resource-conflict-shoot-day {
  color: white;
  background: black;
}
.resource-conflict-item-title {
  background: lightgrey;
}
.hidden-shoot-days-dialog-content input[type=checkbox] {
  margin: 0px 5px 3px 0px;
}
.schedule-filter-btn-number {
  position: absolute;
  bottom: -4px;
  right: -5px;
  color: white;
  background: #ee5f5b;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
  padding: 2px 4px;
  line-height: 1;
  font-size: 12px;
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.schedule-filter-tab-number {
  float: right;
  margin-left: 5px;
}
.unscheduled-filter-tabber .nav-tabs > li > a:hover {
  border-color: transparent;
}
.unscheduled-filter-tabber .tabber-tab {
  font-size: 12px;
}
.unscheduled-filter-tabber .tabber-tab a {
  font-size: 12px;
}
.unscheduled-filter-tabber .goog-checkbox {
  vertical-align: middle!important;
  margin-top: -3px !important;
  display: inline-block !important;
}
.unscheduled-filter-tabber .unscheduled-filter-dialog-content {
  max-height: 206px;
  overflow-y: auto;
}
.unscheduled-filter-tabber .unscheduled-filter-dialog-content div {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  margin-left: 2px;
}
.unscheduled-filter-tabber .unscheduled-filter-dialog-content span {
  margin-left: 2px;
}
.unscheduled-filter-tabber .active a {
  background-color: #f5f5f5 !important;
  border: 1px solid #e8e8e8 !important;
  border-right: none!important;
  border-radius: 0!important;
  font-weight: normal!important;
}
.unscheduled-filter-tabber .tabber-contents {
  background-color: #f5f5f5 !important;
  border: 1px solid #e8e8e8 !important;
}
.hidden-shoot-days-dialog-content {
  max-height: 228px;
  overflow-y: auto;
}
.hidden-shoot-days-dialog-content .goog-checkbox {
  vertical-align: middle!important;
  margin-top: -3px !important;
  display: inline-block !important;
}
#select-all-shoot-days {
  margin-top: 10px;
}
.hidden-shoot-days-dialog-content div {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  margin-left: 2px;
}
.hidden-shoot-days-dialog-content span {
  margin-left: 2px;
}
.hidden-characters-checkbox {
  margin-right: 15px !important;
  vertical-align: super;
  margin-top: 0 !important;
}
.schedule-sidebar-item a {
  float: right;
  color: #fff;
}
.schedule-sidebar-item a:hover {
  color: #fff;
}
.schedule-sidebar-item.active a,
.schedule-sidebar-item.active a:hover {
  color: #08c;
}
.schedulereports-report .spreadsheet-report {
  margin: 0px;
  padding: unset;
}
.calendar-settings-dialog .well {
  text-align: center;
  background: #4b4d4e;
}
.calendar-settings-dialog .days-of-week {
  width: 100%;
}
.calendar-settings-dialog .days-of-week #daysForWork {
  display: flex;
  justify-content: space-evenly;
}
.calendar-settings-dialog .days-of-week #daysForWork input {
  position: inherit;
}
.character-sort-dialog {
  height: 650px;
}
.character-sort-dialog .modal-dialog-content {
  height: 520px;
}
.btn-unit-move {
  background-image: -moz-linear-gradient(top, #426de6, #425fe6);
  background-image: -ms-linear-gradient(top, #426de6, #425fe6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#426de6), to(#425fe6));
  background-image: -webkit-linear-gradient(top, #426de6, #425fe6);
  background-image: -o-linear-gradient(top, #426de6, #425fe6);
  background-image: linear-gradient(top, #426de6, #425fe6);
  background-repeat: repeat-x;
  border-color: #425fe6 #425fe6 #1a38c2;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #426de6;
}
.btn-unit-move:hover,
.btn-unit-move:active,
.btn-unit-move.active {
  background: #4268e6 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-unit-move:active,
.btn-unit-move.active {
  background: #1d3ed8 \9;
}
.btn-set-shift {
  background-image: -moz-linear-gradient(top, #b42eda, #c22eda);
  background-image: -ms-linear-gradient(top, #b42eda, #c22eda);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b42eda), to(#c22eda));
  background-image: -webkit-linear-gradient(top, #b42eda, #c22eda);
  background-image: -o-linear-gradient(top, #b42eda, #c22eda);
  background-image: linear-gradient(top, #b42eda, #c22eda);
  background-repeat: repeat-x;
  border-color: #c22eda #c22eda #8d1c9f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #b42eda;
}
.btn-set-shift:hover,
.btn-set-shift:active,
.btn-set-shift.active {
  background: #ba2eda !important;
  cursor: pointer;
  cursor: hand;
}
.btn-set-shift:active,
.btn-set-shift.active {
  background: #a020b5 \9;
}
.btn-unit-move,
.btn-unit-move:hover,
.btn-set-shift,
.btn-set-shift:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #fff !important;
}
.btn-unit-move .caret,
.btn-unit-move:hover .caret,
.btn-set-shift .caret,
.btn-set-shift:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.btn-unit-move.btn-plain,
.btn-unit-move:hover.btn-plain,
.btn-set-shift.btn-plain,
.btn-set-shift:hover.btn-plain {
  text-shadow: none;
}
.btn-unit-move:active,
.btn-set-shift:active {
  color: rgba(255, 255, 255, 0.75);
}
#calendar-toolbar .btn-set-shift {
  min-width: 74px !important;
  padding-left: 5px;
}
#calendar-toolbar .btn-info,
#calendar-toolbar .btn-warning {
  min-width: 75px !important;
}
#calendar-toolbar .btn-unit-move {
  min-width: 78px !important;
  padding-left: 7px;
}
#calendar-toolbar .btn-success,
#calendar-toolbar .btn-danger {
  min-width: 80px !important;
  padding-left: 7px;
}
#calendar-toolbar .btn-info {
  padding-left: 8px;
}
#calendar-toolbar .btn-warning {
  padding-left: 5px;
}
.strip-colour-management-dialog {
  overflow: unset;
}
.strip-colour-management-dialog .modal-dialog-content {
  height: 300px;
  overflow: hidden;
}
.strip-colour-management-dialog .modal-dialog-content thead {
  display: inline-block;
  margin-left: 170px;
  font-size: 10px;
}
.strip-colour-management-dialog .modal-dialog-content thead td {
  padding-right: 50px;
}
.strip-colour-management-dialog .modal-dialog-content tbody {
  display: inline-block;
  margin-top: 20px;
  height: 100px;
  width: 100%;
}
.strip-colour-management-dialog .modal-dialog-content tbody tr {
  display: inline-block;
  padding-bottom: 30px;
  width: 100%;
}
.strip-colour-management-dialog .modal-dialog-content tbody .column-title {
  width: 100px;
  padding-right: 60px;
  font-size: 12px;
}
.strip-colour-management-dialog .modal-dialog-content .banner-default-row {
  display: flex;
  flex-direction: row;
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0px;
  border-top: 1px solid #868686;
  border-bottom: 1px solid #868686;
}
.strip-colour-management-dialog .modal-dialog-content .banner-default-row .banner-default-title {
  padding: 20px 60px 20px 26px;
}
.strip-colour-management-dialog .modal-dialog-content .banner-default-row .banner-default-colour {
  padding: 20px 0px 20px 7px;
}
.strip-colour-management-dialog .modal-dialog-content .restore-system-default {
  margin-top: 80px;
  cursor: pointer;
  width: 220px;
}
.strip-colour-management-dialog .modal-dialog-content .restore-system-default .restore-message {
  padding-left: 10px;
}
.custome-colour-picker .colour-cell {
  display: inline-block;
  cursor: pointer;
}
.custome-colour-picker .colour-picker-container {
  position: fixed;
  background: #212120;
  color: #fff;
  width: 340px;
  height: 410px;
  border-radius: 4px;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.custome-colour-picker .colour-picker-container .panel-title {
  color: #CCCBCB;
  font-size: 13;
  display: block;
  position: relative;
  padding: 14px 30px;
}
.custome-colour-picker .colour-picker-container .celtx-color-picker {
  padding: 30px;
  padding-top: 0px;
}
.custome-colour-picker .colour-picker-container .celtx-color-picker .celtx-color-picker-current-color {
  top: 213px;
}
.colour-picker-panel .swatch-saturation-hue-alpha {
  display: flex;
  width: 312px;
  height: 153px;
}
.colour-picker-panel .swatch-saturation-hue-alpha .swatch {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid white;
  margin-left: 14px;
}
.colour-picker-panel .swatch-saturation-hue-alpha .saturation {
  width: 174px;
  height: 153px;
  position: relative;
  margin-left: 14px;
  margin-bottom: 10px;
}
.colour-picker-panel .swatch-saturation-hue-alpha .hue {
  width: 14px;
  height: 153px;
  position: relative;
  margin-left: 14px;
}
.colour-picker-panel .swatch-saturation-hue-alpha .alpha {
  width: 14px;
  height: 153px;
  margin-left: 14px;
  position: relative;
}
.colour-picker-panel .editable-input {
  display: flex;
  padding: 14px;
}
.colour-picker-panel .editable-input .cxi-colour_select {
  margin-top: 5px;
}
.banner-color-picker .schedule-color-palette-container {
  position: absolute;
  top: 30px;
  left: 40px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background-color: #212120;
  padding: 10px;
  border-radius: 5px;
  cursor: default;
}
.banner-color-picker .schedule-color-palette-container .schedule-color-palette-title {
  font-size: 13px;
  color: #CCCBCB;
  padding-bottom: 10px;
  padding-left: 5px;
}
.banner-color-picker .schedule-color-palette-container .schedule-color-palette-color-palette-container {
  display: flex;
  flex: 1;
  width: fit-content;
  height: fit-content;
}
.banner-color-picker .schedule-color-palette-container .schedule-color-palette-color-palette-container .celtx-color-picker {
  padding: 0px;
}
.banner-color-picker .schedule-color-palette-container .schedule-color-palette-color-palette-container .color-palette {
  background: unset;
  padding: 0px;
}
.banner-color-picker .schedule-color-palette-container .schedule-color-palette-color-palette-container .color-palette .color-palette-circle-container {
  padding: 7px;
}
.cut-copy-highlight {
  border-left: 2px dashed #2FB5B4;
  border-right: 2px dashed #2FB5B4;
}
.cut-copy-highlight.cut-copy-highlight-first {
  border-top: 2px dashed #2FB5B4;
}
.cut-copy-highlight.cut-copy-highlight-last {
  border-bottom: 2px dashed #2FB5B4;
}
.manage-end-of-days__dialog.draggable-dialog {
  background-color: #3b3d3e;
  color: #F6F6F6;
  height: 290px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.manage-end-of-days__dialog.draggable-dialog .dragger {
  height: 50px;
  margin-bottom: -30px;
  z-index: 1;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content {
  width: calc(100% - 40px);
  height: calc(100% - 20px);
  padding: 0px 20px 20px 20px;
  display: flex;
  flex-direction: column;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .dialog-header {
  padding-bottom: 10px;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .dialog-header .title {
  font-size: 16px;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap input:focus-visible {
  outline: auto;
  outline-offset: initial;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__input-container {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__input-container .manage-end-of-days__insert-type-radio {
  margin-right: 5px;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__input-container .manage-end-of-days__input {
  width: 50px;
  margin: 0px;
  border: 2px solid #3b3d3e;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__input-container .manage-end-of-days__input.error {
  border: 2px solid #FF6052;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__input-container .manage-end-of-days__input[type="number"] {
  -moz-appearance: textfield;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__input-container .manage-end-of-days__input[type="number"]::-webkit-outer-spin-button,
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__input-container .manage-end-of-days__input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__replace-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__replace-container .manage-end-of-days__replace-check {
  margin: 0px 5px 0px 0px;
  width: 16px;
  aspect-ratio: 1;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__replace-container .manage-end-of-days__replace-label {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0px;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__button-container {
  display: flex;
  flex: 1;
  align-self: flex-end;
  align-items: flex-end;
}
.manage-end-of-days__dialog.draggable-dialog .draggable-dialog-content .manage-end-of-days__dialog-tab-trap .manage-end-of-days__button-container .manage-end-of-days__button-inner-container {
  display: flex;
  flex-direction: row-reverse;
}
.game-report-table,
.report-cell-nested-table {
  padding: 0 7.5px;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.game-report-table th,
.report-cell-nested-table th,
.game-report-table td,
.report-cell-nested-table td {
  border: 1px solid #d6d6d6;
  padding: 5px;
  border-radius: 3px;
  overflow-wrap: break-word;
}
.game-report-table th,
.report-cell-nested-table th {
  background-color: #ececec;
  text-align: left;
}
.game-report-table {
  background-color: #fff;
  width: 95%;
  padding: 20px;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  overflow-y: scroll;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.32);
  opacity: 1 !important;
  margin: 20px 20px 75px;
}
.report-table-fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
}
.game-report-toolbar {
  z-index: 100;
}
.game-print-ctrl {
  display: inline-block;
  margin-top: -1px !important;
  margin-right: 7px!important;
}
.sequence-name {
  padding-bottom: 3px;
}
.reports-label {
  margin-left: 5px;
  display: inline-block;
  margin-bottom: 0;
  letter-spacing: initial;
  font-size: inherit;
  font-weight: initial;
  vertical-align: top;
  margin-top: 1px;
}
.report-dialog-header {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
}
.report-filter-dialog-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: auto;
  max-height: 330px;
}
#game-catalog-container #add-item-btn.goog-toolbar-button-hover .goog-toolbar-button-outer-box {
  padding: 1px 0;
}
#game-catalog-container #add-item-btn.goog-toolbar-button-hover .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box {
  padding: 3px 4px;
}
#game-report-container .goog-toolbar-button {
  padding: 2px;
  margin: 3px 5px 2px;
}
#game-report-container .goog-toolbar-button-hover .goog-toolbar-button-outer-box {
  padding: 1px 0;
}
#game-report-container .goog-toolbar-button-hover .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box {
  padding: 3px 4px;
}
#game-report-container .btn {
  font-family: Lato, sans-serif;
  font-size: 10px;
  background: none;
  padding: 0 4px;
}
#game-report-container .btn::before {
  margin-right: 5px;
}
.game-report-filter-select {
  display: inline-block;
  padding: 0 0 10px 10px;
}
#game-report-toolbar-container #filter-btn .btn,
#game-report-toolbar-container #filter-btn .btn-plain,
#game-report-toolbar-container #filter-btn .btn-plain-gray::before {
  font-family: FontAwesome;
  content: "\f1de";
  margin-right: 5px;
}
#game-report-toolbar-container #filter-btn .btn,
#game-report-toolbar-container #filter-btn .btn-plain,
#game-report-toolbar-container #filter-btn .btn-plain-gray::after {
  font-family: 'Lato', sans-serif;
}
#game-report-toolbar-container #download-json-btn .btn,
#game-report-toolbar-container #download-csv-btn .btn,
#game-report-toolbar-container #download-json-btn .btn-plain,
#game-report-toolbar-container #download-csv-btn .btn-plain,
#game-report-toolbar-container #download-json-btn .btn-plain-gray::before,
#game-report-toolbar-container #download-csv-btn .btn-plain-gray::before {
  font-family: FontAwesome;
  content: "\f019";
  margin-right: 5px;
}
#game-report-toolbar-container #download-json-btn .btn,
#game-report-toolbar-container #download-csv-btn .btn,
#game-report-toolbar-container #download-json-btn .btn-plain,
#game-report-toolbar-container #download-csv-btn .btn-plain,
#game-report-toolbar-container #download-json-btn .btn-plain-gray::after,
#game-report-toolbar-container #download-csv-btn .btn-plain-gray::after {
  font-family: 'Lato', sans-serif;
}
#game-report-toolbar-container .btn,
#game-report-toolbar-container .btn-plain,
#game-report-toolbar-container .btn-plain-gray {
  font-size: 12px;
}
.cx-game-playthrough-dialog,
.modal-clean.modal-dialog.cx-game-playthrough-dialog {
  color: white;
  overflow: hidden;
  background-color: #0a0a0a;
  border-radius: 0px;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: initial;
  max-height: initial;
  border: none !important;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.cx-game-playthrough-dialog .modal-dialog-content,
.modal-clean.modal-dialog.cx-game-playthrough-dialog .modal-dialog-content {
  background: transparent;
  color: white;
  overflow-x: hidden;
  padding: 0 40px !important;
  max-width: 800px;
  margin: 0 auto;
}
.cx-game-playthrough-dialog .modal-dialog-title-text,
.modal-clean.modal-dialog.cx-game-playthrough-dialog .modal-dialog-title-text,
.cx-game-playthrough-dialog .modal-dialog-title,
.modal-clean.modal-dialog.cx-game-playthrough-dialog .modal-dialog-title {
  background: transparent;
  border: none;
  color: white !important;
  height: auto !important;
}
.cx-game-playthrough-dialog .modal-dialog-title-text,
.modal-clean.modal-dialog.cx-game-playthrough-dialog .modal-dialog-title-text {
  padding: 0px !important;
  font-family: Muli, 'serif';
  font-size: 24px;
}
.cx-game-playthrough-dialog .modal-dialog-title,
.modal-clean.modal-dialog.cx-game-playthrough-dialog .modal-dialog-title {
  margin: 0 !important;
  padding: 20px 16px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.75);
  box-shadow: 0 6px 3px rgba(0, 0, 0, 0.5);
  text-align: center;
}
.cx-game-playthrough-dialog .modal-dialog-title-close,
.modal-clean.modal-dialog.cx-game-playthrough-dialog .modal-dialog-title-close {
  color: white;
}
.cx-game-playthrough-dialog .modal-dialog-buttons,
.modal-clean.modal-dialog.cx-game-playthrough-dialog .modal-dialog-buttons {
  padding: 30px;
}
.cx-projectpalette-game-title-addbutton-container {
  border-bottom: 1px solid #777777;
  background: #3b3d3e;
  color: white;
  padding: 0px 20px;
  line-height: 40px;
}
.cx-projectpalette-game-title-addbutton-container:active {
  color: #2FB5B4;
}
.cx-projectpalette-game-title-addbutton-container .goog-toolbar-button {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 5px 0px;
}
.cx-projectpalette-game-title-addbutton-container .goog-toolbar-button-inner-box {
  padding: 0;
}
.cx-projectpalette-game-title-addbutton-container .goog-toolbar-button-outer-box {
  padding: 0;
  margin: 0;
}
.cx-projectpalette-game-title-addbutton-container .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.cx-projectpalette-game-title-addbutton-container .goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  border: none;
  padding: 0;
}
.cx-projectpalette-game-title-addbutton {
  color: white;
  text-transform: lowercase;
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
}
.cx-projectpalette-game-title-addbutton span {
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
}
.cx-projectpalette-game-title-addbutton i {
  vertical-align: middle;
  margin-left: 5px;
}
.cx-projectpalette-game-title-addbutton:hover {
  color: white;
}
.cx-projectpalette-game-title-addbutton-icon {
  font-size: 14px;
  border: 2px solid white;
  color: white;
  font-style: normal;
  font-weight: bold;
  border-radius: 100%;
  margin-left: 5px;
  text-align: center;
  display: inline-block;
  line-height: 13px;
  height: 13px;
  width: 13px;
  vertical-align: middle;
}
.cx-breakdown-collapse-btn,
.cx-breakdown-expand-btn {
  cursor: pointer;
}
.cx-breakdown-collapse-btn i,
.cx-breakdown-expand-btn i {
  margin-right: 5px;
}
.existing-catalog-item-selector {
  background-color: #555;
  color: #999;
  min-height: 100px;
  padding-top: 5px;
  height: 100px;
  overflow-y: scroll;
}
.existing-catalog-item-selector .existing-catalog-item {
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
.existing-catalog-item-selector .existing-catalog-item.selected {
  background-color: gray;
  color: white;
}
.existing-catalog-item-selector .no-existing-catalog-items {
  padding-left: 5px;
  padding-right: 5px;
}
.existing-catalog-item-selector-container {
  margin-top: 10px;
  width: 260px;
}
.breakdown-border-right {
  border-right: thin solid #999;
}
.breakdown-border-bottom {
  border-bottom: thin solid #999;
  padding-top: 10px;
  padding-bottom: 10px;
  /* 
   *Use negative margins to stretch the border to the edges, and use padding to re-align the contents
   */
  margin-left: -9px;
  margin-right: -29px;
  padding-left: 9px;
  padding-right: 29px;
}
.breakdown-modal-input {
  width: 250px;
  height: 26px;
}
.breakdown-modal-select {
  width: 260px;
}
.breakdown-modal-catalog-item-id {
  min-height: 10px;
  font-size: 10px;
  line-height: 3px;
}
.game-catalog-category-header {
  background: #fff;
  padding: 12px 20px;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}
.game-catalog-category-header .btn-collapse,
.game-catalog-category-header .btn-expand {
  cursor: pointer;
  margin-top: -5px;
  margin-right: -10px;
}
.game-catalog-category-header .btn-collapse i,
.game-catalog-category-header .btn-expand i {
  opacity: 0.5;
}
.game-catalog-list-container {
  margin-bottom: 20px;
}
.game-catalog-list-container:last-of-type {
  margin-bottom: 0;
}
.game-catalog-list-item {
  margin-bottom: 10px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 14px;
}
.game-catalog-list-item:last-of-type {
  margin-bottom: 0;
}
.game-catalog-list-subheading {
  margin-bottom: 10px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: 18px;
}
.vis-network {
  outline: none;
}
.gvr-adapt-select {
  display: inline-block;
  margin-top: 10px;
}
.gvr-adapt-select .minimalistselect {
  width: 240px;
  border-radius: 15px;
  border: none;
  font-weight: normal;
  padding: 8px;
  font-size: 16px;
  background-color: #272727 !important;
  color: #d0d0d0 !important;
}
.gvr-adapt-select .minimalistselect.select-error {
  color: #ff6865 !important;
}
.branch-connections-container i {
  display: unset !important;
}
.pagedimage-topmargin {
  margin-top: 57px;
}
.mediaprojectsidebar .img-results {
  margin-right: -15px !important;
}
.img-results {
  margin: 0px auto;
  max-width: 504px;
  max-height: 168px;
}
.img-item {
  float: left;
  box-sizing: border-box;
  margin: 2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
  width: 80px;
  height: 80px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  position: relative;
}
.img-item:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  content: ' ';
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms 1s ease;
  -moz-transition: opacity 500ms 1s ease;
  -ms-transition: opacity 500ms 1s ease;
  -o-transition: opacity 500ms 1s ease;
  transition: opacity 500ms 1s ease;
}
.img-item:after {
  background: url("../img/checkmark.png") no-repeat top left !important;
  background-size: 22px 17px !important;
  padding: 0 0 0 0;
  width: 22px;
  min-height: 17px;
  background-position: 0 center !important;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -11px;
  content: ' ';
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms 1s ease;
  -moz-transition: opacity 500ms 1s ease;
  -ms-transition: opacity 500ms 1s ease;
  -o-transition: opacity 500ms 1s ease;
  transition: opacity 500ms 1s ease;
}
.img-overlay {
  width: 100%;
  height: 25%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: black;
  margin: 0 auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}
.img-overlay #add-text {
  color: white;
}
.img-item.img-item-added:before {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -ms-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
.img-item.img-item-added:after {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -ms-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
.img-prev {
  float: left;
  margin-top: 10px;
}
.img-next {
  float: right;
  margin-top: 10px;
}
.img-paging {
  margin: 20px 10px 10px 10px;
}
.library-header {
  padding: 20px;
  padding-bottom: 5px;
  height: 25px;
}
.modal-dialog-close-container {
  position: absolute;
  top: 1px;
  right: 0;
}
.modal-dialog-close-container button {
  padding-top: 7px;
  padding-bottom: 8px;
  border: none;
}
.browse-button-img {
  position: absolute;
  left: 0;
  padding: 3px;
  padding-left: 10px;
  transform: scale(1.3, 1.3);
}
.av-modal .av-modal-padder {
  padding: 30px;
}
.av-modal .av-modal-padder .av-modal-title {
  font-size: 12px;
  text-transform: capitalize;
  line-height: 14px;
  margin-bottom: 20px;
  font-weight: normal;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-left-col,
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-right-col {
  width: 270px;
  height: 200px;
  display: inline-block;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-recent-imgs {
  flex-grow: 0;
  overflow: auto;
  margin-right: 48px;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-recent-imgs .av-image-list .av-image-listitem {
  height: 80px;
  width: 80px;
  display: inline-block;
  overflow: hidden;
  margin: 0px 2px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-recent-imgs .av-image-list .av-image-listitem.uploading {
  background-color: #636463;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-recent-imgs .av-image-list .av-image-listitem.uploading .progress-bar {
  width: 60px;
  margin: 60px auto 0;
  height: 6px;
  border-radius: 5px;
  background-color: #353735;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-recent-imgs .av-image-list .av-image-listitem.uploading .progress-bar .progress-bar-inner {
  width: 0;
  background: linear-gradient(to right, #21b2c1, #00ac8f);
  height: inherit;
  border-radius: 5px;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-recent-imgs .av-image-list .av-image-listitem .overlay {
  height: 100%;
  background-color: #ffffffba;
  text-align: center;
  border: solid 3px #7BCEBE;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-recent-imgs .av-image-list .av-image-listitem .overlay i.cxi-accept_save_continue {
  color: #2FB5B4;
  width: 100%;
  font-size: 20px;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-upload-target {
  border: dashed 1px #9A9B98;
  border-radius: 15px;
  height: 200px;
  flex-grow: 1;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-upload-target.highlight {
  background-color: #35a5a82b;
  border-color: #35a5a8;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .target {
  height: 100%;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-upload-message {
  width: 155px;
  text-align: center;
  margin: 0px auto 20px;
  font-size: 12px;
  line-height: 14px;
  padding-top: 30px;
}
.av-modal .av-modal-padder .av-modal-content .av-modal-content-inner .av-upload-btn {
  background: linear-gradient(to right, #21B2C1, #00AC8F);
  border-radius: 15px;
  width: 90px;
  padding: 10px;
  text-align: center;
  margin: 0 auto;
}
.av-modal .av-modal-padder .av-upload-dialog-buttons {
  padding-top: 20px;
  text-align: right;
  width: 100%;
}
.av-modal .av-modal-padder .av-upload-dialog-buttons .av-btn {
  display: inline-block;
  border: none;
  box-shadow: none;
  background: none;
  font-weight: normal;
  color: white;
  text-shadow: none;
}
.av-modal .av-modal-padder .av-upload-dialog-buttons .av-btn:focus {
  outline: none !important;
}
.av-modal .av-modal-padder .av-upload-dialog-buttons .av-add-btn {
  width: 60px;
  text-align: center;
  padding: 5px;
  border-radius: 8px;
  background-color: #35B7A8;
  margin-left: 20px;
}
.av-modal .av-modal-padder .av-upload-dialog-buttons .av-add-btn.disabled {
  background-color: #4b4d4e;
  opacity: 0.5;
}
.av-spinner {
  color: white;
  text-align: center;
  margin-top: 40vh;
}
.cx-pm-av2editor .slideshow .video_col {
  display: none;
}
.cx-pm-av2editor .slideshow .audio_col {
  display: none;
}
.cx-pm-av2editor .ProseMirror-pane.grow-down.vflex-grow {
  height: 100% !important;
}
.cx-pm-av2editor #statusBarDiv .editor-status-bar #status-bar-content-left,
.cx-pm-av2editor #statusBarDiv .editor-status-bar .editor-status-bar-stats,
.cx-pm-av2editor #statusBarDiv .editor-status-bar .editor-status-bar-page-count,
.cx-pm-av2editor #statusBarDiv .editor-status-bar .editor-status-bar-word-count,
.cx-pm-av2editor #statusBarDiv .editor-status-bar .goal-footer-node {
  display: none;
}
.cx-pm-av2editor #close-slideshow-btn {
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #FFF;
  font-size: 26px;
  text-align: center;
  background: transparent;
  top: 50px;
  right: 10%;
}
.cx-pm-av2editor #close-slideshow-btn:hover {
  background: #8a8a8a;
}
#cxContent.main-view-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#cxContent.main-view-content .studio-top-bar {
  flex: 0 0 60px;
}
#cxContent.main-view-content #main-view {
  flex: 1 1 auto;
  display: flex;
}
#cxContent.main-view-content #main-view > div {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
}
#cxContent.main-view-content #main-view > div #sidebar {
  flex: 0 0 235px;
}
#cxContent.main-view-content #main-view > div #filelistscroll-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
#cxContent.main-view-content #main-view > div #filelistscroll-container #toolbar {
  flex: 0 0 30px;
}
#cxContent.main-view-content #main-view > div #filelistscroll-container .main-view-scroll-container {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  #cxContent.main-view-content #main-view > div {
    flex-direction: column;
  }
  #cxContent.main-view-content #main-view > div #filelistscroll-container {
    overflow: hidden;
  }
}
.avatar-dropdown {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  display: flex;
  align-items: center;
}
.avatar-dropdown .avatar-dropdown-name {
  color: #F6F6F6;
  font-size: 14px;
  letter-spacing: 0px;
  margin-left: 15px;
}
.mobile-avatar {
  display: flex;
}
.top-bar-avatar {
  background-size: cover;
  background-color: var(--avatar-background-color);
  background-image: var(--avatar-background-image);
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  align-self: center;
}
.top-bar-avatar.avatar-with-border {
  border: 2px solid #F6F6F6;
}
.studio-top-bar {
  background-color: #222222;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 35px;
  justify-content: space-between;
}
.studio-top-bar.studio-pwa {
  justify-content: end;
  height: 60px;
}
.studio-top-bar a {
  height: 20px;
  padding: 5px;
}
.studio-top-bar .plan-name-header {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 10px;
  color: #F6F6F6;
  text-transform: uppercase;
  margin-left: 20px;
  height: 20px;
  line-height: 25px;
}
.studio-top-bar .btn-subscribe,
.studio-top-bar .view-studio-button {
  height: 44px;
  border-radius: 10px;
  margin-right: 25px;
}
.studio-top-bar .left,
.studio-top-bar .right {
  display: flex;
  align-items: center;
  height: 100%;
}
.studio-top-bar .left {
  padding-left: 15px;
  width: 220px;
  border-right: 1px solid #5A5A5A;
}
.theme-mobile .studio-top-bar {
  height: 60px;
  background-color: transparent;
  padding-right: 20px;
  justify-content: end;
}
.theme-mobile .studio-top-bar .btn-subscribe {
  height: 30px;
  border-radius: 20px;
  margin-right: 15px;
}
.modal-dialog-title.project-limit-upgrade-dialog {
  height: 30px;
  padding: 0px !important;
  background: none !important;
  margin: 0px !important;
}
.modal-dialog-title.project-limit-upgrade-dialog span.modal-dialog-title-close {
  display: block;
  background: none;
  cursor: pointer;
  margin-top: -7px;
}
.modal-dialog-title.project-limit-upgrade-dialog span.modal-dialog-title-close i {
  font-size: 8px;
}
.modal-dialog.project-limit-upgrade-dialog {
  width: 500px;
  height: 359px;
  display: flex;
  flex-flow: column;
  -ms-flex-flow: column;
  background-color: #201f20;
  border-radius: 10px;
}
.modal-dialog-content.project-limit-upgrade-dialog {
  display: flex;
  flex-flow: column;
  flex: 1;
  font-family: Lato, Arial, sans-serif;
  background: none;
  overflow-y: hidden !important;
  padding-top: 5px !important;
}
@media screen and (max-width: 650px) {
  .modal-dialog.project-limit-upgrade-dialog {
    height: 100%;
  }
  .modal-dialog-content.project-limit-upgrade-dialog {
    max-height: unset !important;
  }
}
div[class^='project-limit-upgrade-dialog'] .inner-content .top-content {
  display: flex;
  justify-content: center;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .top-content img {
  height: 90px;
  width: 90px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content {
  display: flex;
  flex-flow: column;
  -ms-flex-flow: column;
  margin-top: 10px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .title {
  text-align: center;
  padding-top: 30px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .title p {
  font-size: 20px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .body-content {
  margin-top: 15px;
  padding: 0px 40px 0px 40px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .body-content p {
  text-align: center;
  font-size: 14px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .add-projects-button-container {
  height: 39px;
  margin-top: 25px;
  border-radius: 5px;
  flex-flow: row;
  -ms-flex-flow: row;
  display: flex;
  flex: 1;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .add-projects-button-container > span {
  display: flex;
  flex: auto;
  justify-content: center;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .add-projects-text-container {
  display: flex;
  text-align: center;
  font-size: 14px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .add-projects-button {
  background-color: #35A99B;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px;
  padding: 11px 25px;
  display: flex;
  justify-content: center;
  border-radius: 3px;
}
div[class^='project-limit-upgrade-dialog'] .inner-content .bottom-content .add-projects-button:hover {
  background-color: #3cc7b7;
}
.project-cap-plan-dialog-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2012;
  display: flex;
  justify-content: center;
  color: #F6F6F6;
}
.project-cap-plan-dialog-container p {
  font-size: 16px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog {
  position: absolute;
  z-index: 2;
  width: 500px;
  height: auto;
  background-color: #1E1E1E;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-self: center;
  text-align: center;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog p.pc-start-another-project {
  padding: 0 50px;
  line-height: 23px;
  margin-top: 5px;
  margin-bottom: 12px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content {
  padding: 30px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-bottom: 15px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-plan-dialog-close {
  display: flex;
  justify-content: flex-end;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-plan-dialog-close button {
  background: none;
  color: #F6F6F6;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-plan-dialog-close button::before {
  font-size: 14px;
  font-family: "celtxicons";
  content: "\e818";
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-plan-dialog-close button:active {
  background: none !important;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container {
  display: flex;
  flex-direction: column;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container .create-more-projects-icon-container {
  align-self: center;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container .create-more-projects-icon-container .create-more-bullhorn {
  height: 80px;
  width: 80px;
  background: url(../img/megaphone-round.png);
  background-size: 100%;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container .create-more-title-text {
  justify-content: center;
  font-size: 23px;
  margin-top: 20px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-upgrade-plan-content-separator {
  display: flex;
  flex-direction: column;
  max-height: 67px;
  flex: 1;
  margin: 30px 0 15px 0;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-upgrade-plan-content-separator .project-cap-upgrade-plan-content-line {
  width: 100px;
  height: 2px;
  background-color: #6C6C6C;
  align-self: center;
  min-height: 2px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .copy-container {
  font-size: 16px;
  margin: 0 0 18px 0;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .user-project-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .user-project-container .user-projects {
  margin: 5px 0 10px;
  color: #f7612c;
  line-height: 18px;
  overflow: auto;
  max-height: 54px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .user-project-container .user-projects ul {
  list-style-type: none;
  display: flex;
  flex: 1;
  justify-content: center;
  margin: 0px;
  flex-direction: column;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .user-project-container .user-projects ul li {
  font-size: 16px;
  line-height: 18px;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .project-cap-upgrade-plan-subscribe-container {
  padding: 30px 20px 20px;
  display: flex;
  align-self: center;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .project-cap-upgrade-plan-subscribe-container .action-btn.subscribe {
  display: flex;
  align-items: center;
  background-color: #f7612c;
  border-radius: 50px;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 400;
  padding: 12.5px 30px;
  height: 50px;
  color: #F6F6F6;
  text-transform: uppercase;
  font-family: 'Lato';
  transition: background 200ms ease, color 200ms ease;
}
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .project-cap-upgrade-plan-subscribe-container .action-btn.subscribe:active,
.project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .project-cap-upgrade-plan-subscribe-container .action-btn.subscribe:hover {
  background-color: #ffa500 !important;
}
@media (max-width: 767px) {
  .project-cap-plan-dialog-container .project-cap-plan-dialog {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
@media (orientation: landscape) {
  .project-cap-plan-dialog-container p {
    font-size: 15px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-plan-dialog-close button::before {
    font-size: 12px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-upgrade-plan-content-separator {
    margin: 8px 0 6px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container .create-more-projects-icon-container .create-more-bullhorn {
    height: 40px;
    width: 40px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container .create-more-title-text {
    font-size: 16px;
    margin-top: 5px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .copy-container {
    margin-bottom: 0;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .user-project-container .user-projects {
    max-height: 30px;
    margin: 0px 0 5px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .user-project-container .user-projects ul li {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-height: 250px) {
  .project-cap-plan-dialog-container p {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-upgrade-plan-content-separator {
    margin: 6px 0 0;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container,
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .project-cap-upgrade-plan-content-separator {
    position: relative;
    bottom: 10px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-upper .create-more-projects-container .create-more-projects-icon-container .create-more-bullhorn {
    display: none;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .user-project-container .user-projects ul li {
    font-size: 13px;
    line-height: 15px;
  }
  .project-cap-plan-dialog-container .project-cap-plan-dialog .project-cap-plan-dialog-content .project-cap-plan-dialog-lower .project-cap-upgrade-plan-subscribe-container {
    padding: 10px 20px 10px;
    scale: 0.8;
  }
}
.avatar-initial {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
}
.member-sort-item:hover {
  background-color: #333333;
}
.menu-expand-contact-symbol {
  color: #fff;
  font-size: 12px;
  text-align: center;
  opacity: 0.8;
  transition: all 0.2s ease;
}
.menu-expand-contact-symbol2 {
  color: #fff;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  margin-left: -5px;
  margin-top: 8px;
  opacity: 0.8;
  transition: all 0.2s ease;
  transform: rotate(180deg);
}
.studio-management-member-header-container {
  background-color: #646464;
  padding: 10px;
  margin-left: 25px;
  margin-right: 25px;
}
.studio-management-member-header-container .toolbar-icon {
  font-size: 18px;
  color: #fff;
  background-color: #333;
  padding: 5px;
  cursor: pointer;
  margin: 2px;
}
.studio-management-member-header-container .toolbar-icon:hover {
  background-color: #1a1919 !important;
}
.sm-enhanced-title,
.sm-enhanced-subtitle {
  margin-left: 25px;
}
.group-members .avatar-container {
  width: 20px!important;
  height: 20px!important;
}
.group-members .group-name {
  font-size: 14px!important;
  line-height: 20px!important;
}
.group-member-project-wrapper {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.member-table-count {
  color: #fff;
  margin-left: 10px;
}
.studio-management-memberlist-container,
.groups-table,
.studio-management-grouplist-container,
.group-members,
.group-projects {
  width: 100%;
  font-family: Lato;
}
.studio-management-memberlist-container .search-container,
.groups-table .search-container,
.studio-management-grouplist-container .search-container,
.group-members .search-container,
.group-projects .search-container {
  background: #fff;
  border-radius: 3px;
  margin-left: auto;
}
.studio-management-memberlist-container .search-container .cxi-search,
.groups-table .search-container .cxi-search,
.studio-management-grouplist-container .search-container .cxi-search,
.group-members .search-container .cxi-search,
.group-projects .search-container .cxi-search {
  margin-top: 7px;
  display: inline-flex;
  font-size: 12px;
  color: #999999;
}
.studio-management-memberlist-container .member-search,
.groups-table .member-search,
.studio-management-grouplist-container .member-search,
.group-members .member-search,
.group-projects .member-search,
.studio-management-memberlist-container .group-search,
.groups-table .group-search,
.studio-management-grouplist-container .group-search,
.group-members .group-search,
.group-projects .group-search {
  font-family: lato;
  box-shadow: none;
  margin: 0 0 5px 5px!important;
  padding: 0;
}
.studio-management-memberlist-container .ReactTable,
.groups-table .ReactTable,
.studio-management-grouplist-container .ReactTable,
.group-members .ReactTable,
.group-projects .ReactTable {
  margin-bottom: 50px !important;
  margin-left: 25px;
  margin-right: 25px;
  background-color: #c0c0c0;
}
.studio-management-memberlist-container .ReactTable .group-projects,
.groups-table .ReactTable .group-projects,
.studio-management-grouplist-container .ReactTable .group-projects,
.group-members .ReactTable .group-projects,
.group-projects .ReactTable .group-projects {
  margin-top: 50px;
}
.studio-management-memberlist-container .ReactTable .-filters .rt-th[role="columnheader"]:nth-child(2),
.groups-table .ReactTable .-filters .rt-th[role="columnheader"]:nth-child(2),
.studio-management-grouplist-container .ReactTable .-filters .rt-th[role="columnheader"]:nth-child(2),
.group-members .ReactTable .-filters .rt-th[role="columnheader"]:nth-child(2),
.group-projects .ReactTable .-filters .rt-th[role="columnheader"]:nth-child(2) {
  display: none;
}
.studio-management-memberlist-container .ReactTable .group-member-project-wrapper,
.groups-table .ReactTable .group-member-project-wrapper,
.studio-management-grouplist-container .ReactTable .group-member-project-wrapper,
.group-members .ReactTable .group-member-project-wrapper,
.group-projects .ReactTable .group-member-project-wrapper {
  background: #e8e8e8;
}
.studio-management-memberlist-container .ReactTable .studio-management-header-invite-button,
.groups-table .ReactTable .studio-management-header-invite-button,
.studio-management-grouplist-container .ReactTable .studio-management-header-invite-button,
.group-members .ReactTable .studio-management-header-invite-button,
.group-projects .ReactTable .studio-management-header-invite-button {
  display: none;
}
.studio-management-memberlist-container .ReactTable .rt-noData,
.groups-table .ReactTable .rt-noData,
.studio-management-grouplist-container .ReactTable .rt-noData,
.group-members .ReactTable .rt-noData,
.group-projects .ReactTable .rt-noData {
  margin-top: 14px;
  background: none;
}
.studio-management-memberlist-container .ReactTable .studio-management-groups-container,
.groups-table .ReactTable .studio-management-groups-container,
.studio-management-grouplist-container .ReactTable .studio-management-groups-container,
.group-members .ReactTable .studio-management-groups-container,
.group-projects .ReactTable .studio-management-groups-container {
  padding-top: 10px;
}
.studio-management-memberlist-container .ReactTable .studio-management-groups-container .ib,
.groups-table .ReactTable .studio-management-groups-container .ib,
.studio-management-grouplist-container .ReactTable .studio-management-groups-container .ib,
.group-members .ReactTable .studio-management-groups-container .ib,
.group-projects .ReactTable .studio-management-groups-container .ib {
  font-weight: bold;
}
.studio-management-memberlist-container .ReactTable .studio-management-groups-container .studio-management-contacts-edit,
.groups-table .ReactTable .studio-management-groups-container .studio-management-contacts-edit,
.studio-management-grouplist-container .ReactTable .studio-management-groups-container .studio-management-contacts-edit,
.group-members .ReactTable .studio-management-groups-container .studio-management-contacts-edit,
.group-projects .ReactTable .studio-management-groups-container .studio-management-contacts-edit,
.studio-management-memberlist-container .ReactTable .studio-management-groups-container .studio-management-item-avatar-small,
.groups-table .ReactTable .studio-management-groups-container .studio-management-item-avatar-small,
.studio-management-grouplist-container .ReactTable .studio-management-groups-container .studio-management-item-avatar-small,
.group-members .ReactTable .studio-management-groups-container .studio-management-item-avatar-small,
.group-projects .ReactTable .studio-management-groups-container .studio-management-item-avatar-small,
.studio-management-memberlist-container .ReactTable .studio-management-groups-container .studio-management-header-invite-button,
.groups-table .ReactTable .studio-management-groups-container .studio-management-header-invite-button,
.studio-management-grouplist-container .ReactTable .studio-management-groups-container .studio-management-header-invite-button,
.group-members .ReactTable .studio-management-groups-container .studio-management-header-invite-button,
.group-projects .ReactTable .studio-management-groups-container .studio-management-header-invite-button,
.studio-management-memberlist-container .ReactTable .studio-management-groups-container .studio-management-group-members-container,
.groups-table .ReactTable .studio-management-groups-container .studio-management-group-members-container,
.studio-management-grouplist-container .ReactTable .studio-management-groups-container .studio-management-group-members-container,
.group-members .ReactTable .studio-management-groups-container .studio-management-group-members-container,
.group-projects .ReactTable .studio-management-groups-container .studio-management-group-members-container {
  display: none;
}
.studio-management-memberlist-container .ReactTable .rt-expander,
.groups-table .ReactTable .rt-expander,
.studio-management-grouplist-container .ReactTable .rt-expander,
.group-members .ReactTable .rt-expander,
.group-projects .ReactTable .rt-expander {
  margin-top: 1px;
}
.studio-management-memberlist-container .ReactTable .rt-tbody,
.groups-table .ReactTable .rt-tbody,
.studio-management-grouplist-container .ReactTable .rt-tbody,
.group-members .ReactTable .rt-tbody,
.group-projects .ReactTable .rt-tbody {
  max-height: 70vh;
  /* please keep this as overflow-y:scroll.
         Normally we use overflow:auto, but for tables
         with data we don't want data shifting
         around when the scrollbar hides and shows.
         overflow:overlay is deprecated.
      */
  overflow-y: scroll;
  overflow-x: hidden;
}
.studio-management-memberlist-container .ReactTable .rt-tbody .rt-tr-group,
.groups-table .ReactTable .rt-tbody .rt-tr-group,
.studio-management-grouplist-container .ReactTable .rt-tbody .rt-tr-group,
.group-members .ReactTable .rt-tbody .rt-tr-group,
.group-projects .ReactTable .rt-tbody .rt-tr-group {
  /* this is needed for handling data shifting on scrolling.
        We are not using traditional tables, we are using divs
        so headers become misaligned with "table data"
         */
  margin-right: -15px;
}
.studio-management-memberlist-container .ReactTable .-cursor-pointer:before,
.groups-table .ReactTable .-cursor-pointer:before,
.studio-management-grouplist-container .ReactTable .-cursor-pointer:before,
.group-members .ReactTable .-cursor-pointer:before,
.group-projects .ReactTable .-cursor-pointer:before {
  content: "\e898";
  font-family: celtxicons;
  float: right;
  margin-top: 1px;
  font-size: 8px;
  color: #686868;
}
.studio-management-memberlist-container .ReactTable .-cursor-pointer:after,
.groups-table .ReactTable .-cursor-pointer:after,
.studio-management-grouplist-container .ReactTable .-cursor-pointer:after,
.group-members .ReactTable .-cursor-pointer:after,
.group-projects .ReactTable .-cursor-pointer:after {
  content: "\e829";
  font-family: celtxicons;
  float: right;
  margin-top: -10px;
  font-size: 8px;
  color: #686868;
}
.studio-management-memberlist-container .ReactTable .rt-th div,
.groups-table .ReactTable .rt-th div,
.studio-management-grouplist-container .ReactTable .rt-th div,
.group-members .ReactTable .rt-th div,
.group-projects .ReactTable .rt-th div {
  text-align: left;
}
.studio-management-memberlist-container .ReactTable .-filters,
.groups-table .ReactTable .-filters,
.studio-management-grouplist-container .ReactTable .-filters,
.group-members .ReactTable .-filters,
.group-projects .ReactTable .-filters {
  height: 0;
}
.studio-management-memberlist-container .ReactTable .-sort-asc,
.groups-table .ReactTable .-sort-asc,
.studio-management-grouplist-container .ReactTable .-sort-asc,
.group-members .ReactTable .-sort-asc,
.group-projects .ReactTable .-sort-asc {
  box-shadow: none !important;
}
.studio-management-memberlist-container .ReactTable .-sort-asc:before,
.groups-table .ReactTable .-sort-asc:before,
.studio-management-grouplist-container .ReactTable .-sort-asc:before,
.group-members .ReactTable .-sort-asc:before,
.group-projects .ReactTable .-sort-asc:before {
  content: "\e898";
  font-family: celtxicons;
  float: right;
  margin-top: 1px;
  font-size: 8px;
  color: #686868;
}
.studio-management-memberlist-container .ReactTable .-sort-asc:after,
.groups-table .ReactTable .-sort-asc:after,
.studio-management-grouplist-container .ReactTable .-sort-asc:after,
.group-members .ReactTable .-sort-asc:after,
.group-projects .ReactTable .-sort-asc:after {
  content: "";
}
.studio-management-memberlist-container .ReactTable .-sort-desc,
.groups-table .ReactTable .-sort-desc,
.studio-management-grouplist-container .ReactTable .-sort-desc,
.group-members .ReactTable .-sort-desc,
.group-projects .ReactTable .-sort-desc {
  box-shadow: none !important;
}
.studio-management-memberlist-container .ReactTable .-sort-desc:before,
.groups-table .ReactTable .-sort-desc:before,
.studio-management-grouplist-container .ReactTable .-sort-desc:before,
.group-members .ReactTable .-sort-desc:before,
.group-projects .ReactTable .-sort-desc:before {
  content: "\e829";
  font-family: celtxicons;
  float: right;
  font-size: 8px;
  color: #686868;
}
.studio-management-memberlist-container .ReactTable .-sort-desc:after,
.groups-table .ReactTable .-sort-desc:after,
.studio-management-grouplist-container .ReactTable .-sort-desc:after,
.group-members .ReactTable .-sort-desc:after,
.group-projects .ReactTable .-sort-desc:after {
  content: "";
}
.studio-management-memberlist-container .ReactTable .rt-resizer:before,
.groups-table .ReactTable .rt-resizer:before,
.studio-management-grouplist-container .ReactTable .rt-resizer:before,
.group-members .ReactTable .rt-resizer:before,
.group-projects .ReactTable .rt-resizer:before {
  content: '';
}
.studio-management-memberlist-container .ReactTable .studio-management-contacts-edit a,
.groups-table .ReactTable .studio-management-contacts-edit a,
.studio-management-grouplist-container .ReactTable .studio-management-contacts-edit a,
.group-members .ReactTable .studio-management-contacts-edit a,
.group-projects .ReactTable .studio-management-contacts-edit a {
  color: #555555;
}
.studio-management-memberlist-container .ReactTable .studio-management-groups-container,
.groups-table .ReactTable .studio-management-groups-container,
.studio-management-grouplist-container .ReactTable .studio-management-groups-container,
.group-members .ReactTable .studio-management-groups-container,
.group-projects .ReactTable .studio-management-groups-container {
  border: 1px solid #dddddd;
  margin-top: 13px;
  margin-bottom: 13px;
  border-radius: 0px;
}
.studio-management-memberlist-container .ReactTable .studio-management-header,
.groups-table .ReactTable .studio-management-header,
.studio-management-grouplist-container .ReactTable .studio-management-header,
.group-members .ReactTable .studio-management-header,
.group-projects .ReactTable .studio-management-header {
  background-color: #ffffff;
  padding-top: 3px;
  font-weight: bold;
  width: 100%;
}
.studio-management-memberlist-container .ReactTable .studio-management-count-circle,
.groups-table .ReactTable .studio-management-count-circle,
.studio-management-grouplist-container .ReactTable .studio-management-count-circle,
.group-members .ReactTable .studio-management-count-circle,
.group-projects .ReactTable .studio-management-count-circle {
  padding: 0;
}
.studio-management-memberlist-container .ReactTable .projectlistitem-categoryselect-container,
.groups-table .ReactTable .projectlistitem-categoryselect-container,
.studio-management-grouplist-container .ReactTable .projectlistitem-categoryselect-container,
.group-members .ReactTable .projectlistitem-categoryselect-container,
.group-projects .ReactTable .projectlistitem-categoryselect-container {
  font-size: 10px!important;
  letter-spacing: normal!important;
}
.studio-management-memberlist-container .ReactTable .projecttitle-link,
.groups-table .ReactTable .projecttitle-link,
.studio-management-grouplist-container .ReactTable .projecttitle-link,
.group-members .ReactTable .projecttitle-link,
.group-projects .ReactTable .projecttitle-link {
  font-size: 12px;
  font-weight: bold;
  cursor: default !important;
}
.studio-management-memberlist-container .ReactTable .projectlistitem-heading,
.groups-table .ReactTable .projectlistitem-heading,
.studio-management-grouplist-container .ReactTable .projectlistitem-heading,
.group-members .ReactTable .projectlistitem-heading,
.group-projects .ReactTable .projectlistitem-heading {
  cursor: default!important;
}
.studio-management-memberlist-container .ReactTable .cx-filelist,
.groups-table .ReactTable .cx-filelist,
.studio-management-grouplist-container .ReactTable .cx-filelist,
.group-members .ReactTable .cx-filelist,
.group-projects .ReactTable .cx-filelist {
  height: initial;
  min-height: 95px;
  border: 1px solid #dddddd !important;
  background-color: #fff !important;
  display: inline-block !important;
  padding-top: 17px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  margin: 12px!important;
  width: auto!important;
}
.studio-management-memberlist-container .ReactTable .cx-filelist .filelistcompactchooser,
.groups-table .ReactTable .cx-filelist .filelistcompactchooser,
.studio-management-grouplist-container .ReactTable .cx-filelist .filelistcompactchooser,
.group-members .ReactTable .cx-filelist .filelistcompactchooser,
.group-projects .ReactTable .cx-filelist .filelistcompactchooser {
  width: initial!important;
}
.studio-management-memberlist-container .ReactTable .cx-filelist .cx-projectlistitem:nth-child(even),
.groups-table .ReactTable .cx-filelist .cx-projectlistitem:nth-child(even),
.studio-management-grouplist-container .ReactTable .cx-filelist .cx-projectlistitem:nth-child(even),
.group-members .ReactTable .cx-filelist .cx-projectlistitem:nth-child(even),
.group-projects .ReactTable .cx-filelist .cx-projectlistitem:nth-child(even) {
  background: none!important;
}
.studio-management-memberlist-container .ReactTable .cx-filelist tr,
.groups-table .ReactTable .cx-filelist tr,
.studio-management-grouplist-container .ReactTable .cx-filelist tr,
.group-members .ReactTable .cx-filelist tr,
.group-projects .ReactTable .cx-filelist tr,
.studio-management-memberlist-container .ReactTable .cx-filelist td,
.groups-table .ReactTable .cx-filelist td,
.studio-management-grouplist-container .ReactTable .cx-filelist td,
.group-members .ReactTable .cx-filelist td,
.group-projects .ReactTable .cx-filelist td,
.studio-management-memberlist-container .ReactTable .cx-filelist th,
.groups-table .ReactTable .cx-filelist th,
.studio-management-grouplist-container .ReactTable .cx-filelist th,
.group-members .ReactTable .cx-filelist th,
.group-projects .ReactTable .cx-filelist th,
.studio-management-memberlist-container .ReactTable .cx-filelist thead,
.groups-table .ReactTable .cx-filelist thead,
.studio-management-grouplist-container .ReactTable .cx-filelist thead,
.group-members .ReactTable .cx-filelist thead,
.group-projects .ReactTable .cx-filelist thead,
.studio-management-memberlist-container .ReactTable .cx-filelist thead,
.groups-table .ReactTable .cx-filelist thead,
.studio-management-grouplist-container .ReactTable .cx-filelist thead,
.group-members .ReactTable .cx-filelist thead,
.group-projects .ReactTable .cx-filelist thead,
.studio-management-memberlist-container .ReactTable .cx-filelist tbody,
.groups-table .ReactTable .cx-filelist tbody,
.studio-management-grouplist-container .ReactTable .cx-filelist tbody,
.group-members .ReactTable .cx-filelist tbody,
.group-projects .ReactTable .cx-filelist tbody,
.studio-management-memberlist-container .ReactTable .cx-filelist .projectlistitem-logo,
.groups-table .ReactTable .cx-filelist .projectlistitem-logo,
.studio-management-grouplist-container .ReactTable .cx-filelist .projectlistitem-logo,
.group-members .ReactTable .cx-filelist .projectlistitem-logo,
.group-projects .ReactTable .cx-filelist .projectlistitem-logo {
  cursor: default!important;
}
.studio-management-memberlist-container .ReactTable .cx-filelist .projectlistitem-details,
.groups-table .ReactTable .cx-filelist .projectlistitem-details,
.studio-management-grouplist-container .ReactTable .cx-filelist .projectlistitem-details,
.group-members .ReactTable .cx-filelist .projectlistitem-details,
.group-projects .ReactTable .cx-filelist .projectlistitem-details {
  display: flex;
  flex-direction: column-reverse;
}
.studio-management-memberlist-container .ReactTable .cx-filelist .projectlistitem-logo-container,
.groups-table .ReactTable .cx-filelist .projectlistitem-logo-container,
.studio-management-grouplist-container .ReactTable .cx-filelist .projectlistitem-logo-container,
.group-members .ReactTable .cx-filelist .projectlistitem-logo-container,
.group-projects .ReactTable .cx-filelist .projectlistitem-logo-container {
  margin-right: 2px!important;
}
.studio-management-memberlist-container .ReactTable .cx-filelist .cx-projectlistitem,
.groups-table .ReactTable .cx-filelist .cx-projectlistitem,
.studio-management-grouplist-container .ReactTable .cx-filelist .cx-projectlistitem,
.group-members .ReactTable .cx-filelist .cx-projectlistitem,
.group-projects .ReactTable .cx-filelist .cx-projectlistitem {
  border-bottom: 1px solid #ededed;
}
.studio-management-memberlist-container .ReactTable .cx-filelist .cx-projectlistitem:last-child,
.groups-table .ReactTable .cx-filelist .cx-projectlistitem:last-child,
.studio-management-grouplist-container .ReactTable .cx-filelist .cx-projectlistitem:last-child,
.group-members .ReactTable .cx-filelist .cx-projectlistitem:last-child,
.group-projects .ReactTable .cx-filelist .cx-projectlistitem:last-child {
  border-bottom: none;
}
.studio-management-memberlist-container .ReactTable button,
.groups-table .ReactTable button,
.studio-management-grouplist-container .ReactTable button,
.group-members .ReactTable button,
.group-projects .ReactTable button {
  text-shadow: none!important;
}
.studio-management-memberlist-container .ReactTable .rt-th,
.groups-table .ReactTable .rt-th,
.studio-management-grouplist-container .ReactTable .rt-th,
.group-members .ReactTable .rt-th,
.group-projects .ReactTable .rt-th {
  transition: none!important;
}
.studio-management-memberlist-container .ReactTable .select-wrap,
.groups-table .ReactTable .select-wrap,
.studio-management-grouplist-container .ReactTable .select-wrap,
.group-members .ReactTable .select-wrap,
.group-projects .ReactTable .select-wrap {
  margin-top: 6px!important;
}
.studio-management-memberlist-container .ReactTable .member-divider,
.groups-table .ReactTable .member-divider,
.studio-management-grouplist-container .ReactTable .member-divider,
.group-members .ReactTable .member-divider,
.group-projects .ReactTable .member-divider {
  height: 1px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  background: #e9e9e9;
}
.studio-management-memberlist-container .ReactTable .member-expand-actions div,
.groups-table .ReactTable .member-expand-actions div,
.studio-management-grouplist-container .ReactTable .member-expand-actions div,
.group-members .ReactTable .member-expand-actions div,
.group-projects .ReactTable .member-expand-actions div {
  margin-bottom: 8px;
}
.studio-management-memberlist-container .ReactTable .member-expand-button,
.groups-table .ReactTable .member-expand-button,
.studio-management-grouplist-container .ReactTable .member-expand-button,
.group-members .ReactTable .member-expand-button,
.group-projects .ReactTable .member-expand-button {
  background-color: #c0c0c0;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
}
.studio-management-memberlist-container .ReactTable .member-expand-button:hover,
.groups-table .ReactTable .member-expand-button:hover,
.studio-management-grouplist-container .ReactTable .member-expand-button:hover,
.group-members .ReactTable .member-expand-button:hover,
.group-projects .ReactTable .member-expand-button:hover {
  background-color: #cfcfcf;
}
.studio-management-memberlist-container .ReactTable .member-expand-button.disabled,
.groups-table .ReactTable .member-expand-button.disabled,
.studio-management-grouplist-container .ReactTable .member-expand-button.disabled,
.group-members .ReactTable .member-expand-button.disabled,
.group-projects .ReactTable .member-expand-button.disabled {
  opacity: 0.5;
  cursor: initial;
}
.studio-management-memberlist-container .ReactTable .member-expand-button.disabled:hover,
.groups-table .ReactTable .member-expand-button.disabled:hover,
.studio-management-grouplist-container .ReactTable .member-expand-button.disabled:hover,
.group-members .ReactTable .member-expand-button.disabled:hover,
.group-projects .ReactTable .member-expand-button.disabled:hover {
  background-color: #c0c0c0;
}
.studio-management-memberlist-container .ReactTable .current-groups-header,
.groups-table .ReactTable .current-groups-header,
.studio-management-grouplist-container .ReactTable .current-groups-header,
.group-members .ReactTable .current-groups-header,
.group-projects .ReactTable .current-groups-header {
  margin-bottom: 10px;
}
.studio-management-memberlist-container .ReactTable .rt-resizable-header-content,
.groups-table .ReactTable .rt-resizable-header-content,
.studio-management-grouplist-container .ReactTable .rt-resizable-header-content,
.group-members .ReactTable .rt-resizable-header-content,
.group-projects .ReactTable .rt-resizable-header-content {
  text-align: left;
}
.studio-management-memberlist-container .ReactTable .rt-thead,
.groups-table .ReactTable .rt-thead,
.studio-management-grouplist-container .ReactTable .rt-thead,
.group-members .ReactTable .rt-thead,
.group-projects .ReactTable .rt-thead {
  box-shadow: none!important;
  background-color: #d5d5d5;
}
.studio-management-memberlist-container .ReactTable .rt-thead .rt-th,
.groups-table .ReactTable .rt-thead .rt-th,
.studio-management-grouplist-container .ReactTable .rt-thead .rt-th,
.group-members .ReactTable .rt-thead .rt-th,
.group-projects .ReactTable .rt-thead .rt-th {
  border-right: none;
}
.studio-management-memberlist-container .ReactTable .rt-thead .-cursor-pointer,
.groups-table .ReactTable .rt-thead .-cursor-pointer,
.studio-management-grouplist-container .ReactTable .rt-thead .-cursor-pointer,
.group-members .ReactTable .rt-thead .-cursor-pointer,
.group-projects .ReactTable .rt-thead .-cursor-pointer {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.studio-management-memberlist-container .ReactTable .rt-tr-group,
.groups-table .ReactTable .rt-tr-group,
.studio-management-grouplist-container .ReactTable .rt-tr-group,
.group-members .ReactTable .rt-tr-group,
.group-projects .ReactTable .rt-tr-group {
  background: #fff;
}
.studio-management-memberlist-container .ReactTable .rt-th:nth-child(2),
.groups-table .ReactTable .rt-th:nth-child(2),
.studio-management-grouplist-container .ReactTable .rt-th:nth-child(2),
.group-members .ReactTable .rt-th:nth-child(2),
.group-projects .ReactTable .rt-th:nth-child(2) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.studio-management-memberlist-container .ReactTable .rt-th:nth-child(5),
.groups-table .ReactTable .rt-th:nth-child(5),
.studio-management-grouplist-container .ReactTable .rt-th:nth-child(5),
.group-members .ReactTable .rt-th:nth-child(5),
.group-projects .ReactTable .rt-th:nth-child(5),
.studio-management-memberlist-container .ReactTable .rt-th:nth-child(6),
.groups-table .ReactTable .rt-th:nth-child(6),
.studio-management-grouplist-container .ReactTable .rt-th:nth-child(6),
.group-members .ReactTable .rt-th:nth-child(6),
.group-projects .ReactTable .rt-th:nth-child(6),
.studio-management-memberlist-container .ReactTable .rt-th:nth-child(7),
.groups-table .ReactTable .rt-th:nth-child(7),
.studio-management-grouplist-container .ReactTable .rt-th:nth-child(7),
.group-members .ReactTable .rt-th:nth-child(7),
.group-projects .ReactTable .rt-th:nth-child(7) {
  width: 50px!important;
  flex: 50 0 auto!important;
}
.studio-management-memberlist-container .ReactTable .rt-td:nth-child(5),
.groups-table .ReactTable .rt-td:nth-child(5),
.studio-management-grouplist-container .ReactTable .rt-td:nth-child(5),
.group-members .ReactTable .rt-td:nth-child(5),
.group-projects .ReactTable .rt-td:nth-child(5),
.studio-management-memberlist-container .ReactTable .rt-td:nth-child(6),
.groups-table .ReactTable .rt-td:nth-child(6),
.studio-management-grouplist-container .ReactTable .rt-td:nth-child(6),
.group-members .ReactTable .rt-td:nth-child(6),
.group-projects .ReactTable .rt-td:nth-child(6),
.studio-management-memberlist-container .ReactTable .rt-td:nth-child(7),
.groups-table .ReactTable .rt-td:nth-child(7),
.studio-management-grouplist-container .ReactTable .rt-td:nth-child(7),
.group-members .ReactTable .rt-td:nth-child(7),
.group-projects .ReactTable .rt-td:nth-child(7) {
  width: 50px !important;
  flex: 50 0 auto!important;
}
.studio-management-parent-container {
  vertical-align: top;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.studio-management-feature-title {
  text-align: left;
  margin-left: 24px;
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 14px;
}
.plan-content-upgrade-container .subscribe-btn {
  padding: 6px 12px;
  font-size: 12px;
}
.plan-content-current {
  margin-top: 5px;
}
.plan-content-seats-container {
  margin-top: 20px;
}
.studiomanagementnav-divider {
  margin-left: 15px;
  margin-right: 15px;
}
.plan-sub-container {
  background-color: #fff;
  width: 1050px;
}
.plan-content-blue-strip {
  background-color: #4fc0e8;
  height: 7px;
  width: 867px;
  margin-left: auto;
  margin-right: auto;
}
.studio-subinfo-msg-basic {
  font-family: 'lato', 'proxima-nova', 'sans-serif';
  background-color: #292d30;
  color: #fff;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 20px;
  width: 867px;
  margin-left: -1px;
  margin-left: auto;
  margin-right: auto;
}
#resend-invite {
  margin-top: 5px;
}
.plan-sub-container .studio-subinfo-contact-alt {
  margin: 20px 0px;
}
.plan-sub-container .studio-subinfo-contact-msg-alt {
  font-size: 12px;
  color: #909090;
}
.plan-sub-container .studio-subinfo-contact {
  background-color: #292d30;
  margin-left: auto!important;
  margin-right: auto!important;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  width: 848px;
  font-family: 'lato', 'proxima-nova', 'sans-serif';
}
.plan-sub-container .studio-subinfo-contact .studio-subinfo-contact-msg {
  color: #fff;
}
.plan-sub-container .studio-subinfo-contact .studio-subinfo-contact-msg a {
  color: #fff;
  text-decoration: underline;
}
.plan-sub-container .studio-subinfo-contact div {
  background-image: url('../img/more-info.png');
  background-size: 25px;
  background-repeat: no-repeat;
  background-position-x: 3px;
  background-position-y: 7px;
  padding-left: 40px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
.plan-content-container {
  padding: 20px;
}
.plan-content-container .plan-towers-container {
  text-align: center;
  margin-left: 1px;
}
.plan-content-container .pricetower-servicepriceyearly-promo {
  color: #633b02;
  font-weight: bold;
}
.plan-content-container .pricetower-recommendedfor {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.plan-content-container .pricetower-forwho {
  font-size: 14px;
  min-height: 42px;
}
.plan-content-container .pricetower-support {
  text-align: left;
  margin-top: 20px;
  padding: 10px;
}
.plan-content-container .pricetower-support:before,
.plan-content-container .pricetower-support:after {
  display: table;
  content: "";
}
.plan-content-container .pricetower-support:after {
  clear: both;
}
.plan-content-container .pricetower-support-icon {
  max-width: 50px;
  float: left;
  margin-right: 10px;
}
.plan-content-container .pricetower-support-title {
  font-weight: bold;
  font-size: 14px;
}
.plan-content-container .btn-towerspage {
  width: 235px;
  height: auto;
}
.plan-content-container .pricingtower-tab {
  display: inline-block;
}
.plan-content-container .trusted-logos {
  margin-top: 29px;
}
.plan-content-container .trusted-logos div {
  display: inline-block;
  width: 129px;
  height: 100px;
  background-repeat: no-repeat;
  opacity: 0.7;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.plan-content-container .pricingtower-tab-container {
  border: 1px solid #797979;
  border-radius: 4px;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #cfcfcf;
}
.plan-content-container .pricingtower-tab {
  border-right: 1px solid #797979;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 33.2%;
  cursor: pointer;
  background-color: #cfcfcf;
  font-size: 14px;
  font-family: lato;
  font-weight: bold;
  display: inline-block;
}
.plan-content-container .pricingtower-tab-active {
  background-color: #fff;
}
.plan-content-container .enterprise-tower-header {
  font-size: 30px;
  color: #203e8e;
  margin-top: 20px;
  font-weight: 900;
  margin-bottom: 10px;
}
.plan-content-container .enterprise-tower-subheader {
  font-size: 16px;
  margin-bottom: 30px;
}
.plan-content-container .enterprise-text {
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
}
.plan-content-container .enterprise-text-smallheader {
  color: #203e8e;
  font-size: 18px;
  margin-bottom: 5px;
}
.plan-content-container .enterprise-tower-info {
  width: 585px;
  margin-left: 50px;
  margin-top: 20px;
  display: inline-block;
  text-align: left;
}
.plan-content-container .enterprise-tower-info-section {
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top;
}
.plan-content-container .tower-icon-episodic {
  background-image: url('../img/tower-episodic-icon.png');
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  background-size: 80px;
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.plan-content-container .tower-icon-enterprise {
  background-image: url('../images/enterprise-icon.png');
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  background-size: 80px;
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.plan-content-container .tower-icon-story-dev {
  background-image: url('../img/tower-story-dev-icon.png');
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  background-size: 80px;
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.plan-content-container .tower-icon-single-script {
  background-image: url('../img/single-script.png');
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  background-size: 80px;
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.plan-content-container .pricetower-bestvalue {
  background-color: #4f9d9d;
  color: #fff;
  font-size: 16px;
  padding: 6px;
  font-weight: bold;
  font-family: lato;
}
.plan-content-container .pricetower-bestvalue.for-writers {
  background-color: #4e90c4;
}
.plan-content-container .pricetower {
  text-align: center;
  width: 284px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e5e6e8;
  background: #ffffff;
  height: 605px;
  margin-right: 5px;
}
.plan-content-container .pricetower:before,
.plan-content-container .pricetower:after {
  display: table;
  content: "";
}
.plan-content-container .pricetower:after {
  clear: both;
}
.plan-content-container .pricetower hr {
  margin: 0 auto !important;
  opacity: 0.6;
  width: 100%;
  border-color: #898989;
}
.plan-content-container .pricetower .subscribe-btn {
  font-size: 16px!important;
  margin-left: auto!important;
  margin-right: auto!important;
  height: 25px!important;
  padding-top: 10px!important;
  vertical-align: top!important;
  display: inline-block !important;
}
.plan-content-container .pricetower h2 {
  margin-bottom: 8px;
}
.plan-content-container .pricetower h3 {
  margin-top: 0px;
}
.plan-content-container .pricetower .savings {
  color: #2ecc71;
  font-size: 120%;
}
.plan-content-container .pricetower .savings span {
  border-bottom: 2px solid #2ecc71;
}
.plan-content-container .pricetower .pricetower-section-top {
  background-color: #fff;
  position: relative;
  width: 284px;
}
.plan-content-container .pricetower .pricetower-section-top .btn-towerspage {
  margin-top: 21px;
  height: auto;
}
.plan-content-container .pricetower.pricetower-recommended h2 {
  color: #fff;
}
.plan-content-container .pricetower.pricetower-recommended .pricetower-section-top {
  background: #021e30;
  color: #fff;
}
.plan-content-container .pricetower.pricetower-recommended .pricetower-servicedescription {
  color: #fff;
}
.plan-content-container .pricetower.pricetower-recommended .savings {
  color: white;
  font-size: 120%;
}
.plan-content-container .pricetower.pricetower-recommended .savings span {
  border-bottom: 2px solid #FFF;
}
.plan-content-container .pricetower.pricetower-gold {
  background: #ffbe2c;
}
.plan-content-container .pricetower.pricetower-gold .savings {
  color: black;
  font-size: 120%;
}
.plan-content-container .pricetower.pricetower-gold .savings span {
  border-bottom: 2px solid #FFF;
}
.plan-content-container .pricetower-section {
  padding: 10px 0px;
}
.plan-content-container .pricetower-servicename {
  padding-top: 20px;
  text-transform: uppercase;
  color: #4f9d9d;
  font-weight: 400;
  text-align: center;
  font-size: 27px;
}
.plan-content-container .pricetower-servicedescription {
  font-size: 13px;
  line-height: 1.6;
  height: 30px;
  padding: 0px 10px;
  font-family: lato;
}
.plan-content-container .pricetower-serviceprice-slashed {
  position: relative;
  color: #ccc;
  font-size: 30px;
  color: #40d47e;
}
.plan-content-container .pricetower-serviceprice-slashed:after {
  width: 100px;
  position: absolute;
  top: 36px;
  left: 50%;
  margin-left: -50px;
  border-bottom: 2px solid #2ecc71;
  content: ' ';
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
}
.plan-content-container .pricetower-servicepriceper-yearly {
  display: block;
  font-family: lato;
  padding: 5px;
}
.plan-content-container .pricetower-serviceminusers {
  opacity: 0.5;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 15px;
}
.plan-content-container .pricetower-section-mid {
  padding: 10px 0px 0px 0px;
  margin-left: -30px;
}
.plan-content-container .pricetower-section-mid h1 {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 0px 29px 0px 40px;
}
.plan-content-container .tower-green {
  color: #66b990;
}
.plan-content-container .tower-teal {
  color: #3f9d9d;
}
.plan-content-container .tower-blue {
  color: #4391c1;
}
.plan-content-container .pricetower-section-signup {
  padding: 10px;
}
.plan-content-container .pricetower-link {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.plan-content-container .pricetower-who {
  font-style: italic;
  font-size: 14px;
  margin-top: 10px;
}
.plan-content-container .price-feature-icon {
  display: inline-block !important;
  margin-right: 8px;
  width: 20px;
  margin-left: 20px;
  margin-bottom: 5px;
}
.plan-content-container .price-feature-desc {
  display: inline-block !important;
  color: #000 !important;
  cursor: pointer;
  font-family: lato;
}
.plan-content-container .price-feature-desc a {
  color: #000;
  cursor: pointer;
}
.plan-content-container .price-feature-desc a:hover {
  background: none;
}
.plan-content-container .pricetower-what {
  font-size: 14px;
}
.plan-content-container .pricetower-featurelist {
  list-style-type: circle;
  text-align: left;
  padding: 0px;
}
.plan-content-container .pricetower-featurelist li {
  position: relative;
}
.plan-content-container .pricetower-featurelist li i {
  display: inline-block;
  vertical-align: middle;
}
.plan-content-container .pricetower-featurelist li a,
.plan-content-container .pricetower-featurelist li span {
  line-height: 22px;
  display: block;
}
.plan-content-container .pricetower-featurelist li a {
  white-space: nowrap;
}
.plan-content-container .pricetower-featurelist li:last-child {
  border-bottom: none;
}
.plan-content-container .pricetower-featurelist li li {
  color: #a4aeb9;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}
.plan-content-container .pricetower-featurelist li a[data-tooltip]:link,
.plan-content-container .pricetower-featurelist li a[data-tooltip]:visited {
  position: relative;
  text-decoration: none;
  border-bottom: solid 1px;
  display: block;
}
.plan-content-container .pricetower-featurelist li a[data-tooltip]:before {
  visibility: hidden;
  border: solid;
  border-color: #1d3c50 transparent;
  border-width: 6px 6px 0 6px;
  bottom: 20px;
  content: "";
  left: 30%;
  position: absolute;
  z-index: 100;
}
.plan-content-container .pricetower-featurelist li a[data-tooltip]:after {
  content: attr(data-tooltip);
  background: #1d3c50;
  border-radius: 3px;
  bottom: 26px;
  color: #fff;
  left: 20%;
  padding: 10px 15px;
  padding-bottom: 15px;
  position: absolute;
  z-index: 99;
  width: 150px;
  font-family: "lato", sans-serif;
  visibility: hidden;
  white-space: normal;
}
.plan-content-container .pricetower-featurelist li a[data-tooltip]:hover:before,
.plan-content-container .pricetower-featurelist li a[data-tooltip]:hover:after {
  visibility: visible;
  -webkit-transition: visibility 0s linear 0.3s;
  -moz-transition: visibility 0s linear 0.3s;
  -o-transition: visibility 0s linear 0.3s;
  transition: visibility 0s linear 0.3s;
}
.plan-content-container .pricetower-featurelist .fullfeature {
  display: none;
}
.plan-content-container #school-code {
  position: relative;
}
.plan-content-container #school-code p {
  display: inline-block;
  vertical-align: top;
  margin-top: 9px;
  margin-bottom: 9px;
}
.plan-content-container #school-code .discount-code {
  text-align: left;
  padding: 10px 9px;
  font-family: "lato", sans-serif;
}
.plan-content-container #school-code .discount-button {
  text-transform: uppercase;
  display: inline-block;
  height: 40px;
  width: 120px;
  font-size: 13px;
  vertical-align: top;
  line-height: 30px;
  margin-left: 5px;
  float: right;
  box-shadow: none;
}
.plan-content-container #school-code .discount-code-container {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  text-align: center;
}
.plan-content-container #school-code .invalid {
  font-size: 9px;
  color: #EE5F5B;
  line-height: 8px;
  visibility: hidden;
  text-align: center;
  width: 230px;
  margin-bottom: 10px;
}
@media (max-width: 630px) {
  .plan-content-container #school-code .discount-code-container {
    display: block;
    margin-left: 0px;
  }
  .plan-content-container #school-code .discount-button {
    float: none;
  }
  .plan-content-container #school-code .discount-code-container {
    margin-bottom: 30px;
  }
}
.plan-content-container .pricetower-container-fullfeature .pricetower-featurelist .fullfeature {
  display: list-item;
}
.plan-content-container .pricetower-container-fullfeature .pricetower-section-mid {
  min-height: 420px;
}
.plan-content-container .servicetowers-serviceheader {
  min-height: 110px;
}
.plan-content-container .servicetowers-serviceheader h2 {
  font-weight: 300;
  border-bottom: #dfdfdf 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.plan-content-container .servicetowers-servicehead {
  padding-top: 16px;
  width: 89%;
}
.plan-content-container .servicetowers-servicehead img {
  max-height: 60px;
}
.plan-content-container .servicetowers-price-container {
  display: block;
  font-size: 20px;
  margin: 20px auto 20px auto;
  padding: 20px 0 20px 0;
  width: 80%;
  min-height: 91px;
}
.plan-content-container .pricetable {
  width: 710px;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}
.plan-content-container .pricetable-teamcopy {
  font-size: 14px;
  line-height: 18px;
  color: #999;
  width: 50%;
  margin-right: 48px;
  text-align: right;
  position: absolute;
  bottom: 40px;
  right: 0;
}
.plan-content-container .pricetable-schoollink {
  float: left;
}
.plan-content-container .pricetower-section li {
  list-style: none;
}
.plan-content-container .pricelist {
  background: #fff;
  padding: 20px;
  display: inline-block;
  vertical-align: middle;
}
.plan-content-container .pricelist-item-price {
  text-align: left;
  color: #5ca85c;
  display: inline-block;
  vertical-align: middle;
}
.plan-content-container .pricelist-item-amount {
  font-size: 30px;
  margin-bottom: 20px;
  color: #2a3b41;
}
.plan-content-container .pricelist-item-amount-number {
  font-size: 110%;
}
.plan-content-container .pricelist-item {
  width: 250px;
  display: inline-block;
  vertical-align: top;
  padding: 20px 40px;
  border-right: 1px solid #eee;
}
.plan-content-container .pricelist-item:last-child {
  border-right: none;
}
.plan-content-container .table-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
}
.plan-content-container .table-list li {
  display: table-cell;
}
.plan-content-container .sell-choices {
  display: inline-block;
  margin: 0 auto;
  width: auto;
}
.plan-content-container .sell-choices:before,
.plan-content-container .sell-choices:after {
  display: table;
  content: "";
}
.plan-content-container .sell-choices:after {
  clear: both;
}
.plan-content-container .sell-choices .left-side {
  min-height: 130px;
  float: left;
  width: 43%;
  margin-right: 3%;
  padding-top: 12px;
}
.plan-content-container .sell-choices .left-side img {
  max-width: 100%;
}
.plan-content-container .sell-choices .right-side {
  float: left;
  width: 51%;
  margin-left: 3%;
  text-align: left;
}
.plan-content-container .sell-choices .right-side img {
  max-width: 100%;
}
.plan-content-container .sell-choices .subscribe-buttons {
  text-align: center;
  min-height: 36px;
  margin: 20px 0;
}
.plan-content-container .sell-choices .subscribe-buttons a {
  width: 150px;
}
.plan-content-container .sell-choices .subscribe-buttons * {
  display: block;
  margin: 0 auto 10px auto!important;
}
.plan-content-container .sell-choices label {
  display: inline-block;
  padding: 0 0 0 10px;
}
.plan-content-container .sell-choices input {
  vertical-align: top;
}
.plan-content-container .sell-content {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  background: white;
}
.plan-content-container .sell-choices > li {
  width: 380px;
  padding: 0 2px;
  float: left;
}
.plan-content-container .sell-choices ul li {
  text-align: left;
}
.plan-content-container .sell-tag {
  width: 95%;
  height: 30px;
  margin-top: 18px;
  font-weight: normal;
  color: #585D6D;
  font-size: 17px;
  line-height: 26px;
}
.plan-content-container .price-list {
  color: #333;
  padding: 12px 0 12px 12px;
  margin: 0 0 10px 0;
  text-align: center;
}
.plan-content-container .price-list .btn {
  display: block;
  width: 200px;
  text-align: center;
  margin-bottom: 6px;
}
.plan-content-container .price-list:before,
.plan-content-container .price-list:after {
  display: table;
  content: "";
}
.plan-content-container .price-list:after {
  clear: both;
}
.plan-content-container .price-list .amount {
  font-size: 22px;
}
.plan-content-container .price-list label {
  margin: 0;
  padding: 0;
}
.plan-content-container .price-list li {
  vertical-align: middle;
  display: inline-block;
  padding: 0;
  text-align: center;
  margin: 0 32px 0 0;
  position: relative;
}
.plan-content-container .price-list li .per {
  margin-left: 5px;
  padding-top: 3px;
  font-size: 15px;
  color: #555;
}
.plan-content-container .sell-tooltip {
  color: #d9a400;
  border-bottom: 1px dotted #ffc40d;
}
.plan-content-container .sell-choices h4 {
  padding: 10px 0 2px 0;
  font-size: 16px;
}
.plan-content-container .sell {
  padding: 1px;
  border: 2px solid #999;
  position: relative;
  top: 9px;
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
}
.plan-content-container .sell .features {
  margin-bottom: 10px;
  min-height: 94px;
}
.plan-content-container .sell .featureList,
.plan-content-container .sell .best-choice-for ul {
  margin: 0;
  padding: 0;
  display: block;
  margin-right: 10px;
}
.plan-content-container .sell .featureList li,
.plan-content-container .sell .best-choice-for ul li {
  min-height: 20px;
  margin-left: 0px;
  border-bottom: #ddd 1px dotted;
}
.plan-content-container .sell .featureList li:last-child,
.plan-content-container .sell .best-choice-for ul li:last-child {
  border: none;
}
.plan-content-container .sell h2 {
  background-image: -moz-linear-gradient(top, #808080, #666666);
  background-image: -ms-linear-gradient(top, #808080, #666666);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808080), to(#666666));
  background-image: -webkit-linear-gradient(top, #808080, #666666);
  background-image: -o-linear-gradient(top, #808080, #666666);
  background-image: linear-gradient(top, #808080, #666666);
  background-repeat: repeat-x;
  color: white;
  font-size: 20px;
  padding: 5px;
  margin: 0;
}
.plan-content-container .sell .recommended {
  background: #fbfaf8;
  padding: 10px;
  margin: 10px 0 0 0;
  font-size: 13px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.plan-content-container .sell .reminder {
  display: block;
  padding: 20px;
  min-height: 126px;
  text-align: left;
  font-size: 12px;
  background: #f7f5f2;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.plan-content-container .sell .reminder p:last-child {
  margin-bottom: 0;
}
.plan-content-container .sell .price-choice-container {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  background: #F5F9FB;
  padding: 20px 0;
  min-height: 71px;
}
.plan-content-container .sell .price-choice-container .price-choice img {
  margin-bottom: -46px;
}
.plan-content-container .sell-writer {
  border: 2px solid #049cdb;
}
.plan-content-container .sell-writer h2 {
  background-image: -moz-linear-gradient(top, #0378a9, #025577);
  background-image: -ms-linear-gradient(top, #0378a9, #025577);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0378a9), to(#025577));
  background-image: -webkit-linear-gradient(top, #0378a9, #025577);
  background-image: -o-linear-gradient(top, #0378a9, #025577);
  background-image: linear-gradient(top, #0378a9, #025577);
  background-repeat: repeat-x;
}
.plan-content-container .sell-highlight h2 {
  font-size: 24px;
  padding-top: 9px;
  padding-bottom: 10px;
}
.plan-content-container .sell-edge {
  border: 2px solid #ffc40d;
}
.plan-content-container .sell-edge h2 {
  background-image: -moz-linear-gradient(top, #d9a400, #a67e00);
  background-image: -ms-linear-gradient(top, #d9a400, #a67e00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9a400), to(#a67e00));
  background-image: -webkit-linear-gradient(top, #d9a400, #a67e00);
  background-image: -o-linear-gradient(top, #d9a400, #a67e00);
  background-image: linear-gradient(top, #d9a400, #a67e00);
  background-repeat: repeat-x;
}
.plan-content-container .sell-highlight {
  position: relative;
  top: 0 !important;
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.25);
}
.plan-content-container .savings {
  color: #46a546;
  font-weight: bold;
}
.plan-content-container .feature-table {
  width: 700px;
  margin: 0 auto;
  background: white;
}
.plan-content-container .feature-table th {
  background: #F3F5F6;
  font-size: 130%;
}
.plan-content-container .feature-table td[colspan] {
  font-size: 120%;
}
.plan-content-container .feature-table td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.plan-content-container .feature-table td:not(:first-child) {
  text-align: center;
  font-weight: bold;
  color: #999;
  width: 100px;
}
.plan-content-container .feature-table td:not(:first-child)strong {
  color: #555;
}
.plan-content-container .feature-table th:not(:first-child) {
  text-align: center;
  font-weight: bold;
}
.plan-content-container .feature-table .dark-bg {
  background-color: #f3f5f6 !important;
}
.plan-content-container #basic-subscribe .basic-margin-bottom-large {
  margin-bottom: 72px !important;
}
.plan-content-container .servicetowers {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
.plan-content-container .servicetowers-table {
  margin: 0;
  width: 100%;
}
.plan-content-container .servicetowers-table td:nth-child(2),
.plan-content-container .servicetowers-table td:nth-child(3),
.plan-content-container .servicetowers-table td:nth-child(4) {
  width: 233px;
  padding: 0px !important;
  text-align: center;
}
.plan-content-container .servicetowers-table td {
  vertical-align: top;
  background: white;
}
.plan-content-container .servicetowers-table i {
  position: relative;
  top: 2px;
}
.plan-content-container .servicetowers-tablebottom {
  margin-bottom: 40px;
  min-height: 120px;
}
.plan-content-container .servicetowers-tablebottom td {
  vertical-align: middle;
}
.plan-content-container .servicetowers-tabletop,
.plan-content-container .servicetowers-tablebottom {
  background: #eee;
  width: 701px;
  margin-left: 338px;
  font-size: 14px;
  text-align: center;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.plan-content-container .servicetowers-tabletop td:nth-child(2),
.plan-content-container .servicetowers-tablebottom td:nth-child(2) {
  width: 33.33333333%;
  background-color: #eee;
}
.plan-content-container .servicetowers-tabletop td:nth-child(3),
.plan-content-container .servicetowers-tablebottom td:nth-child(3) {
  width: 33.33333333%;
  background-color: #F4F9FA;
}
.plan-content-container .servicetowers-tabletop td:nth-child(4),
.plan-content-container .servicetowers-tablebottom td:nth-child(4) {
  width: 33.33333333%;
  color: #fff;
  background-color: #2a3b41;
}
.plan-content-container .table.table-bordered.servicetowers-table.servicetowers-tablemiddle {
  -webkit-border-radius: 7px 0 0 7px;
  -moz-border-radius: 7px 0 0 7px;
  border-radius: 7px 0 0 7px;
}
.plan-content-container .table.table-bordered.servicetowers-table.servicetowers-tablemiddle td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -moz-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.plan-content-container .table.table-bordered.servicetowers-table.servicetowers-tablemiddle td:nth-child(2) {
  background-color: #f1f1f1;
}
.plan-content-container .table.table-bordered.servicetowers-table.servicetowers-tablemiddle td:nth-child(3) {
  background-color: #f8fbfc;
}
.plan-content-container .table.table-bordered.servicetowers-table.servicetowers-tablemiddle td:nth-child(4) {
  background-color: #52737f;
}
.plan-content-container .servicetowers-price {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
}
.plan-content-container .servicetower-workspacedesc {
  padding: 0 20px 10px 20px;
  margin: 0;
  font-style: italic;
}
.plan-content-container .servicetower-workspacedesc i {
  position: relative;
  top: 2px;
}
.plan-content-container .servicetower-workspacenutshell {
  padding: 0 10px;
  margin-top: 20px;
  font-size: 16px;
}
.plan-content-container .raisedproduct {
  margin-top: -30px;
}
.plan-content-container .servicetowers-outsideuser {
  position: absolute;
  width: 230px;
  right: 80px;
  top: 0px;
  max-width: initial;
}
.plan-content-container .pricing-section-topborder {
  border-top: 1px solid #c4c5c5 !important;
  padding-top: 40px;
  padding-bottom: 50px;
  width: 80%;
  margin: auto;
}
.plan-content-container .sublevel-sublevel {
  margin-top: 15px;
  display: inline-block;
}
.plan-content-container .video-planning-tooltips:last-child:before {
  display: none;
}
.plan-content-container .video-planning-tooltips:last-child:after {
  display: none;
}
.studio-subinfo-msg {
  font-size: 16px;
  color: #bf0000;
  margin-top: 15px;
  width: 80%;
  margin: 15px auto 0px auto;
  text-align: center;
  max-width: 600px;
}
.studio-subinfo-header {
  color: #6d6d6d;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.06em;
  border-bottom: 1px solid #ccc;
  padding: 5px 0px;
  margin: 40px 0px 5px 0px;
}
.studio-subinfo-plans-msg {
  font-size: 12px;
  color: #909090;
  margin-bottom: 0px;
}
.studio-subinfo-contact {
  margin: 20px 0px;
}
.studio-subinfo-contact-msg {
  font-size: 12px;
  color: #909090;
}
.studio-downgrade-msg {
  margin-top: 10px;
  color: #909090;
}
.studio-seats-title {
  font-size: 12px;
  color: #909090;
  margin-top: 15px;
}
.studioplancontextual {
  background: white;
  text-align: center;
  border-radius: 20px;
}
.studioplancontextual .new-cart-badge-sm {
  margin-left: -70px;
  margin-top: -7px;
}
.invoiced-plan-container .studioplancontextual {
  text-align: center;
}
.studioplancontextual > h1,
.studioplancontextual .contextual-headings {
  font-size: 20px;
}
.studioplancontextual > h1 h1,
.studioplancontextual .contextual-headings h1 {
  font-size: 20px;
}
.studioplancontextual .studioplan-new-feature-banner {
  color: #fff;
  background: #846faa;
  font-family: 'Lato', sans-serif;
  text-align: center;
  margin: 15px 5px;
  padding: 15px;
}
.studio-management-plan-container #nonfilelist-container {
  padding: 0 20px;
}
@media (max-width: 1235px) {
  .studio-management-plan-container .studioplancontextual .new-cart-badge-sm {
    margin-left: 25px;
    margin-top: -77px;
  }
}
.studio-management-plan-container .infomanagerbox-title {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #eaeaea;
  border-radius: 5px 5px 0px 0px;
  letter-spacing: initial;
  padding: 15px 10px;
  font-weight: normal;
  font-size: 14px;
  text-transform: initial;
  color: #000;
  border: 0;
}
.studio-management-plan-container .infomanagerbox {
  margin-right: 20px;
  width: 400px;
  float: left;
}
.studio-management-plan-container .infomanagerbox-label {
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
}
.studio-management-plan-container .infomanagerbox-edit {
  outline-offset: 3px;
}
.studio-management-members-container {
  width: 385px;
  background-color: #fff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  height: auto;
  border-radius: 6px;
  margin-right: 20px;
}
.studio-management-members-container .studio-management-container {
  width: 365px;
}
.studio-management-members-container .studio-management-item-info-container .studio-management-item-email {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-management-members-container .studio-management-item-info-container .studio-management-item-name {
  font-size: 12px;
  white-space: nowrap;
}
.studio-management-groups-custom-msg {
  width: 381px;
  margin-top: 50px;
  margin-left: auto;
  color: #686868;
  letter-spacing: 1px;
  margin-right: auto;
  text-align: center;
}
.studio-management-groups-custom-msg a {
  color: #bc03bc;
  text-decoration: underline;
}
.switch-to-annual-btn {
  background-color: #2FB5B4;
  color: white;
  font-size: 13px;
  bottom: 5px;
  left: 40px;
  cursor: pointer;
  margin-left: 7px;
}
.switch-to-annual-btn:hover {
  color: white;
}
.studio-management-groups-container {
  width: 385px;
  background-color: #fff;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  height: auto;
  border-radius: 6px;
}
.studio-management-groups-container .studio-management-member-item {
  background-color: #fff;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  /* ...and now for the proper property */
  transition: 0.5s;
}
.studio-management-groups-container .studio-management-member-item:hover {
  background-color: #F2F2F2;
}
.studio-management-groups-container .studio-management-member-item-wrap {
  display: flex;
  align-items: center;
}
.studio-management-groups-container .studio-management-group-members-container {
  top: 2px;
}
.studio-management-contacts-container {
  width: 100%;
  background-color: #fff;
  vertical-align: top;
  height: auto;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: inline-block;
}
.studio-management-contacts-container .studio-management-empty-state {
  display: none;
}
.studio-management-contacts-container.collaborators .studio-management-contacts-newclient-button,
.studio-management-contacts-container.collaborators .edit-client {
  display: none;
}
.studio-management-contacts-container.collaborators .studio-management-contacts-list {
  max-height: 550px;
}
.studio-management-contacts-container .studio-management-item-name {
  font-size: 12px;
  width: 260px;
  white-space: nowrap;
}
.studio-management-contacts-container .studio-management-contact-item {
  display: flex;
  align-items: center;
}
.studio-management-contacts-container .studio-management-contact-item .client-delete {
  color: #c0c0c0;
}
.studio-management-contacts-container .studio-management-contact-item.hover-highlight:hover {
  background-color: rgba(200, 200, 200, 0.2);
}
.studio-management-contacts-top {
  background-color: #e8eaea;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 14px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.studio-management-request-button {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 3px;
}
.studio-management-members-list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 663px;
}
.studiomanagement-downgrade-msg {
  text-align: center;
  margin: 20px 0px;
  width: 100%;
}
.studio-management-add-member-text {
  font-size: 12px;
}
.studio-management-groups-sub-container {
  height: 293px;
  overflow-y: auto;
  overflow-x: hidden;
}
.studio-management-contacts-list {
  overflow-y: auto;
  overflow-x: hidden;
}
.studio-management-contacts-list .studio-management-item-info-container {
  margin-top: 0;
}
.studio-management-contacts-sub-container {
  height: 444px;
  overflow-y: auto;
  overflow-x: hidden;
}
.studio-management-groups-expand-container {
  margin-top: 20px;
  text-align: center;
  width: 350px;
}
.studio-management-collaborators {
  font-family: 'lato';
}
.studio-management-collaborators div.add-collaborators-section {
  width: 100%;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-content {
  padding: 25px;
  background-color: white;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header {
  display: flex;
  color: white;
  padding: 35px;
  font-size: 17px;
  align-items: center;
  padding-right: 25px;
  background: #945CA3;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  justify-content: space-between;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > img.graphic {
  max-width: 93px;
  max-height: 93px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content {
  display: flex;
  margin-left: 22px;
  margin-right: 75px;
  line-height: normal;
  flex-direction: column;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title {
  display: flex;
  font-size: 22px;
  margin-bottom: 8px;
  width: 530px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title > div {
  display: flex;
  margin-left: 5px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title.lt {
  flex-direction: column;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title.lt > div {
  margin-top: 5px;
  margin-left: 0px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc {
  font-size: 14px;
  margin-bottom: 11px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.price {
  display: flex;
  flex-direction: column;
  color: white;
  width: fit-content;
  margin-left: auto;
  padding-left: 40px;
  text-align: center;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border-left: 2px solid rgba(255, 255, 255, 0.34);
}
.studio-management-collaborators div.add-collaborators-section.legacy > div.acs-header > div.title-group > div.content {
  margin-right: 155px;
}
.studio-management-collaborators div.team-plan-upgrade-section,
.studio-management-collaborators div.classroom-plan-upgrade-section {
  width: 100%;
  color: #F6F6F6;
}
.studio-management-collaborators div.team-plan-upgrade-section:not(.standalone),
.studio-management-collaborators div.classroom-plan-upgrade-section:not(.standalone) {
  margin-top: 35px;
}
.studio-management-collaborators div.team-plan-upgrade-section > div.or-divider,
.studio-management-collaborators div.classroom-plan-upgrade-section > div.or-divider {
  display: flex;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  align-items: center;
  margin-bottom: 35px;
  letter-spacing: 4px;
  justify-content: center;
}
.studio-management-collaborators div.team-plan-upgrade-section > div.or-divider::before,
.studio-management-collaborators div.classroom-plan-upgrade-section > div.or-divider::before,
.studio-management-collaborators div.team-plan-upgrade-section > div.or-divider::after,
.studio-management-collaborators div.classroom-plan-upgrade-section > div.or-divider::after {
  content: "";
  width: 150px;
  display: block;
  height: max-content;
  border: 0.5px solid #F6F6F6;
  transform: translate(0px, 1px);
}
.studio-management-collaborators div.team-plan-upgrade-section > div.or-divider::before,
.studio-management-collaborators div.classroom-plan-upgrade-section > div.or-divider::before {
  margin-right: 25px;
}
.studio-management-collaborators div.team-plan-upgrade-section > div.or-divider::after,
.studio-management-collaborators div.classroom-plan-upgrade-section > div.or-divider::after {
  margin-left: 25px;
}
.studio-management-collaborators div.team-plan-upgrade-section > hr.sm-plan-page-anchor,
.studio-management-collaborators div.classroom-plan-upgrade-section > hr.sm-plan-page-anchor {
  transform: translate(0px, -42px);
}
@media only screen and (max-width: 1050px) {
  .studio-management-collaborators div.add-collaborators-section > div.acs-header {
    padding: 20px;
    flex-direction: column;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group {
    flex-direction: column;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > img.graphic {
    max-width: 75px;
    max-height: 75px;
    margin-bottom: 10px;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content {
    margin-left: 0px;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title {
    justify-content: center;
    width: fit-content;
    text-align: center;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc {
    text-align: center;
    line-height: 22px;
    max-width: 100%;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.price {
    font-size: 14px;
    padding: 0;
    margin: 0 auto;
    border: none;
  }
}
@media only screen and (max-width: 550px) {
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.price > p {
    max-width: unset;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content {
    margin: 0;
    width: 100%;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.title {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    align-items: center;
    justify-content: center;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content > div.desc {
    font-size: 13px;
    max-width: 100%;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-header i.cx-mc-trial-disclaimer-btn {
    margin: 0;
  }
}
.studio-management-collaborators div.add-collaborators-section {
  border-radius: 8px;
  margin-bottom: 30px;
  line-height: normal;
  font-family: "lato", sans-serif;
}
.studio-management-collaborators div.add-collaborators-section > hr.sm-plan-page-anchor {
  display: none;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header {
  background: #945CA3;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-header > div.title-group > div.content {
  margin-right: 35px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-content {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-content > div.cx-mc-sm-collaborator-list {
  max-height: 430px;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-content > div.cx-mc-sm-add-collaborator-input {
  padding: 0px;
  display: flex;
  margin-top: 25px;
  width: max-content;
  align-items: center;
  justify-content: center;
}
.studio-management-collaborators div.add-collaborators-section > div.acs-content > div.cx-mc-sm-add-collaborator-input > div.input-group {
  padding: 0px;
  width: max-content;
  margin-right: 30px;
}
@media only screen and (max-width: 1050px) {
  .studio-management-collaborators div.add-collaborators-section > div.acs-content {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-content > div.cx-mc-sm-collaborator-list {
    width: 100%;
  }
  .studio-management-collaborators div.add-collaborators-section > div.acs-content > div.cx-mc-sm-add-collaborator-input > div.input-group {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.studio-management-section-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #F6F6F6;
  margin-top: 20px;
  margin-bottom: 10px;
}
.studio-management-section-subtitle {
  font-size: 12px;
  color: #F6F6F6;
  margin-bottom: 30px;
}
.studio-management-header {
  background-color: #e8eaea;
  display: inline-block;
  width: 345px;
  font-size: 14px;
  margin-bottom: -5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 14px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.studio-management-item-name {
  font-size: 12px;
  white-space: nowrap;
}
.studio-management-item-name .ci-edit {
  font-size: 12px;
  color: #7f8c8d;
}
.studio-management-contacts-edit {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.studio-management-contacts-edit a {
  color: #c4c4c4;
}
.studio-management-contacts-info-container {
  display: inline-block;
}
.studio-management-item-name {
  display: inline-block;
}
.studio-management-item-admin {
  font-size: 12px;
  color: #576061;
}
.studio-management-project-title {
  color: #000;
  font-size: 12px;
}
.studio-management-project-type {
  font-size: 10px;
  color: #7f8c8d;
}
.studio-management-asset-title {
  font-size: 12px;
  color: #7f8c8d;
  margin-top: 15px;
  margin-bottom: 12px;
}
.studio-management-group-details {
  margin-left: 60px;
  margin-top: 17px;
}
.studio-management-group-details .studio-management-item-name {
  font-size: 12px;
}
.studio-management-group-details .studio-management-item-email {
  font-size: 11px;
}
.studio-management-group-details .studio-management-item-avatar-xsmall {
  margin-right: 7px;
  margin-left: 0px;
}
.studio-management-group-details .studio-management-item-info-container {
  margin: 0;
}
.studio-management-item-name,
.studio-management-item-role,
.studio-management-item-email,
.studio-management-item-date,
.studio-management-item-status,
.studio-management-member-count {
  font-size: 12px;
  width: 215px;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow-x: hidden;
}
#studio-management-become {
  font-size: 10px;
  text-shadow: none;
  box-shadow: none;
  border-radius: 3px;
  border: none;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
#studio-management-become:focus {
  outline: none;
  box-shadow: none;
}
.studio-management-edit-mode .studio-management-item-name,
.studio-management-edit-mode .studio-management-item-email {
  width: 150px;
}
.studio-management-edit-mode .studio-management-item-info-container {
  width: 150px;
}
.studio-management-item-role {
  text-transform: capitalize;
}
a.studio-management-edit-perms {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #fff;
  font-size: 14px;
}
a.studio-management-edit-perms:hover {
  color: #a0a0a0;
}
a.studio-management-remove-member {
  position: absolute;
  top: 10px;
  right: 30px;
  color: #fff;
  font-size: 14px;
}
a.studio-management-remove-member:hover {
  color: #a0a0a0;
}
.studio-management-item-perm {
  margin-top: 3px;
}
.studio-management-item-perm label {
  margin-left: 7px;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 11px;
}
.studio-management-item-email a {
  color: #7f8c8d;
  text-decoration: none;
}
.studio-management-contacts-studio,
.studio-management-contacts-email {
  font-size: 12px;
  color: #7f8c8d;
}
@media (orientation: portrait) {
  .tablet-right-hand-column-management {
    float: left !important;
  }
}
@media (max-width: 1024px) {
  .right-hand-column-management {
    float: left !important;
  }
}
.ready-banner {
  width: 1050px;
  height: 139px;
  background-image: url('../img/sm-ready-banner.jpg');
  text-align: center;
  background-repeat: no-repeat;
}
.studio-subinfo-plan-msg {
  font-size: 12px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 2px;
  display: inline-block;
}
.studio-management-edit-button {
  font-size: 12px;
  color: #7f8c8d;
  display: inline-block;
  margin-top: 18px;
  margin-right: 20px;
  vertical-align: top;
}
.bulk-onboard-btn {
  float: right;
  padding: 5px !important;
  margin-right: 4px;
}
.studio-management-header-invite-button {
  float: right;
}
.studio-management-header-text {
  float: left;
  margin-top: 2px;
}
.studio-management-groups-member-container {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.studio-management-groups-project-container {
  display: inline-block;
  float: right;
  text-align: left;
}
.studio-management-container {
  display: flex;
  align-items: center;
  padding: 15px 10px;
  width: auto;
}
.studio-management-item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.studio-management-item .teammember-openslot-inviteform {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 5px;
}
.studio-management-asset-item {
  margin-bottom: 10px;
}
.studio-management-item-active {
  background-color: #eef0f0;
}
.studio-management-groups-member-list {
  float: right;
}
.studio-management-item-info-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: normal;
  letter-spacing: 0.06em;
  width: 305px;
}
.studio-management-members {
  border-bottom: 2px solid #bfc2c3;
}
.studio-management-group-item-info-container {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  line-height: normal;
}
.studio-management-item-info-container-right {
  float: right;
}
.studio-management-item-avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #4fc0e8;
  border-radius: 100%;
  vertical-align: middle;
  width: 55px;
  min-width: 55px;
  height: 55px;
  margin-right: 4px;
  margin-top: 12px;
  margin-left: 5px;
  display: inline-block;
}
.studio-management-item-avatar-medium {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 45px;
  min-width: 45px;
  height: 45px;
  display: inline-block;
}
.studio-management-item-avatar-small {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #01d5fb;
  border-radius: 100%;
  width: 30px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 15px;
  vertical-align: middle;
  text-align: center;
}
.studio-management-item-avatar-small span {
  font-size: 16px;
  color: #E7F9FF;
}
.studio-management-item-avatar-small span .menu-expand-icon {
  width: 10px;
}
.studio-management-item-avatar-small span .menu-expanded-icon {
  width: 16px;
}
.studio-management-item-avatar-small span .teammember-add-icon {
  margin-left: 3px;
  vertical-align: top;
  line-height: 28px;
}
.studio-management-groups-list {
  max-height: 663px;
  overflow-x: hidden;
  overflow-y: auto;
}
.studio-management-groups-list .studio-management-item-info-container {
  width: 259px;
  margin-top: 0;
}
.studio-management-item-avatar-xsmall {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-left: 5px;
  background-color: grey;
}
.studio-management-group-members-container {
  white-space: nowrap;
  position: absolute;
  top: 20px;
  right: 10px;
  max-width: 99px;
  overflow-x: auto;
}
.studio-management-remove-placeholder {
  background-color: #fff;
  width: 25px;
  display: inline-block;
  color: #fff;
  height: 90px;
  font-size: 16px;
  vertical-align: top;
  text-align: center;
}
.studio-management-remove-item {
  background-color: #fff;
  width: 25px;
  display: inline-block;
  color: #fff;
  height: 90px;
  font-size: 16px;
  vertical-align: top;
  text-align: center;
  background-color: #dbdada;
  cursor: pointer;
}
.studio-management-select-item {
  background-color: #dbdada;
  width: 30px;
  display: flex;
  align-self: stretch;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}
.studio-management-select-item i {
  align-self: center;
}
.studio-management-selected-item {
  background-color: #4fc0e8;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  /* ...and now for the proper property */
  transition: 0.5s;
}
.studio-management-remove-button {
  color: red;
}
.studio-management-select-button {
  color: lightgreen;
}
.studio-management-item-admin-status {
  display: inline-block;
  margin-left: 30px;
}
.studio-management-item-admin-status-checked {
  border-radius: 4px;
  background-color: #4fc0e8;
  border: 1px solid white;
  width: 12px;
  height: 12px;
}
.studio-management-item-admin-status-checked div {
  width: 70px;
  display: inline-block;
  font-size: 12px;
  margin-left: 20px;
  color: #A6A7AC;
}
.studio-management-item-admin-status-unchecked {
  border-radius: 4px;
  background-color: #e2e3e3;
  border: 1px solid white;
  width: 12px;
  height: 12px;
}
.studio-management-item-admin-status-unchecked div {
  width: 70px;
  display: inline-block;
  font-size: 12px;
  margin-left: 20px;
  color: #A6A7AC;
}
.studio-management-remove-item-selected {
  background-color: #fb6568;
}
.studio-management-remove-item span {
  line-height: 90px;
  font-size: 16px;
}
.studio-management-fade-item {
  opacity: 0.5;
}
.studio-management-item-details {
  margin-left: 70px;
}
.animate {
  height: 200px;
  overflow-y: auto;
  transition: all 0.5s ease;
  opacity: 1;
}
.animation-enter {
  opacity: 0.01;
}
.animation-enter.animation-enter-active {
  opacity: 1;
  transition: opacity 2s ease-in;
}
.studio-management-add-seats {
  background-color: #e1e1e1;
  padding: 6px;
}
.studio-management-settings {
  margin-left: auto;
}
.studio-management-change-pw {
  font-size: 10px;
  width: 74px;
  line-height: 14px;
  text-decoration: none;
  border: 1px solid #e8eaea;
  color: grey;
  padding: 3px;
  border-radius: 2px;
}
.studio-management-change-pw a {
  text-decoration: none;
  color: grey;
}
.studio-subinfo-title {
  font-size: 12px;
  text-align: left;
}
.studio-subinfo-headline {
  margin-bottom: 10px;
  font-size: 18px;
  text-align: left;
}
.studio-subinfo-container {
  width: 580px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.studio-subinfo-subtitle {
  font-size: 12px;
}
.studio-subinfo-subtitle2 {
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
}
.studio-management-toggle-title {
  font-size: 10px;
  letter-spacing: 0em;
  line-height: 18px;
  margin-top: 4px;
}
.studio-management-item:target {
  height: 500px;
}
.studio-management-project-image-xsmall {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.studio-management-item-divider {
  width: 100%;
  height: 1px;
  background-color: #e8eaea;
}
.studio-management-count-circle {
  border-radius: 100%;
  padding: 3px;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  background-color: #dbdddd;
  margin-left: 5px;
}
.studio-management-contacts-dropdown {
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
  margin-left: 10px;
}
.studio-management-contacts-dropdown select {
  margin-bottom: 0;
}
.studio-management-group-details-container {
  height: 0;
}
.studio-management-member-item {
  cursor: pointer;
}
.studio-management-contacts-image {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
}
.studio-management-contacts-newclient-button {
  display: inline-block;
  float: right;
  color: #fff;
  border-radius: 3px;
  margin-right: 10px;
}
.studio-management-contacts-newclient-button.collaborators {
  display: none;
}
.studio-management-contacts-newclient-button a {
  text-decoration: none;
  color: #fff;
}
.group-dialog {
  width: 445px;
}
.group-dialog .projectpanel-tabsection {
  width: 390px;
  text-align: left;
}
.group-dialog .studio-management-container {
  padding: 0;
  margin-bottom: 15px;
}
.group-dialog .studio-management-item-info-container {
  margin-left: 5px;
  margin-top: 15px;
  color: black;
}
.group-dialog .studio-management-selected-item {
  background-color: #2FB5B4;
}
.group-dialog .infomanagerbox {
  min-height: 0;
}
.group-dialog .infomanagerbox .infomanagerbox-label {
  color: white;
}
.group-dialog .projectpanel-dropcontainer {
  display: none;
}
.group-dialog .projectpanel-tabsection-endsection {
  border: 0;
  max-height: 200px;
  height: auto;
}
.group-dialog .projectpanel-tabsection-content {
  padding: 0;
  overflow-x: hidden;
  cursor: pointer;
  max-height: 300px;
}
.group-dialog .studio-management-select-item {
  line-height: 55px;
}
.group-dialog .projectpanel-tabsection {
  background-color: #fff;
  height: auto;
}
.group-dialog .studio-management-item-avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  margin-right: 4px;
  margin-left: 30px;
  margin-top: 10px;
  display: inline-block;
  vertical-align: bottom;
}
.group-dialog .modal-dialog-buttons button {
  text-transform: capitalize;
}
.studio-management-empty-state {
  color: #acacac;
  font-size: 11px;
  padding: 12px;
  letter-spacing: 1px;
  text-align: center;
  font-weight: normal;
}
.studio-management-pipe {
  font-size: 10px;
}
.teamfooter {
  margin: 0;
}
.tabupgradefeature {
  position: absolute;
  left: 50px;
  bottom: 16px;
  padding: 8px 14px;
  margin-bottom: 18px;
  background-color: #fdcfbf;
  border: 1px solid #fcb8b1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #f7612c;
  background-color: #84dfde;
  border-color: #2FB5B4;
  color: #2FB5B4;
  margin-bottom: 0;
  max-width: 250px;
  padding: 6px 10px;
}
.tabupgradefeature a {
  color: #31bdbc;
  text-decoration: underline;
}
.start-banner {
  background-image: url('../img/tallerStudioBanner.jpg');
  height: 265px;
  text-align: center;
  width: 1050px;
  background-repeat: no-repeat;
}
.cx-studio-management-banner-title {
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  font-size: 22px;
  margin-bottom: 7px;
}
.cx-studio-management-settings-toggle {
  background-color: #f8f8f8;
  width: 100%;
  cursor: pointer;
  margin-left: -20px;
  padding: 20px;
  margin-bottom: -20px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.start-title span {
  margin-top: 100px;
  display: inline-block;
  margin-bottom: 10px;
}
.cx-studio-management-banner-description {
  font-size: 14px;
  color: #fff;
  width: 90%;
  text-align: center;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 1px;
  line-height: 23px;
}
.cx-studio-management-banner-get-started span {
  display: inline-block;
  padding: 10px;
  background-color: #46d7d8;
  color: #fff;
  width: 200px;
  border-radius: 6px;
  font-family: lato;
  margin-top: 15px;
}
.cx-studio-management-info-container {
  background-color: #fff;
  border-radius: 6px;
  width: 260px;
  text-align: center;
  padding: 10px;
  margin: 10px;
}
.cx-studio-management-info-title-desc {
  font-size: 10px;
  padding: 10px;
  text-transform: uppercase;
}
.cx-studio-management-info-icon-standard {
  background-color: #fff;
  border-radius: 7px;
  background-image: url('../img/icons/television.png');
  width: 60px;
  height: 61px;
  margin-left: auto;
  margin-right: auto;
}
.cx-studio-management-info-icon-pro {
  background-color: #fff;
  border-radius: 7px;
  background-image: url('../img/icons/episodic.png');
  width: 60px;
  height: 61px;
  margin-left: auto;
  margin-right: auto;
}
.cx-studio-management-info-icon-basic {
  background-color: #fff;
  border-radius: 7px;
  background-image: url('../img/icons/lock.png');
  width: 60px;
  height: 61px;
  margin-left: auto;
  margin-right: auto;
}
.cx-studio-management-info-title {
  font-size: 12px;
  color: #4fc0e8;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 10px;
}
.cx-studio-management-info-desc {
  font-size: 12px;
  padding-bottom: 10px;
  color: #c0c0c0;
}
.shared-with-bubble {
  opacity: 0;
  float: left;
  display: inline-block;
  background-size: 100%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 3px;
  font-size: 10px;
}
.shared-with-bubble.spin-into-view {
  animation-name: spin;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes spin {
  0% {
    transform: scale(0.01, 0.01);
  }
  100% {
    opacity: 1;
  }
}
.shared-with-bubble-read-only {
  opacity: 0;
}
.shared-with-bubble-read-only.spin-into-view {
  animation-name: spin-read-only;
  animation-duration: 200ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes spin-read-only {
  0% {
    transform: scale(0.01, 0.01);
  }
  100% {
    opacity: 0.3;
  }
}
.shared-with-expand {
  background: #dadada;
}
.view-billing-btn {
  color: #a0a0a0;
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.studiomyplan {
  text-align: center;
  margin: 0px 46px;
  max-width: 300px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.studiomyplan-header-title {
  color: #2FB5B4;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px 0 20px 0;
}
.studiomyplan-header-icon {
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  background-size: 100px;
  margin: 25px auto;
}
.studiomyplan-header-icon.story-dev-icon {
  background-image: url(../img/cart/tower-story-dev-icon.png);
}
.studiomyplan-header-icon.single-script-icon {
  background-image: url(../img/cart/tower-single-script-icon.png);
}
.studiomyplan-header-icon.episodic-icon {
  background-image: url(../img/cart/tower-episodic-icon.png);
}
.studiomyplan-professional-image {
  background-image: url(../img/celtx-enterprise-plan-banner.png);
  width: 245px;
  height: 200px;
  background-size: cover;
  display: inline-block;
  grid-area: img;
}
.studiomyplan-list {
  text-align: left;
}
.studiomyplan-list dt {
  line-height: 1.3;
  box-sizing: border-box;
  width: 42%;
  padding-right: 30px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
.studiomyplan-list dd {
  line-height: 1.3;
  box-sizing: border-box;
  width: 58%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}
.studiomyplan-list .studiomyplan-list-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studiomyplan-list .studiomyplan-list-title.billing {
  text-overflow: unset;
}
.studiomyplan-list .studiomyplan-list-title .view-billing-btn {
  font-size: 13px;
  margin-top: 12px;
  width: max-content;
}
.studiomyplan.professional {
  max-width: 800px;
}
.studiomyplan.professional .studiomyplan-infocontainer {
  background-color: #DEF5F5;
  width: 730px;
  margin: 0 auto;
  border-radius: 30px;
  display: grid;
  grid-template-columns: 35% 55%;
  padding: 35px;
  grid-column-gap: 10%;
  grid-template-areas: "title info" "subtitle info" "img info" "img contact";
  margin-bottom: 50px;
}
.studiomyplan.professional .studiomyplan-infocontainer .studiomyplan-header-title {
  text-align: left;
  text-transform: capitalize;
  color: #19b3ab;
  padding: 0;
  font-weight: 400;
  font-size: 30px;
  grid-area: title;
}
.studiomyplan.professional .studiomyplan-infocontainer .studiomyplan-header-subtitle {
  grid-area: subtitle;
  font-size: 18px;
  color: #863C74;
  text-align: left;
  font-weight: 400;
}
.studiomyplan.professional .studiomyplan-infocontainer .studiomyplan-list {
  font-family: 'Lato', sans-serif;
  text-align: left;
  max-width: 300px;
  grid-area: info;
}
.studiomyplan.professional .studiomyplan-infocontainer .studiomyplan-list-title:not(.members),
.studiomyplan.professional .studiomyplan-infocontainer .studiomyplan-list-def:not(.members) {
  border-bottom: solid 1px #19b3ab;
  padding-bottom: 20px;
}
.studiomyplan.professional .studiomyplan-infocontainer .studiomyplan-list strong {
  font-weight: 400;
}
.studiomyplan.professional .studiomyplan-infocontainer .contact-sales-container {
  text-align: left;
}
.studiomyplan.professional .studiomyplan-infocontainer .contact-sales-container .contact-sales-prompt {
  font-family: 'Lato', sans-serif;
  font-style: italic;
  text-align: left;
}
.studiomyplan.professional .studiomyplan-infocontainer .contact-sales-container .contact-sales-btn {
  text-transform: uppercase;
  color: #fff;
  border-radius: 25px 0 25px 25px;
  padding: 7px 30px;
  background-color: #19b3ab;
  font-weight: 700;
  font-size: 10px;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  letter-spacing: 1px;
}
.studiomyplan.professional .tabber {
  text-align: left;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.studiomyplan.professional .tabber .tabber-tabs {
  flex-basis: 40%;
}
.studiomyplan.professional .tabber .tabber-tab.active a {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #d9d9d9;
  background-color: unset;
  color: #846faa;
}
.studiomyplan.professional .tabber .tabber-tab a {
  padding: 15px 0 !important;
  display: block;
  font-weight: 700;
  font-size: 16px;
  color: #505050;
  border-width: 0 0 1px 0 !important;
  border-color: #d9d9d9 !important;
  font-family: 'Lato', sans-serif;
  border-radius: 0;
}
.studiomyplan.professional .tabber .tabber-tab a:hover {
  border-color: transparent;
  color: #846faa;
}
.studiomyplan.professional .tabber .tabber-contents {
  flex-basis: 50%;
  background-color: #def5f5;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: block;
  overflow: hidden;
  font-family: 'Lato', sans-serif;
  text-align: left;
  border: none;
  padding: 0;
}
.studiomyplan.professional .tabber .tabber-contents .add_ons_preview_title {
  padding: 25px 35px;
  background-color: #19b3ab;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.studiomyplan.professional .tabber .tabber-contents .add-ons_preview_content {
  padding: 10px 35px 35px 35px !important;
  margin-bottom: 0 !important;
  border: none !important;
}
.studiomyplan.professional .tabber .tabber-contents .add-ons_preview_content ul {
  margin-top: 15px;
  font-size: 14px;
}
.studiomyplan.professional .tabber .tabber-contents .add-ons_preview_content ul li {
  margin-top: 10px;
  position: relative;
  color: #19b3ab;
}
.studiomyplan.professional .tabber .tabber-contents .add-ons_preview_content ul li span {
  color: #505050;
}
.studiomyplan.professional .tabber .tabber-contents .add-ons_preview_btn {
  text-transform: uppercase;
  color: #fff;
  border-radius: 25px 0 25px 25px;
  padding: 15px 30px;
  background-color: #846faa;
  text-align: center;
  margin-right: auto;
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
  margin: 0 0 35px 35px;
  transition: 0.4s all ease-in-out;
}
.studiomyplan.professional .features,
.studiomyplan.professional .add-ons {
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  margin-top: 50px;
}
.studiomyplan.professional .features_header,
.studiomyplan.professional .add-ons_header {
  flex-basis: 100%;
  margin-bottom: 30px;
  flex-direction: row;
  text-align: left;
}
.studiomyplan.professional .features_header_title,
.studiomyplan.professional .add-ons_header_title {
  color: #505050;
  font-family: Lato, sans-serif;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  display: inline-flex;
}
.studiomyplan.professional .features_header_subtitle,
.studiomyplan.professional .add-ons_header_subtitle {
  color: #2B829B;
  font-family: 'Merriweather', serif;
  vertical-align: text-bottom;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 300;
}
.studiomyplan.professional .features_core-features,
.studiomyplan.professional .add-ons_core-features {
  width: 100%;
}
.studiomyplan.professional .features_feature,
.studiomyplan.professional .add-ons_feature {
  padding: 30px 35px;
  margin-bottom: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 35px;
  text-align: left;
}
.studiomyplan.professional .features_feature h2,
.studiomyplan.professional .add-ons_feature h2 {
  font-size: 18px;
  color: #19b3ab;
  font-weight: 700;
  display: flex;
}
.studiomyplan.professional .features_feature ul,
.studiomyplan.professional .add-ons_feature ul {
  margin-top: 15px;
  font-size: 14px;
}
.studiomyplan.professional .features_feature ul li,
.studiomyplan.professional .add-ons_feature ul li {
  margin-top: 10px;
  position: relative;
  color: #19b3ab;
}
.studiomyplan.professional .features_feature ul li span,
.studiomyplan.professional .add-ons_feature ul li span {
  color: #505050;
}
.studioaddonupgrade-container {
  background: #efeff1;
  border: 1px solid #e5e6e8;
  max-width: 400px;
  box-sizing: border-box;
}
.studioplan-upgradecontainer {
  display: inline-block;
  vertical-align: top;
  padding: 0px 0px 40px 0px;
  text-align: center;
}
.studioplan-upgradecontainer-separator {
  border-right: 1px solid #2FB5B4;
  padding: 0px 20px 0px 0px;
}
.studioaddonupgrade-container-header {
  background: #2FB5B4;
  color: #3f6171;
  padding: 10px 20px;
  line-height: 1;
  margin: 0;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}
.studioaddonupgrade-container-content {
  padding: 20px;
}
.studioaddonupgrade {
  text-align: left;
}
.studioaddonupgrade-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
  color: #3f6171;
  vertical-align: middle;
}
.studioaddonupgrade-title-text {
  vertical-align: middle;
}
.studioaddonupgrade-title-icon {
  vertical-align: middle;
}
.studioaddonupgrade-title-icon {
  font-size: 22px !important;
  vertical-align: middle;
}
.studioaddonupgrade-message {
  margin-bottom: 20px;
  color: #3f6171;
}
.studiomyplan-upgradenextservice-name {
  font-size: 18px;
  font-size: 1;
}
.studiomyplan-upgradenextservice-feature {
  display: inline-block;
  padding-right: 6px;
  margin-right: 6px;
  border-right: 1px solid #555;
}
.studiomyplan-upgradenextservice-feature:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}
.studioplan-trialheader {
  text-align: center;
  max-width: 100%;
  width: 490px;
  box-sizing: border-box;
  margin: 0 auto 10px auto;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 767px) {
  .plan-sub-container {
    width: auto;
  }
}
.studiomyplan-eligiblelist {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  background: #efeff1;
  border: 1px solid #e5e6e8;
  margin: 0px -25px;
  padding: 10px;
}
.studiomyplan-eligiblelist h3 {
  text-transform: uppercase;
  font-size: 24px;
  color: #26bbaa;
  line-height: 1;
}
.studiomyplan-eligiblelist h4 {
  font-weight: normal;
  color: #777;
  font-size: 90%;
}
.studioplancontextual-whitebox {
  background: transparent;
}
.studioplancontextual-whitebox .studio-subinfo-container {
  width: 670px;
}
.studioplancontextual-whitebox h1,
.studioplancontextual-whitebox h2 {
  text-transform: uppercase;
  color: #d75e97;
  font-size: 28px;
  text-align: center;
}
.studioplancontextual-whitebox .studiomyplan {
  max-width: initial;
  text-align: left;
}
.gem-plan {
  color: #4a4a4a;
  background-color: #fff;
  border-radius: 15px;
  padding: 45px;
  width: 580px;
}
.gem-detail {
  margin-bottom: 10px;
}
.gem-details span {
  display: inline-block;
  color: #d75e97;
  text-transform: uppercase;
  width: 120px;
  font-weight: bold;
}
.gem-details-image {
  width: 300px;
  height: 295px;
  background-image: url(../img/cart/toolchain.png);
  margin-top: 25px;
}
.gem-tower {
  text-align: left;
  vertical-align: top;
  text-transform: uppercase;
}
.gem-tower h4 {
  font-size: 15px;
  line-height: 1.22;
  color: #d75e97;
  margin: 0px;
  vertical-align: top;
}
.gem-tower ul {
  margin-left: 0px;
}
.gem-tower li {
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.3px;
  list-style: none;
  text-transform: initial;
}
.gem-plan-include-list {
  display: inline-block;
  vertical-align: top;
}
.gem-plan-includes h4 {
  margin-bottom: 5px;
}
.gem-plan-include {
  margin-bottom: 25px;
}
.gem-plan-include i {
  font-size: 32px;
  color: #31baaa;
  padding-left: 60px;
  margin-right: 5px;
}
.gem-contact {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}
.gem-contact a {
  color: #d75e97;
  text-decoration: underline;
}
.studio-management-change-dialog,
.modify-collaborators-dialog-container {
  width: 600px !important;
}
.studio-management-change-dialog.upgrade,
.modify-collaborators-dialog-container.upgrade {
  width: 700px !important;
}
.studio-management-change-dialog .upgrade-dialog-body,
.modify-collaborators-dialog-container .upgrade-dialog-body,
.studio-management-change-dialog .add-collaborators-body,
.modify-collaborators-dialog-container .add-collaborators-body,
.studio-management-change-dialog .remove-collaborators-body,
.modify-collaborators-dialog-container .remove-collaborators-body,
.studio-management-change-dialog .contact-owner-body,
.modify-collaborators-dialog-container .contact-owner-body {
  font-size: 16px;
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.studio-management-change-dialog .upgrade-dialog-categories,
.modify-collaborators-dialog-container .upgrade-dialog-categories,
.studio-management-change-dialog .add-collaborators-categories,
.modify-collaborators-dialog-container .add-collaborators-categories,
.studio-management-change-dialog .remove-collaborators-categories,
.modify-collaborators-dialog-container .remove-collaborators-categories,
.studio-management-change-dialog .contact-owner-categories,
.modify-collaborators-dialog-container .contact-owner-categories {
  margin-right: 30px;
}
.studio-management-change-dialog .upgrade-dialog-category,
.modify-collaborators-dialog-container .upgrade-dialog-category,
.studio-management-change-dialog .add-collaborators-category,
.modify-collaborators-dialog-container .add-collaborators-category,
.studio-management-change-dialog .remove-collaborators-category,
.modify-collaborators-dialog-container .remove-collaborators-category,
.studio-management-change-dialog .contact-owner-category,
.modify-collaborators-dialog-container .contact-owner-category,
.studio-management-change-dialog .upgrade-dialog-text,
.modify-collaborators-dialog-container .upgrade-dialog-text,
.studio-management-change-dialog .add-collaborators-text,
.modify-collaborators-dialog-container .add-collaborators-text,
.studio-management-change-dialog .remove-collaborators-text,
.modify-collaborators-dialog-container .remove-collaborators-text,
.studio-management-change-dialog .contact-owner-text,
.modify-collaborators-dialog-container .contact-owner-text {
  margin: 5px 0;
}
.studio-management-change-dialog .upgrade-dialog .flavor-text,
.modify-collaborators-dialog-container .upgrade-dialog .flavor-text,
.studio-management-change-dialog .add-collaborators .flavor-text,
.modify-collaborators-dialog-container .add-collaborators .flavor-text,
.studio-management-change-dialog .remove-collaborators .flavor-text,
.modify-collaborators-dialog-container .remove-collaborators .flavor-text,
.studio-management-change-dialog .contact-owner .flavor-text,
.modify-collaborators-dialog-container .contact-owner .flavor-text {
  font-size: 14px;
  margin-bottom: 20px;
}
.studio-management-change-dialog .upgrade-dialog a.btn,
.modify-collaborators-dialog-container .upgrade-dialog a.btn,
.studio-management-change-dialog .add-collaborators a.btn,
.modify-collaborators-dialog-container .add-collaborators a.btn,
.studio-management-change-dialog .remove-collaborators a.btn,
.modify-collaborators-dialog-container .remove-collaborators a.btn,
.studio-management-change-dialog .contact-owner a.btn,
.modify-collaborators-dialog-container .contact-owner a.btn {
  float: right;
  margin-top: 20px;
  padding: 15px 20px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 20px !important;
  background-color: #2FB5B4;
  box-shadow: none;
}
.studio-management-change-dialog .upgrade-dialog.downgrade .flavor-text,
.modify-collaborators-dialog-container .upgrade-dialog.downgrade .flavor-text,
.studio-management-change-dialog .add-collaborators.downgrade .flavor-text,
.modify-collaborators-dialog-container .add-collaborators.downgrade .flavor-text,
.studio-management-change-dialog .remove-collaborators.downgrade .flavor-text,
.modify-collaborators-dialog-container .remove-collaborators.downgrade .flavor-text,
.studio-management-change-dialog .contact-owner.downgrade .flavor-text,
.modify-collaborators-dialog-container .contact-owner.downgrade .flavor-text,
.studio-management-change-dialog .upgrade-dialog.sidegrade .flavor-text,
.modify-collaborators-dialog-container .upgrade-dialog.sidegrade .flavor-text,
.studio-management-change-dialog .add-collaborators.sidegrade .flavor-text,
.modify-collaborators-dialog-container .add-collaborators.sidegrade .flavor-text,
.studio-management-change-dialog .remove-collaborators.sidegrade .flavor-text,
.modify-collaborators-dialog-container .remove-collaborators.sidegrade .flavor-text,
.studio-management-change-dialog .contact-owner.sidegrade .flavor-text,
.modify-collaborators-dialog-container .contact-owner.sidegrade .flavor-text {
  margin-bottom: 20px;
}
.studio-management-change-dialog .success-dialog-image,
.modify-collaborators-dialog-container .success-dialog-image {
  background-image: url('../img/icons8-paid-filled-100.png');
  background-repeat: no-repeat;
  background-position-x: center;
  width: 100px;
  height: 100px;
  margin: 10px auto;
}
.studio-management-change-dialog .btn-start-creating,
.modify-collaborators-dialog-container .btn-start-creating {
  float: right;
  padding: 15px;
  width: 85px;
  color: white !important;
  box-shadow: none;
  background-color: #2FB5B4;
}
.plan-container-mobile .studioplancontextual .toggle-container {
  margin-top: 0;
}
.plan-container-mobile .studioplancontextual {
  overflow-x: scroll;
}
.plan-container-mobile .multiseatuserstudiomanagement {
  width: auto !important;
  margin-right: 15px;
}
.plan-container-mobile .studiomanagement-plan-sub-container {
  width: 106%;
}
.plan-container-mobile .studiomanagement-plan-sub-container .multiseatuserstudiomanagement .multiseatlistitems-name {
  width: 85px;
  margin-right: 5px;
}
.plan-container-mobile .studiomanagement-plan-sub-container .multiseatuserstudiomanagement .multiseatlistitems-email {
  width: 200px;
}
.plan-container-mobile .studiomanagement-downgrade-msg {
  color: white;
}
.plan-container-mobile .studio-downgrade-msg {
  width: 80%;
  margin-left: 10%;
}
.studio-management-filelist {
  background-color: #fff;
  vertical-align: top;
  height: auto;
  border-radius: 6px;
  margin-left: 32px;
  margin-top: 10px;
  display: inline-block;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser.file-list-studio-management {
  height: 529px;
  width: auto;
  margin: 0;
  border: none;
  background-color: #e8eaea;
  overflow-x: hidden;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser.file-list-studio-management .cx-projectlistitem:nth-child(even),
.studio-management-filelist .cx-filelist.filelistcompactchooser.file-list-studio-management .cx-projectlistitem:nth-child(odd) {
  background-color: white;
  border-radius: 5px;
  border-bottom: none;
  margin: 5px;
  padding: 5px;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser.file-list-studio-management .cx-projectlistitem:nth-child(even):hover,
.studio-management-filelist .cx-filelist.filelistcompactchooser.file-list-studio-management .cx-projectlistitem:nth-child(odd):hover {
  background-color: rgba(200, 200, 200, 0.4);
}
.studio-management-filelist .cx-filelist.filelistcompactchooser.file-list-studio-management .cx-filelistitem-lastmod {
  display: block !important;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser.file-list-studio-management .projectlistitem-logo-container {
  margin: 13px 12px 13px 10px;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .cx-filelistitem-checkbox {
  display: none;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projectlistitem-details {
  align-self: center;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projectlistitem-details .projectlistitem-type {
  margin-bottom: 0;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projecttitle {
  text-overflow: initial;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projecttitle .projecttitle-link {
  text-overflow: initial;
  margin: 0;
  padding: 0;
  line-height: initial;
  width: unset;
  max-width: 306px !important;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projecttitle .projecttitle-link.projecttitle-link-compact {
  font-size: 10px;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projectlistitem-details {
  width: 320px;
  max-width: 320px;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projectlistitem-btn-container {
  display: none;
}
.studio-management-filelist .cx-filelist.filelistcompactchooser .projectlistitem-sharing-container {
  display: none !important;
}
.studio-management-filelist .studio-management-contact-item {
  display: flex;
  align-items: center;
  background-color: #e8eaea;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  padding-top: 15px;
  padding-bottom: 14px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #cbcecf;
}
.studio-management-filelist .studio-management-contact-item .studio-management-item-avatar-small {
  display: inline-block;
}
.studio-management-filelist .studio-management-contact-item .studio-management-item-name {
  font-size: 12px;
  width: 260px;
  white-space: nowrap;
}
.studio-management-filelist .studio-management-contact-item .studio-management-item-info-container .studio-management-item-email {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-management-filelist .studio-management-contact-item .studio-management-item-info-container .studio-management-item-name {
  font-size: 12px;
  white-space: nowrap;
}
@media only screen and (max-width: 600px) {
  .studioplancontextual {
    margin-top: 16px;
    width: 95% !important;
    padding-left: 3%;
  }
  .studioplancontextual .studiomyplan-list dt {
    width: 54%;
  }
  .studioplancontextual .studiomyplan-list dd {
    width: 46%;
  }
}
.studio-collaborators-container {
  max-width: 100%;
  background-color: #FFFFFF;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 30px;
}
.studio-collaborators-container .studio-collaborators-container-header {
  background-color: #945CA3;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.studio-collaborators-container .studio-collaborators-container-header .title {
  font-family: Lato;
  font-size: 18px;
  color: #F6F6F6;
  margin-left: 20px;
  margin-bottom: 4px;
  margin-top: 21px;
}
.studio-collaborators-container .studio-collaborators-container-header .subtitle {
  font-family: Lato;
  font-size: 13px;
  color: #F6F6F6;
  margin-left: 20px;
  margin-bottom: 20px;
}
.studio-collaborators-container .studio-collaborators-container-item {
  display: flex;
  flex-direction: row;
  background-color: #F6F6F6;
  margin: 20px;
  min-height: 85px;
  align-items: center;
  border-radius: 7px;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user-circle {
  margin: 0 15px 0 20px;
  flex: 0 0 auto;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user {
  margin-right: 20px;
  flex: 1 0;
  display: flex;
  flex-direction: column;
  max-width: 60%;
  min-width: 30%;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user .studio-collaborators-container-item-user-name {
  font-size: 18px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user .studio-collaborators-container-item-last-active {
  font-size: 11px;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user-projects {
  margin: 0 20px;
  flex: 0.5 0;
  display: flex;
  flex-direction: column;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user-projects span {
  font-size: 11px;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user-projects .extra-project-icon {
  margin-top: 2px;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-user-projects .project-pills-container {
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status {
  margin: 0 20px;
  flex: 0.5 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status button,
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .invite-status-pill {
  border-radius: 5px;
  height: 30px;
  border: 1px solid #945CA3;
  text-transform: uppercase;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status button {
  text-shadow: none;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status button:hover,
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status button:focus {
  color: #F6F6F6;
  background-color: #A859BD;
  border: 1px solid #A859BD;
  outline: none;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status button:active {
  color: #F6F6F6;
  border: 1px solid #2FB5B4;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .invite-status-pill {
  width: 152px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .invite-status-pill.active {
  color: #2FB5B4;
  border: 1px solid #2FB5B4;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .invite-status-pill.active:hover,
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .invite-status-pill.active:focus {
  color: #F6F6F6;
  background-color: #A859BD;
  border: 1px solid #A859BD;
  outline: none;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .invite-status-pill.pending {
  color: #945CA3;
  position: relative;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .invite-status-pill.pending div {
  position: absolute;
  display: flex;
  flex-direction: row;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .left {
  border-radius: 5px 0 0 5px;
  width: 77px;
  color: #F6F6F6;
  background-color: #945CA3;
}
.studio-collaborators-container .studio-collaborators-container-item .studio-collaborators-container-item-invite-status .right {
  border-radius: 0 5px 5px 0;
  width: 77px;
  color: #945CA3;
  background-color: #F6F6F6;
}
.studio-collaborators-container .overflown-projects-container {
  margin-left: -26px;
  /* Make the "arrow-up" align with the "person circle" */
}
.studio-collaborators-container .overflown-projects-container .arrow-up {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 18px solid #323232;
  position: absolute;
  margin-left: 20px;
  margin-top: 16px;
}
.studio-collaborators-container .overflown-projects-container .overflown-projects {
  position: absolute;
  width: 180px;
  background-color: #323232;
  border-radius: 5px;
  margin-top: 30px;
}
.studio-collaborators-container .overflown-projects-container .overflown-project-item {
  margin: 20px;
  height: 21px;
}
.studio-collaborators-container .overflown-projects-container .overflown-project-person-circle-container {
  width: 21px;
  float: left;
}
.studio-collaborators-container .overflown-projects-container .overflown-project-name {
  margin-left: 36px;
  padding: 4px 0;
  color: #F6F6F6;
  font: normal normal normal 11px/13px Lato;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-collaborators-input {
  width: 70%;
  height: 25px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #868686;
  margin-top: 3px;
}
.add-collaborators-input.add-collaborators-input-error {
  border-color: red;
}
.add-collaborators-input::placeholder {
  font-style: italic;
}
.add-collaborators-error {
  color: red;
  font-size: 11px;
  line-height: 0px;
}
.add-collaborators-error.error-hidden {
  visibility: hidden;
}
.add-collaborators-btn {
  margin-right: 20px;
  width: 152px;
  height: 35px;
  border-radius: 5px;
}
.capitalize {
  text-transform: capitalize;
}
.upper-case {
  text-transform: uppercase;
}
.project-collaborators-loading {
  width: 60px;
  height: 60px;
  fill: grey;
  margin: 20px auto;
}
.project-collaborators-empty {
  font-size: 16px;
  color: #aeacac;
  padding: 40px 0px;
  font-style: italic;
  text-align: center;
}
.project-collaborators-top-bar {
  display: flex;
  flex-direction: row;
  margin: 20px 25px;
}
.project-collaborators-top-bar .project-collaborators-top-bar-left {
  display: flex;
}
.project-collaborators-top-bar .project-collaborators-top-bar-left :first-child {
  margin-left: 0px;
}
.project-collaborators-top-bar .project-collaborators-top-bar-left button {
  margin-left: 15px;
}
.project-collaborators-top-bar .project-collaborators-top-bar-right {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.list-row-container:nth-child(odd) {
  background-color: #F6F6F6;
}
.project-name {
  font-size: 14px;
  text-transform: uppercase;
}
.list-row-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}
.collaborator-column:first-child {
  margin-left: 10px;
}
.project-collaborators-tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-left: 20px;
  background-color: #E3E3E3;
  min-width: max-content;
  cursor: pointer;
}
.project-collaborators-tab .project-collaborators-tab-item {
  width: 30px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.project-collaborators-tab .project-collaborators-tab-item:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.project-collaborators-tab .project-collaborators-tab-item:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.project-collaborators-tab .project-collaborators-tab-item.selected-tab {
  background-color: #2FB5B4;
  color: #F6F6F6;
}
.project-collaborators-container-item-user {
  margin: 0 5px;
  flex: 1 0;
  display: flex;
  flex-direction: column;
}
.project-collaborators-container-item-user .project-collaborators-container-item-user-name {
  font-size: 14px;
}
.project-collaborators-container-item-user .project-collaborators-container-item-last-active {
  font-size: 11px;
}
.projects-card-view-container {
  display: flex;
  flex-direction: row;
}
.projects-card-view-container .col-left {
  flex: 1 0;
  margin: 0 20px 0px 20px;
}
.projects-card-view-container .col-right {
  flex: 1 0;
  margin: 0 20px 0px 0;
}
.projects-card-view-container .collaborators-projects-detail-name {
  font-size: 14px;
}
.projects-card-view-container .collaborators-projects-detail-type {
  font-size: 11px;
}
.projects-card-view-container .project-card-item {
  border-radius: 5px;
  margin-bottom: 20px;
}
.projects-card-view-container .project-card-item .project-card-header {
  background-color: #E3E3E3;
  padding: 12px 20px 12px 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.projects-card-view-container .project-card-item .project-card-header.no-collapse {
  cursor: default;
}
.projects-card-view-container .project-card-item .project-card-header.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.projects-card-view-container .project-card-item .projects-cards-scroll-container {
  background-color: #F6F6F6;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-bottom: 15px;
}
.projects-card-view-container .project-card-item .project-card-content {
  display: none;
  flex-direction: column;
  padding: 15px 25px 0 25px;
  height: 147px;
  overflow-y: auto;
}
.projects-card-view-container .project-card-item .project-card-content.active {
  display: flex;
}
.projects-card-view-container .project-card-item .project-card-content .collaborator-projects {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.projects-card-view-container .project-card-item .project-card-content .collaborator-projects .collaborator-projects-person-circle-container {
  width: 26px;
}
.projects-card-view-container .project-card-item .project-card-content .collaborator-projects .collaborators-projects-detail {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.list-view-main-container {
  margin: 40px;
}
.list-view-main-container .list-view-table-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.list-view-main-container .list-view-table-header .list-view-column-header-collaborator {
  width: 40%;
  cursor: pointer;
}
.list-view-main-container .list-view-table-header .list-view-column-header-collaborator p {
  margin-left: 56px;
  font-size: 16px;
}
.list-view-main-container .list-view-table-header .list-view-column-header-empty {
  width: 30%;
}
.list-view-main-container .list-view-table-header .list-view-column-header-project {
  width: 30%;
  cursor: pointer;
}
.list-view-main-container .list-view-table-header .list-view-column-header-project p {
  margin-left: 36px;
  font-size: 16px;
}
.list-view-main-container .list-view-table-header .list-view-column-header-lastActive {
  width: 20%;
  cursor: pointer;
}
.list-view-main-container .list-view-table-header .list-view-column-header-lastActive p {
  font-size: 16px;
}
.list-view-main-container .list-view-table-header .list-view-column-header-flyout {
  width: 10%;
}
.list-view-main-container .collaborator-column {
  align-items: center;
  width: calc(40% - 10px);
}
.list-view-main-container .collaborator-column .collaborator-column-person-circle-container {
  width: 46px;
  float: left;
}
.list-view-main-container .collaborator-column .collaborator-column-collaborator-name {
  margin: 6px 10px 0 46px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-view-main-container .project-column {
  width: 40%;
  min-width: 0;
  align-items: center;
}
.list-view-main-container .project-column .project-column-person-circle-container {
  width: 33px;
  float: left;
  margin-top: 7px;
}
.list-view-main-container .project-column .project-column-project-name {
  margin: 0 10px 0 33px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-view-main-container .empty-column {
  width: 30%;
}
.list-view-main-container .last-active-column {
  width: 20%;
}
.list-view-main-container .hamburger-column,
.list-view-main-container .spacer-column {
  padding-right: 20px;
  width: 10%;
  max-width: 10%;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.list-view-main-container .hamburger-column .hamburger-column__button {
  background: none;
}
.list-view-main-container .hamburger-column .hamburger-column__button:active {
  background: none !important;
  filter: none !important;
}
.list-view-main-container .hamburger-column .hamburger-column__button:active i {
  color: #2FB5B4;
}
.list-view-main-container .hamburger-column .hamburger-column__button:hover {
  filter: brightness(50%);
}
.list-view-main-container .button-cell__container {
  padding-right: 20px;
  width: 10%;
  max-width: 10%;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.list-view-main-container .button-cell__container > button {
  background: none;
}
.list-view-main-container .button-cell__container > button:active {
  background: none !important;
  filter: none !important;
}
.list-view-main-container .button-cell__container > button:active i {
  color: #2FB5B4;
}
.list-view-main-container .button-cell__container > button:hover {
  filter: brightness(50%);
}
.list-view-main-container .group-table-header {
  padding: 0px 10px;
  display: flex;
  flex-direction: row;
}
.list-view-main-container .group-table-header p {
  font-size: 16px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.list-view-main-container .group-table-header .group-table-header__column {
  flex: 1;
}
.list-view-main-container .group-table-header .group-table-header__column__blank {
  flex: 0;
  display: block;
  min-width: 50px;
  max-width: 50px;
}
.list-view-main-container .group-row {
  padding: 0px 10px;
}
.list-view-main-container .group-row.has-members {
  cursor: pointer;
}
.list-view-main-container .group-row > span {
  display: flex;
  flex: 1;
}
.list-view-main-container .group-row .group-member-cell__edit-container {
  min-width: 50px;
  max-width: 50px;
  display: block;
  flex: unset;
}
.list-view-main-container .group-row .group-member-cell__edit-container .group-member-cell__edit {
  display: block;
  background: none;
}
.list-view-main-container .group-row .group-member-cell__edit-container .group-member-cell__edit:active {
  background: none !important;
  filter: none !important;
}
.list-view-main-container .group-row .group-member-cell__edit-container .group-member-cell__edit:active i {
  color: #2FB5B4;
}
.list-view-main-container .group-row .group-member-cell__edit-container .group-member-cell__edit:hover {
  filter: brightness(50%);
}
.list-view-main-container .group-row .group-member-cell__edit-container .group-member-cell__edit i {
  font-size: 16px;
  padding-top: 2px;
}
.list-view-main-container .group-row .spacer-column {
  max-width: 50px;
  min-width: 50px;
  padding: 0px;
}
.list-view-main-container .group-row .group-cell__collapse {
  justify-content: flex-end;
  flex: unset;
  max-width: 50px;
  min-width: 50px;
  cursor: pointer;
}
.list-view-main-container .group-row .group-cell__collapse i.expanded {
  transform: rotate(180deg);
}
.list-view-main-container .group-member-row {
  padding: 0px 0px 0px 60px;
}
.list-view-main-container .group-member-row .group-member-cell__user-info-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.list-view-main-container .group-member-row .group-member-cell__user-info-container .group-member-cell__person-cicle-container {
  width: 46px;
  float: left;
}
.list-view-main-container .group-member-row .group-member-cell__hamburger {
  padding: 10px;
  background: none;
}
.list-view-main-container .group-member-row .group-member-cell__hamburger:active {
  background: none !important;
  filter: none !important;
}
.list-view-main-container .group-member-row .group-member-cell__hamburger:active i {
  color: #2FB5B4;
}
.list-view-main-container .group-member-row .group-member-cell__hamburger:hover {
  filter: brightness(50%);
}
.sort-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
}
.sort-container > * {
  margin-left: 10px;
}
.sort-container .options-container {
  position: relative;
  cursor: pointer;
}
.sort-container .options-container .option-content {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 151px;
  background-color: #323232;
  color: #F6F6F6;
  z-index: 1;
  list-style-type: none;
  left: -20px;
}
.sort-container .options-container .option-content.active {
  display: block;
}
.sort-container .options-container .option-content .option-item {
  padding: 10px 20px;
}
.sort-container .options-container .option-content .option-item.selected {
  background-color: #222222;
}
.light-search-bar {
  border-color: #BCBCBC;
  color: #BCBCBC;
}
.cancel-invitation-dialog-button-container {
  display: flex;
  justify-content: flex-end;
}
.error-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-dialog .invalid-addresses {
  color: #CB655F;
  margin-bottom: 10px;
}
.error-dialog .email {
  margin-bottom: 20px;
}
.mfaSection .mfaCode {
  margin-bottom: 10px;
}
.mfaSection label,
.mfaSection input {
  display: inline-block;
}
.mfaSection label {
  margin-right: 10px;
  width: 85px;
  text-align: right;
}
.mfaSection input {
  width: 190px;
}
.email-verified-dialog__mount .email-verified-dialog__main {
  width: auto;
  min-width: 600px;
  background-color: #3B3D3E;
  color: #FFFFFE;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.email-verified-dialog__mount .email-verified-dialog__main .dragger {
  min-height: 45px;
  margin-bottom: -30px;
  z-index: 0;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content button.close {
  z-index: 1;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: calc(100% - 40px);
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .dialog-header .title {
  font-size: 16px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__content-container {
  text-align: center;
  padding: 20px 15px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__content-container .email-verified-dialog__list-container {
  max-height: 200px;
  overflow: auto;
  text-align: center;
  padding: 0px 5px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__content-container .email-verified-dialog__list-prompt {
  margin-top: 20px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__content-container .email-verified-dialog__valid-title {
  color: #0d9f71;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__content-container .email-verified-dialog__invalid-title {
  color: #FF6052;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__success-container {
  color: #F6F6F6;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__success-container > img {
  min-width: 17px;
  margin-right: 10px;
  content: url("../img/shop/greenTick.svg");
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container > .title {
  color: #F6F6F6;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container > .title > img {
  max-width: 17px;
  margin-right: 10px;
  content: url("../img/shop/redCross.svg");
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container ul {
  margin: 0px;
  overflow: auto;
  overflow-x: hidden;
  margin-left: 35px;
  max-height: 260px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container ul li {
  transform: translate(15px, 0px);
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container ul li:not(:last-child) {
  margin-bottom: 15px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container ul li > div {
  display: flex;
  padding-left: 5px;
  flex-direction: column;
  align-items: flex-start;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container ul li > div > div {
  font-size: 14px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container ul li > div > div:nth-child(1) {
  margin-bottom: 5px;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__error-container ul li > div > div:nth-child(2) {
  text-align: left;
  font-weight: 700;
  max-width: 410px;
  line-height: 22px;
  color: #FF6052;
}
.email-verified-dialog__mount .email-verified-dialog__main .draggable-dialog-content .email-verified-dialog__mount__button-container {
  padding-top: 20px;
  display: flex;
  flex-direction: row-reverse;
}
.invite-user-dialog,
.invite-student-dialog {
  background-color: #3b3d3e;
  width: 430px;
  min-height: 330px;
}
.invite-user-dialog .dragger,
.invite-student-dialog .dragger {
  min-height: 66px;
  margin-bottom: -51px;
  z-index: 0;
}
.invite-user-dialog .draggable-dialog-content button.close,
.invite-student-dialog .draggable-dialog-content button.close {
  z-index: 1;
}
.invite-user-dialog .draggable-dialog-content,
.invite-student-dialog .draggable-dialog-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: calc(100% - 40px);
}
.invite-user-dialog .draggable-dialog-content .dialog-header .title,
.invite-student-dialog .draggable-dialog-content .dialog-header .title {
  font-size: 16px;
}
.invite-user-dialog .draggable-dialog-content .input-user-email__container,
.invite-student-dialog .draggable-dialog-content .input-user-email__container {
  display: flex;
  flex-direction: column;
  width: inherit;
  padding: 16px;
  flex: 1;
}
.invite-user-dialog .draggable-dialog-content .input-user-email__container .input-user-email__email-input,
.invite-student-dialog .draggable-dialog-content .input-user-email__container .input-user-email__email-input {
  width: 100%;
  height: 30px;
}
.invite-user-dialog .draggable-dialog-content .input-user-email__container .input-user-email__email-input.error,
.invite-student-dialog .draggable-dialog-content .input-user-email__container .input-user-email__email-input.error {
  border: 2px solid #FF6052;
}
.invite-user-dialog .draggable-dialog-content .input-user-email__container .input-user-email__entered-emails-container,
.invite-student-dialog .draggable-dialog-content .input-user-email__container .input-user-email__entered-emails-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-height: 90px;
  overflow: hidden auto;
  font-size: 10px;
  flex-wrap: wrap;
  color: #F6F6F6;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.invite-user-dialog .draggable-dialog-content .input-user-email__container .input-user-email__message,
.invite-student-dialog .draggable-dialog-content .input-user-email__container .input-user-email__message {
  margin-bottom: 10px;
  margin-top: 10px;
  color: #F6F6F6;
}
.invite-user-dialog .draggable-dialog-content .input-user-email__container .input-user-email__message-input,
.invite-student-dialog .draggable-dialog-content .input-user-email__container .input-user-email__message-input {
  width: 100%;
  height: 70px;
}
.invite-user-dialog .draggable-dialog-content .invite-student-dialog__button-container,
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__button-container,
.invite-user-dialog .draggable-dialog-content .invite-user-dialog__button-container,
.invite-student-dialog .draggable-dialog-content .invite-user-dialog__button-container {
  display: flex;
  flex-direction: row-reverse;
}
.invite-user-dialog .draggable-dialog-content .invite-student-dialog__button-container button,
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__button-container button,
.invite-user-dialog .draggable-dialog-content .invite-user-dialog__button-container button,
.invite-student-dialog .draggable-dialog-content .invite-user-dialog__button-container button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.invite-user-dialog .draggable-dialog-content .invite-student-dialog__button-container button div.cx-ui-loading,
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__button-container button div.cx-ui-loading,
.invite-user-dialog .draggable-dialog-content .invite-user-dialog__button-container button div.cx-ui-loading,
.invite-student-dialog .draggable-dialog-content .invite-user-dialog__button-container button div.cx-ui-loading {
  width: 20px;
  height: 20px;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__or {
  color: #F6F6F6;
  margin-bottom: 15px;
  align-items: center;
  display: flex;
  flex: 1;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__or .invite-student-dialog__or-line {
  flex: 1;
  border-bottom: 1px solid #F6F6F6;
  margin: 0px 10px;
  max-height: 0px;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__message {
  color: #F6F6F6;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__bulk-invite {
  display: flex;
  flex-direction: column;
  width: inherit;
  padding: 16px 16px 0px 16px;
  align-items: center;
  flex: 1;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__bulk-invite .invite-student-dialog__bulk-invite__message {
  margin-bottom: 10px;
  color: #F6F6F6;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__bulk-invite .invite-student-dialog__bulk-invite__error {
  color: #FF6052;
  padding: 10px 0px;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__bulk-invite .invite-student-dialog__bulk-invite__error:not(:has(p)) {
  padding: 19px;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__bulk-invite .invite-student-dialog__bulk-invite__error p {
  margin: 0px;
  padding: 0px;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__bulk-invite__success {
  color: #F6F6F6;
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invite-student-dialog .draggable-dialog-content .invite-student-dialog__bulk-invite__success > img {
  min-width: 15px;
  margin-right: 6px;
  content: url("../img/shop/greenTick.svg");
}
.offboarding-back {
  font-size: 15px;
  color: #676868;
  position: absolute;
  top: 17px;
  right: 17px;
  z-index: 2;
  cursor: pointer;
}
#offboarding-modal {
  width: 80%;
  max-width: 710px;
  min-height: 592px;
  border-radius: 25px;
  margin: 35px auto;
  background-color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  #offboarding-modal {
    width: 100%;
    border-radius: 0px;
    margin: 0;
  }
}
#offboarding-modal h1 {
  margin: 20px 0;
}
#offboarding-modal h1,
.offboarding-dialog h1 {
  font-family: 'Source Serif Pro', serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 32px;
  color: #00385e;
}
@media (max-width: 500px) {
  #offboarding-modal h1,
  .offboarding-dialog h1 {
    font-size: 24px;
    text-align: center;
  }
}
#offboarding-modal h2 {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0 35px 0;
  max-width: 510px;
}
@media (max-width: 500px) {
  #offboarding-modal h2 {
    text-align: center;
  }
}
#offboarding-modal h3 {
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  color: #abd047;
  text-transform: uppercase;
}
#offboarding-modal form {
  margin-bottom: 0;
}
#offboarding-modal textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  height: 120px;
  border-radius: 5px;
}
#offboarding-modal textarea:not(.input-error) {
  border-color: #dee1e2;
}
#offboarding-error {
  height: 20px;
  padding-bottom: 55px;
}
#offboarding-modal textarea::placeholder {
  color: #ccc;
}
.offboarding-input {
  -webkit-transition: max-height 0.4s linear, opacity 1s linear;
  -moz-transition: max-height 0.4s linear, opacity 1s linear;
  -ms-transition: max-height 0.4s linear, opacity 1s linear;
  -o-transition: max-height 0.4s linear, opacity 1s linear;
  transition: max-height 0.4s linear, opacity 1s linear;
}
.offboarding-button,
.modal-dialog-buttons .offboarding-button,
button.offboarding-button[name="cancel"] {
  text-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  font-size: 12px;
  padding: 13px 30px;
  border-radius: 5px;
  border: 2px solid #abd047;
  font-weight: 600;
  background-color: #abd047;
  color: #fff;
}
.offboarding-button:active,
.modal-dialog-buttons .offboarding-button:active,
button.offboarding-button[name="cancel"]:active,
.offboarding-button:focus,
.modal-dialog-buttons .offboarding-button:focus,
button.offboarding-button[name="cancel"]:focus,
.offboarding-button:hover,
.modal-dialog-buttons .offboarding-button:hover,
button.offboarding-button[name="cancel"]:hover {
  background: #abd047 !important;
}
.offboarding-button.offboarding-button-outlined,
.modal-dialog-buttons .offboarding-button.offboarding-button-outlined,
button.offboarding-button[name="cancel"].offboarding-button-outlined,
.offboarding-button.offboarding-button-outlined:active,
.modal-dialog-buttons .offboarding-button.offboarding-button-outlined:active,
button.offboarding-button[name="cancel"].offboarding-button-outlined:active,
.offboarding-button.offboarding-button-outlined:hover,
.modal-dialog-buttons .offboarding-button.offboarding-button-outlined:hover,
button.offboarding-button[name="cancel"].offboarding-button-outlined:hover {
  background-color: #fff !important;
  color: #abd047 !important;
}
#offboarding-modal .offboarding-button {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
#offboarding-modal .offboarding-button.offboarding-button-outlined {
  left: 50px;
  right: unset;
}
@media (max-width: 1050px) {
  #offboarding-modal .offboarding-button {
    position: relative;
    bottom: 0;
    right: unset;
    width: 100%;
  }
  #offboarding-modal .offboarding-button.offboarding-button-outlined {
    margin-top: 10px;
    left: unset;
  }
}
.offboarding-dialog .modal-dialog-buttons {
  padding: 25px 50px;
  background: #fff;
}
@media (max-width: 1050px) {
  .offboarding-dialog .modal-dialog-buttons {
    padding: 25px 10%;
  }
}
.offboarding-dialog .modal-dialog-buttons button {
  height: auto;
  padding: 13px 30px;
  min-width: 180px;
  line-height: 18px;
  display: block;
  margin: auto;
  float: none;
}
.offboarding-dialog .offboarding-link {
  display: block;
  margin-top: 15px;
  font-size: 12px;
}
.offboarding-dialog.discount-offer-dialog #offboarding-discount-confirm {
  float: right;
}
@media (max-width: 500px) {
  .offboarding-dialog.discount-offer-dialog #offboarding-discount-confirm {
    width: 100%;
    margin-top: 20px;
  }
}
.offboarding-dialog.offboarding-before-you-go .modal-dialog-buttons {
  padding: 0 10%;
}
.offboarding-dialog.offboarding-before-you-go .modal-dialog-buttons button {
  margin: 20px auto;
}
@media (min-width: 500px) {
  .offboarding-dialog.offboarding-before-you-go .modal-dialog-buttons button[name='keep'] {
    float: right;
  }
  .offboarding-dialog.offboarding-before-you-go .modal-dialog-buttons button[name='cancel'] {
    float: left;
  }
}
@media (max-width: 500px) {
  .offboarding-dialog.offboarding-before-you-go .modal-dialog-buttons button[name='keep'] {
    margin-top: 10px;
  }
}
.offboarding-homecard-reasons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.offboarding-homecard-reasons .offboarding-reason-img {
  height: 60px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 30px auto 20px auto;
}
.offboarding-homecard-reasons #cost-related .offboarding-reason-img {
  width: 75px;
  background-image: url('../img/offboarding/cost-related-blue.svg');
}
.offboarding-homecard-reasons #technical-issues .offboarding-reason-img {
  width: 48px;
  background-image: url('../img/offboarding/technical-issues-blue.svg');
}
.offboarding-homecard-reasons #missing-features .offboarding-reason-img {
  width: 72px;
  background-image: url('../img/offboarding/missing-features-blue.svg');
}
.offboarding-homecard-reasons #difficulty-using .offboarding-reason-img {
  width: 60px;
  background-image: url('../img/offboarding/difficulty-using-blue.svg');
}
.offboarding-homecard-reasons #finished-project .offboarding-reason-img {
  width: 70px;
  background-image: url('../img/offboarding/finished-project-blue.svg');
}
.offboarding-homecard-reasons #other .offboarding-reason-img {
  width: 65px;
  background-image: url('../img/offboarding/other-blue.svg');
}
@media (max-width: 1100px) {
  .offboarding-homecard-reasons {
    justify-content: space-evenly;
  }
}
.offboarding-homecard-reasons > div {
  width: 185px;
  border-radius: 10px 0px;
  border: 1px solid #abd047;
  cursor: pointer;
  margin-top: 18px;
}
.offboarding-reason-banner {
  position: absolute;
  top: 0px;
  right: 50px;
  background-color: #abd047;
  height: 110px;
  width: 95px;
  border-radius: 0 0 5px 5px;
  background-repeat: no-repeat;
  background-position: 50% 75%;
}
.offboarding-reason-banner#banner-cost-related,
.offboarding-reason-banner#banner-billing-issue {
  background-size: 50%;
  background-image: url('../img/offboarding/cost-related-white.svg');
}
.offboarding-reason-banner#banner-technical-issues {
  background-size: 40%;
  background-image: url('../img/offboarding/technical-issues-white.svg');
}
.offboarding-reason-banner#banner-missing-features {
  background-size: 60%;
  background-image: url('../img/offboarding/missing-features-white.svg');
}
.offboarding-reason-banner#banner-difficulty-using {
  background-size: 55%;
  background-image: url('../img/offboarding/difficulty-using-white.svg');
}
.offboarding-reason-banner#banner-finished-project {
  background-size: 55%;
  background-image: url('../img/offboarding/finished-project-white.svg');
}
.offboarding-reason-banner#banner-other {
  background-size: 55%;
  background-image: url('../img/offboarding/other-white.svg');
}
@media (max-width: 500px) {
  .offboarding-reason-banner {
    height: 60px;
    width: 60px;
    background-position: 50% 60%;
  }
}
.offboarding-reason-detail:not(:last-child) {
  border-bottom: 1px solid #abd047;
}
.offboarding-reason-detail [type="radio"] {
  display: none;
}
.offboarding-reason-detail [type="radio"] + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  display: inline-block;
  line-height: 25px;
  font-size: 12px;
  margin: 12px 0;
  letter-spacing: 0px;
}
.offboarding-reason-detail [type="radio"] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid #44cce0;
}
.offboarding-reason-detail [type="radio"]:checked + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #abd047;
}
.offboarding-wallet {
  height: 82px;
  background-repeat: no-repeat;
  background-image: url('../img/offboarding/cost-related-blue.svg');
  width: 75px;
  margin: auto;
  background-size: 100%;
}
.offboarding-wallet.script-finished,
.offboarding-wallet.project-cancelled,
.offboarding-wallet.project-on-hold {
  background-image: url('../img/offboarding/finished-project-blue.svg');
}
.offboarding-basket {
  background-image: url('../img/offboarding/basket-blue.png');
  background-repeat: no-repeat;
  background-position-x: center;
  height: 90px;
}
.modal-dialog.offboarding-dialog {
  background-color: #fff;
}
.modal-dialog.offboarding-dialog.modal-dialog .modal-dialog-title {
  background-color: #fff;
  margin-bottom: 0 !important;
  min-height: initial;
  height: initial;
}
.modal-dialog.offboarding-dialog.modal-dialog .offboarding-link {
  color: #abd047 !important;
}
.modal-dialog.offboarding-dialog div.modal-dialog-title span.modal-dialog-title-close::before {
  color: #dee1e2 !important;
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 15px;
}
.modal-dialog.offboarding-dialog .modal-dialog-content {
  background-color: #fff;
  color: #3b3c3d !important;
  padding: 50px !important;
  text-align: center;
}
@media (max-width: 500px) {
  .modal-dialog.offboarding-dialog .modal-dialog-content {
    padding: 28px !important;
  }
}
@media (max-width: 650px) {
  .modal-dialog.offboarding-dialog.mobile-modal {
    background: #fff;
    border-radius: 0;
  }
  .modal-dialog.offboarding-dialog.mobile-modal .modal-dialog-content {
    background: #fff;
  }
  .modal-dialog.offboarding-dialog.mobile-modal .modal-dialog-error {
    background: #fff;
    height: 100%;
  }
  .modal-dialog.offboarding-dialog.mobile-modal .modal-dialog-buttons {
    background: white;
  }
}
.offboarding-dialog {
  border-radius: 25px;
  width: 94% !important;
  max-width: 710px;
}
.offboarding-dialog h1 {
  text-transform: unset;
}
.offboarding-dialog h3 {
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 600;
  width: 80%;
  max-width: 350px;
  margin: auto;
}
.offboarding-dialog p {
  max-width: 380px;
  margin: 30px auto 40px auto;
  font-weight: 600;
  line-height: 20px;
}
.offboarding-dialog.discount-offer-dialog .modal-dialog-content {
  text-align: left;
  min-height: 100%;
}
.offboarding-dialog.discount-offer-dialog h2 {
  font-size: 12px;
  margin-top: 20px;
  line-height: 16px;
}
.offboarding-dialog.discount-offer-dialog .upgrade-dialog-body {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #abd047;
  font-size: 12px;
  height: 130px;
  justify-content: flex-start;
  align-items: center;
}
.offboarding-dialog.discount-offer-dialog .upgrade-dialog-categories {
  font-weight: bold;
}
.offboarding-dialog.discount-offer-dialog p {
  float: left;
  max-width: 420px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}
.offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title,
.offboarding-dialog.offboarding-cancel-confirmed.modal-dialog .modal-dialog-title {
  background-image: url('../img/offboarding/cancel-background.png') !important;
  background-repeat: no-repeat;
}
.offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title .modal-dialog-title-text,
.offboarding-dialog.offboarding-cancel-confirmed.modal-dialog .modal-dialog-title .modal-dialog-title-text {
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  position: absolute;
  bottom: 40px;
  left: 50px;
  text-transform: none;
}
.offboarding-dialog.offboarding-cancel-confirmed.modal-dialog .modal-dialog-title .modal-dialog-title-text {
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.offboarding-dialog.offboarding-cancel-confirmed.modal-dialog .modal-dialog-title {
  height: 140px;
}
.offboarding-dialog.offboarding-cancel-confirmed .modal-dialog-content {
  padding-bottom: 30px !important;
}
.offboarding-dialog.offboarding-cancel-confirmed p {
  margin: 10px auto;
  max-width: 90%;
}
@media (max-width: 500px) {
  .offboarding-dialog.offboarding-cancel-confirmed.modal-dialog .modal-dialog-title .modal-dialog-title-text {
    font-size: 22px;
  }
}
.offboarding-dialog.offboarding-before-you-go {
  overflow: hidden !important;
  background-color: #004c80 !important;
  padding: 0px !important;
}
.offboarding-dialog.offboarding-before-you-go .modal-dialog-content {
  padding: 0 !important;
}
.offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title {
  height: 183px;
  margin-bottom: 0 !important;
}
.offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title .modal-dialog-title-text {
  margin: 0;
  left: 50px;
}
.offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title .offboarding-reel-img {
  background-image: url('../img/offboarding/reel.svg');
  background-repeat: no-repeat;
  height: 80px;
  width: 105px;
  position: absolute;
  bottom: 40px;
  right: 45px;
  background-size: 90%;
}
@media (max-width: 900px) {
  .offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title .offboarding-reel-img {
    display: none;
  }
}
@media (max-width: 500px) {
  .offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title .modal-dialog-title-text {
    left: 40px;
    font-size: 24px;
    width: 80%;
  }
}
.offboarding-dialog.offboarding-before-you-go .modal-dialog-title-text {
  margin: 0;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  position: absolute;
  bottom: 40px;
  left: 50px;
  max-width: 360px;
  text-transform: none;
  white-space: initial;
}
.offboarding-dialog.offboarding-before-you-go p {
  max-width: initial;
  margin: 10px auto;
}
.offboarding-dialog.offboarding-before-you-go .offboarding-lost-abilities {
  padding: 40px 50px 30px 50px;
  line-height: 25px;
  text-align: left;
}
.offboarding-dialog.offboarding-before-you-go .offboarding-lost-abilities ul {
  margin: 30px 15px;
}
.offboarding-dialog.offboarding-before-you-go .offboarding-lost-abilities li {
  line-height: 25px;
}
.offboarding-dialog.offboarding-before-you-go .offboarding-collab-warning {
  background-color: #f3f3f4;
  padding: 25px 50px;
  text-align: left;
}
.offboarding-dialog.offboarding-before-you-go .offboarding-collab-warning .offboarding-collab-list {
  background-color: #fff;
  margin-top: 25px;
  padding: 0 10px;
  height: 100px;
  overflow-y: scroll;
}
.offboarding-dialog.offboarding-before-you-go .offboarding-collab-warning .offboarding-collab-row {
  line-height: 30px;
  margin: 10px 0 0 10px;
}
.offboarding-dialog.offboarding-before-you-go .offboarding-collab-warning .offboarding-collab-row span {
  color: #3acce1;
}
@media (max-width: 1050px) {
  .offboarding-dialog.offboarding-before-you-go .offboarding-collab-warning .offboarding-collab-row span {
    display: block;
  }
}
.offboarding-dialog.offboarding-before-you-go .offboarding-collab-warning .offboarding-collab-img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-size: cover;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
@media (max-height: 500px) {
  .offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title {
    height: 90px;
  }
  .offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title .modal-dialog-title-text {
    font-size: 18px;
    line-height: initial;
    bottom: 20px;
    left: 25px;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  .offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title {
    height: 80px;
  }
  .offboarding-dialog.offboarding-before-you-go.modal-dialog .modal-dialog-title .modal-dialog-title-text {
    font-size: 18px;
    bottom: 20px;
    left: 50px;
    padding: initial;
    max-width: initial;
  }
}
div#offboarding-discount-offer-root > h3 {
  width: unset;
  max-width: 500px;
}
div#offboarding-discount-offer-root > h3.script-finished {
  max-width: 450px;
}
div#offboarding-discount-offer-root > h3.project-cancelled {
  max-width: 395px;
}
div#offboarding-discount-offer-root > h3.project-on-hold {
  max-width: 415px;
}
div#offboarding-discount-offer-root > h3 > span.discount-text {
  color: #3acce1;
}
.fw-subscribe-dialog {
  font-family: Lato;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #ffffff;
  bottom: 0px;
  z-index: 2010;
}
.fw-subscribe-dialog .fw-show-feature-link .fw-collapsed-feature-list,
.fw-subscribe-dialog .fw-show-feature-link .fw-expanded-feature-list {
  align-self: flex-end;
}
.fw-subscribe-dialog .fw-collapsed-feature-list ul,
.fw-subscribe-dialog .fw-expanded-feature-list ul {
  list-style: none;
}
.fw-subscribe-dialog .fw-collapsed-feature-list ul li::before,
.fw-subscribe-dialog .fw-expanded-feature-list ul li::before {
  content: "\2022";
  color: #1e8f8f;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.collaborator-list-container {
  max-height: 195px;
  height: auto;
  overflow-y: auto;
}
.fw-page-1-container[data-feature-list-expanded] .fw-expanded-feature-list {
  display: block;
}
.fw-page-1-container[data-feature-list-expanded] .fw-collapsed-feature-list {
  display: none;
}
.fw-page-1-container[data-feature-list-bundle-expanded] .fw-expanded-bundle-feature-list {
  display: block;
}
.fw-page-1-container[data-feature-list-bundle-expanded] .fw-collapsed-bundle-feature-list {
  display: none;
}
.fw-page-1-container .fw-step-new-feature-banner {
  background: #846faa;
  text-align: center;
  padding: 15px 0;
  margin: 25px 0;
  font-size: 16px;
  color: #fff;
}
.fw-expanded-feature-list {
  display: none;
}
.fw-expanded-feature-list-category-header {
  font-weight: 700;
  color: #219a9a;
  margin: 10px 0 0;
}
.fw-expanded-bundle-feature-list {
  display: none;
  grid-area: f;
}
.fw-expanded-bundle-feature-list dl {
  max-width: 300px;
  margin: 0px auto;
}
.fw-expanded-bundle-feature-list dt {
  color: #219a9a;
}
.fw-cart-container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  padding-top: 40px;
}
.fw-cart-container .multiseatuserstudiomanagement-userlist {
  margin-left: 20px;
}
.fw-cart-container .multiseatuserstudiomanagement-userlist.cart {
  margin-left: 0px;
}
.fw-cart-container > .currency-disclaimer-mount {
  padding-bottom: 80px;
}
.fw-cart-container .page-3-payment-form-container {
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart {
  margin-bottom: 30px;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .digital-wallet-container > .title {
  display: none;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .title {
  display: flex;
  font-size: 15px;
  color: #2fa8a8;
  font-family: 'lato';
  margin-bottom: 12px;
  align-items: baseline;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .title:after {
  content: "";
  flex-grow: 1;
  margin: 0 2px 0 5px;
  border-bottom: 1px solid #2fa8a8;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .title.primary {
  display: block;
  font-size: 16px;
  color: #8781BD;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .title.primary:after {
  display: none;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .credit-card-form-root {
  width: 435px;
  border-radius: 5px;
  border: 2px solid #2fa8a8;
  background-color: #ddeeef;
  padding: 25px 25px 30px 25px;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .logos {
  display: flex;
  margin-bottom: 80px;
  align-items: center;
  justify-content: center;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .logos .payment-card-logos {
  max-height: 18px;
  margin-right: 10px;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .logos .powered-by-stripe-logo {
  max-height: 20px;
}
.fw-cart-container .page-3-payment-form-container > .form-group > .payment-processing-info-root {
  margin-top: -51px;
  margin-bottom: 25px;
}
.fw-cart-container .page-3-payment-form-container > div.payment-btn-root {
  width: 160px;
  margin-bottom: 30px;
  background-color: #f7612c;
}
.fw-step-container {
  display: flex;
  flex-direction: row;
}
.fw-plan-name {
  display: block;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}
.fw-plan-name-desc {
  display: block;
  font-size: 12px;
  text-align: left;
  color: #968d8a;
  padding: 0px 25px;
}
.fw-plan-price {
  font-size: 25px;
  font-weight: bold;
  text-align: left;
  color: #853d77;
}
.fw-plan-price strike {
  font-weight: normal;
  color: #000;
}
.fw-plan-price sup {
  vertical-align: top;
  margin-top: 16px;
  font-size: 12px;
  display: inline-flex;
}
.fw-plan-price .strike-through {
  text-decoration: line-through;
  font-weight: 400;
  color: #000;
}
.fw-plan-price .regular,
.fw-plan-price .discounted {
  display: inline-block;
  line-height: 1;
  overflow: hidden;
}
.fw-plan-price .regular {
  margin-right: 5px;
}
.fw-plan-feature-list-container {
  display: inline-flex;
  flex-direction: column;
  text-align: left;
}
.fw-plan-feature-list-container > span {
  padding: 10px;
}
.fw-plan-customize-btn {
  text-align: center;
  cursor: pointer;
}
.fw-plan-customize-btn > span {
  background-color: #f7612c;
  color: #fff;
  padding: 10px 30px 10px 30px;
  border-radius: 3px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
.fw-bundle-customize-btn {
  cursor: pointer;
}
.fw-bundle-customize-btn > span {
  background-color: #219a9a;
  color: #fff;
  padding: 10px 30px 10px 30px;
  border-radius: 3px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.fw-plan-price-desc {
  display: block;
  font-size: 12px;
  color: #8a8a8a;
  width: 92px;
}
.fw-plan-price-desc-25-off {
  display: block;
  font-size: 10px;
  color: #853d77;
  width: 80px;
  font-weight: bold;
  line-height: 12px;
}
.fw-price-plan-sub-container {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.fw-price-plan-sub-container label {
  vertical-align: top;
}
.fw-video-plans-container {
  border: 2px solid #219a9a;
  border-radius: 10px;
  display: inline-block;
}
.fw-gem-plans-container {
  margin-left: 17px;
  border: 2px solid #479a99;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fw-sub-container-border {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 25px;
  padding-bottom: 15px;
}
.fw-sub-container-border .addon-unavailable-container,
.fw-bundle-option-container .addon-unavailable-container {
  height: 47px;
}
.fw-sub-container-border .project-cap-dropdown-arrow,
.fw-bundle-option-container .project-cap-dropdown-arrow {
  margin-top: 2px;
}
.fw-sub-container-border .project-cap-selected-value,
.fw-bundle-option-container .project-cap-selected-value {
  margin-bottom: 0px;
}
.fw-video-plans-sub-container,
.fw-gem-plans-sub-container,
.fw-writing-plans-sub-container {
  width: 310px;
  text-align: center;
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
}
.fw-content-top-container {
  display: flex;
  flex-flow: column;
  flex: 1;
}
.fw-content-bottom-container {
  flex: 1;
  justify-content: flex-start;
  display: flex;
  flex-flow: column;
  align-content: center;
  margin-top: 10px;
}
.fw-video-plans-sub-container:nth-child(2) {
  border-left: 1px solid #009a99;
}
@media (max-width: 525px) {
  .fw-video-plans-sub-container {
    margin-left: auto;
    margin-right: auto;
  }
  .fw-video-plans-sub-container:nth-child(1) {
    border-right: 0;
  }
  .fw-video-plans-sub-container:nth-child(2) {
    border-left: 0;
  }
}
.fw-video-plans-header,
.fw-gem-plans-header {
  background-color: #d6eaeb;
  padding: 10px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  border-bottom: 2px solid #219a9a;
  text-align: center;
}
.fw-video-plans-header > span {
  text-transform: uppercase;
  color: #49a8a9;
  font-weight: bold;
}
.fw-gem-plans-header > span {
  text-transform: uppercase;
  color: #49a8a9;
  font-weight: bold;
}
.fw-step-headline {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 18px;
  line-height: 26px;
}
.fw-plans-container,
.fw-price-plan-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex: 1;
}
.fw-page-1-container .fw-step-headline span {
  font-size: 22px;
  color: #853d77;
  font-weight: bold;
}
.fw-page-1-container .fw-step-subheadline span {
  color: #853d77;
}
.fw-step-headline span:not(.fw-addon-amount span) {
  font-size: 28px;
  color: #30A8A8;
}
.fw-step-subheadline {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 25px;
}
.fw-step-subheadline span {
  font-size: 18px;
  color: #30A8A8;
}
.fw-step-nav-item.fw-active,
.fw-step-nav-item.fw-has-hover:hover {
  opacity: 1;
}
.fw-step-nav-item.fw-has-hover:hover {
  cursor: pointer;
}
.fw-left-border {
  border-left: 1px solid #21999a;
}
.fw-right-border {
  border-right: 1px solid #21999a;
}
.fw-step-nav-item {
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position-x: center;
  margin: 30px;
  color: black;
}
.fw-step-container {
  margin-left: auto;
  margin-right: auto;
  width: 425px;
}
.fw-step-nav-text {
  color: #846faa;
  text-align: center;
  margin-top: 40px;
}
.fw-step-nav-item > span {
  display: inline-block;
  font-size: 12px;
}
.fw-step-nav-arrow {
  margin-top: 70px;
  color: #479b9a;
  font-size: 12px;
}
.fw-choose-a-plan {
  background-image: url('../img/cart/newcart/fw-cart-step1.png');
}
.fw-addons {
  background-image: url('../img/cart/newcart/fw-cart-step2.png');
}
.fw-review-pay {
  background-image: url('../img/cart/newcart/fw-cart-step3.png');
}
.fw-monthly-yearly-toggle-container {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 25px;
}
.fw-bundle-save-container {
  width: 100%;
  background-color: #e9f4f5;
  padding: 20px;
  margin-top: 20px;
  text-align: center;
}
.fw-bundle-headline {
  font-size: 28px;
  font-weight: bold;
  color: #21999a;
  line-height: 33px;
}
.fw-bundle-sub-container {
  vertical-align: top;
}
.fw-bundle-sub-container input[type="checkbox"] {
  margin-top: -2px;
  display: inline-block;
}
#fw-bundle-episodic-checkbox {
  margin-top: -2px;
  display: inline-block;
}
.fw-bundle-sub-container .fw-plan-name-desc,
.fw-bundle-sub-container .fw-plan-discount-duration {
  width: auto;
}
.fw-bundle-subheadline {
  font-size: 20px;
  color: #21999a;
  margin-top: 10px;
  letter-spacing: 1;
}
.fw-bundle-option-container {
  background-color: #fff;
  border: 2px solid #21999a;
  width: 450px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.fw-bundle-option-container .fw-toggle-wrapper.toggle-invisible {
  display: none;
}
.fw-bundle-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
  display: block;
  text-align: center;
}
.fw-bundle-projects {
  font-size: 18px;
  color: #21999a;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.fw-bundle-desc {
  font-size: 14px;
  color: #7b7b7b;
  display: block;
  margin-bottom: 15px;
}
.fw-content-headline {
  font-size: 28px;
  font-weight: bold;
  color: #21999a;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 25px;
}
.fw-collab-title .discount-line {
  line-height: 25px;
  font-size: 28px;
  color: #30A8A8;
  margin-bottom: 10px;
}
.fw-collab-title .collaborate-line {
  line-height: 20px;
  font-size: 18px;
  color: #8781bd;
}
.fw-feature-container {
  display: flex;
  justify-content: center;
}
.fw-feature-col {
  display: flex;
  flex-direction: column;
  margin: 25px;
}
.fw-feature {
  font-size: 16px;
  color: #29465a;
  padding: 6px;
}
.fw-feature i {
  color: #219a9a;
}
.edu-image {
  background-image: url('../img/cart/newcart/education-illustration.png');
}
.enterprise-image {
  background-image: url('../img/cart/newcart/enterprise-illustration.png');
}
.fw-fact-container {
  margin-top: 100px;
  color: #25a4a4;
  margin-bottom: 50px;
}
.fw-fact-container .fw-fact-headline {
  display: block;
  font-size: 30px;
  font-weight: bold;
  line-height: 33px;
}
.fw-fact-container .fw-fact-desc {
  margin-top: 20px;
  display: block;
  font-size: 18px;
}
.fw-other-feature-illustration {
  width: 350px;
  height: 250px;
  background-repeat: no-repeat;
  background-size: 75%;
  background-size: contain;
  display: inline-block;
}
.fw-other-feature-desc {
  line-height: 29px;
  font-size: 17px;
  margin-top: 10px;
  margin-right: 50px;
  width: 275px;
}
.fw-other-feature-title {
  font-weight: bold;
  font-size: 28px;
}
.fw-other-feature-subcontainer {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 60px;
}
.fw-other-desc-container {
  display: inline-block;
  width: 298px;
  vertical-align: top;
  margin-top: 30px;
  margin-left: 50px;
  line-height: 25px;
  text-align: left;
}
.fw-quote-container {
  background-repeat: no-repeat;
  background-size: 75%;
  background-size: contain;
  background-image: url('../img/cart/newcart/quotebubble.png');
  width: 600px;
  padding: 20px;
  height: 400px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.fw-quote {
  font-size: 20px;
  width: 460px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 30px;
}
.fw-quote-info {
  line-height: 25px;
  margin-top: 20px;
}
.fw-quote-indicator-container {
  display: inline-flex;
  justify-content: space-between;
  width: 90px;
  margin: 0px auto;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 40px;
}
.fw-quote-indicator {
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: inline-block;
  margin-top: 50px;
}
.fw-quote-indicator:hover {
  cursor: pointer;
}
@media screen and (max-width: 670px) {
  .fw-quote-container {
    display: flex;
    width: unset;
    background-image: none !important;
    background-color: #ecf4f4;
    max-height: 350px;
  }
  .fw-quote-subcontainer {
    padding-bottom: 40px;
    position: unset !important;
    max-width: 100%;
  }
  .fw-quote-subcontainer .fw-quote {
    max-width: 100%;
    font-size: 17px;
  }
  .fw-quote-indicator-container {
    bottom: 30px;
    max-width: 75px;
  }
  .fw-quote-indicator-container .fw-quote-indicator {
    max-height: 15px;
    max-width: 15px;
  }
}
.fw-quote-active {
  background-color: #4fa0a2;
}
.fw-quote-active:hover {
  cursor: default;
}
.fw-no-thanks {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  color: black;
}
.fw-no-thanks:hover {
  text-decoration: underline;
  color: black;
}
.fw-copyright {
  font-size: 14px;
  margin: 30px 0px 60px 0px;
  text-align: center;
}
.fw-copyright a {
  color: #40a9a9;
}
.fw-show-all-features {
  color: #479a99;
  font-size: 14px;
  cursor: pointer;
  padding-bottom: 15px;
  align-self: center;
  flex: 1;
  display: flex;
}
#fw-episodic-checkbox {
  margin-top: 0;
  margin-right: 3px!important;
}
.fw-addon-main-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.fw-addon-main-container .fw-addon-right-container .fw-step-3-title {
  display: none;
}
.fw-addon-item-container {
  border: 2px solid #30a8a8;
  border-radius: 5px;
  padding: 12px;
  background-color: #fff;
  margin-bottom: 20px;
}
.fw-addon-info-container {
  display: inline-block;
  width: 210px;
  margin-left: 20px;
}
.fw-addon-price {
  display: inline-block;
  font-size: 32px;
  color: #4c4c4c;
  float: right;
  margin-top: 10px;
}
.fw-addon-checkbox {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.fw-left-align {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
.fw-addon-desc {
  font-size: 14px;
  color: #757575;
  display: block;
}
.fw-addon-title {
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
}
.fw-addon-list-container {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 15px;
  margin-bottom: 50px;
}
.fw-plan-feature-list-header {
  margin: 10px 0;
  font-style: italic;
}
.fw-addon-collab-checkbox {
  transform: scale(0.5);
  float: left;
  margin-right: 10px;
}
.fw-addon-collab-email {
  font-size: 15px;
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  left: 40px;
  right: 0px;
}
.fw-addon-collab-email .unifiedsharing-person-circle {
  display: inline-block !important;
  vertical-align: middle;
}
.fw-addon-collab-email .unverified {
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;
  display: flex;
  flex-direction: column;
}
.fw-addon-collab-item-container {
  position: relative;
  height: 30px;
  margin-bottom: 15px;
  display: flex;
}
.fw-step3-disclaimer {
  color: #858585;
  margin-top: 60px;
  font-size: 12px;
}
.fw-pay-btn {
  width: 160px;
  color: #fff;
  cursor: pointer;
  padding: 14px 0px;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  background-color: #f7612c;
}
.fw-pay-btn.page2 {
  padding: 14px 15px;
  float: right;
}
.fw-pay-btn.page2:after {
  float: right;
  color: #fff;
  font-size: 14px;
  content: '\e87a';
  font-family: celtxicons;
}
.fw-pay-btn.busy {
  cursor: default;
  background-color: #92d3d4;
}
.fw-collab-title-optional {
  text-transform: uppercase;
  font-size: 20px;
  color: #828282;
  font-weight: bold;
  margin-bottom: 40px;
  border-bottom: 1px solid #828282;
  padding-bottom: 20px;
}
.fw-cart-nav-container {
  padding: 30px 0px;
  box-sizing: border-box;
  margin-top: 30px;
}
.fw-cart-nav-container.step-2 {
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #9fb6b7;
}
.fw-cart-nav-container.step-2 > .currency-disclaimer-mount {
  margin-top: -15px;
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control_indicator {
  position: absolute;
  top: 0px;
  left: 0;
  height: 30px;
  width: 35px;
  background: #d1e8e9;
  border: 3px solid #3f9c9a;
  border-radius: 5px;
}
.control input:checked ~ .control_indicator {
  background: #d1e8e9;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
  background: #0e6647;
}
.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
.control-checkbox .control_indicator:after {
  left: 12px;
  top: 2px;
  width: 7px;
  height: 15px;
  border: solid #3f9c9a;
  border-width: 0 6px 6px 0;
  transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}
.close-button {
  background-color: #dedede;
  border: none;
  color: white;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  line-height: 27px;
  border-radius: 50%;
}
.fw-tower-container {
  border: 2px solid #479a99;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.new-cart-badge {
  background-image: url('../img/cart/newcart/50-off-offer-ending-september-badge.png');
  background-size: cover;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  margin-left: -275px;
  margin-top: 40px;
  position: absolute;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
.new-cart-badge-sm {
  background-image: url('../img/cart/newcart/50-off-offer-ending-september-badge.png');
  background-size: cover;
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
  margin-left: -90px;
  z-index: 1;
  margin-top: -22px;
  position: absolute;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@media (max-width: 1865px) and (min-width: 1740px) {
  .new-cart-badge-sm {
    margin-top: -10px;
    margin-left: -45px;
  }
}
@media (max-width: 1250px) {
  .new-cart-badge-sm {
    margin-top: -10px;
    margin-left: -45px;
  }
}
@media (max-width: 850px) {
  .new-cart-badge-sm {
    display: none;
  }
}
.annual-hidden,
.monthly-hidden {
  display: none;
}
.annual-disclaimer,
.monthly-disclaimer {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fw-subscribe-dialog.fw-mobile-dialog {
  position: fixed;
}
.fw-subscribe-dialog.fw-mobile-dialog .new-cart-badge {
  margin-left: -160px;
  z-index: 9;
}
.fw-subscribe-dialog.fw-mobile-dialog .fw-feature-container {
  display: block;
}
.fw-subscribe-dialog.fw-mobile-dialog .fw-feature-container .fw-feature-col:nth-child(1) {
  margin-bottom: 0;
}
.fw-subscribe-dialog.fw-mobile-dialog .fw-feature-container .fw-feature-col:nth-child(2) {
  margin-top: 0;
}
.fw-subscribe-dialog.fw-mobile-dialog .fw-bundle-save-container {
  box-sizing: border-box;
}
.fw-subscribe-dialog.fw-mobile-dialog .fw-content-headline {
  line-height: 30px;
}
.fw-subscribe-dialog.fw-mobile-dialog .fw-fact-container {
  padding: 10px;
}
.fw-subscribe-dialog.fw-mobile-dialog .fw-fact-container .fw-fact-headline {
  line-height: 30px;
}
.fw-page-1-container[data-feature-list-bundle-expanded] .fw-expanded-bundle-feature-list {
  display: block !important;
}
.fw-page-1-container[data-all-plans-displayed] .fw-tower-container {
  display: block !important;
}
.fw-page-1-container[data-all-plans-displayed] .video .fw-plan-feature-list-header {
  display: block;
}
.fw-page-1-container[data-all-plans-displayed] .video .fw-plan-feature-list-header.wirting-hidden {
  display: none;
}
.fw-page-1-container[data-all-plans-displayed] .video .fw-plan-feature-writing-plan-hidden {
  display: none;
}
.fw-page-1-container .video .fw-plan-feature-list-header {
  display: none;
}
.fw-page-1-container .video .fw-plan-feature-list-header.wirting-hidden {
  display: block;
}
.fw-page-1-container .video .fw-plan-feature-writing-plan-hidden {
  display: block;
}
.fw-page-1-container .persona > div.fw-plans-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount,
.fw-page-1-container .persona > div.fw-bundle-save-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount {
  margin-bottom: 15px;
}
.fw-page-1-container .persona > div.fw-plans-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag:not(:last-child),
.fw-page-1-container .persona > div.fw-bundle-save-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag:not(:last-child) {
  margin-right: 5px;
}
.fw-page-1-container .persona > div.fw-plans-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag span.isoCode,
.fw-page-1-container .persona > div.fw-bundle-save-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag span.isoCode {
  transform: translate(0px, 11px);
}
.fw-page-1-container .persona > div.fw-plans-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag.regular .main-units::before,
.fw-page-1-container .persona > div.fw-bundle-save-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag.regular .main-units::before {
  height: 2px;
  background: black;
}
.fw-page-1-container .persona > div.fw-plans-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag.discounted,
.fw-page-1-container .persona > div.fw-bundle-save-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-amount .price-tag.discounted {
  color: #853d77;
  font-weight: bold;
}
.fw-page-1-container .persona > div.fw-plans-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-cycle-line,
.fw-page-1-container .persona > div.fw-bundle-save-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers > div.pl-cycle-line {
  font-size: 12px;
  color: #8a8a8a;
  white-space: pre;
}
.fw-page-1-container .persona > div.fw-bundle-save-container .fw-price-plan-sub-container > .pricing-label-root-container.ms-cart-page-1-towers {
  width: 200px;
  display: flex;
  align-items: baseline;
  justify-content: space-around;
}
.fw-page-1-container .persona .fw-plans-container {
  display: grid;
  grid-row-gap: 15px;
  margin-bottom: 40px;
  grid-column-gap: 10px;
  align-content: center;
  justify-items: center;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(265px, 265px));
}
.fw-page-1-container .persona .fw-plans-container .fw-tower-container {
  border: 1px solid #61b0ab;
  border-radius: 5px;
  width: 265px;
  min-height: 635px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.fw-page-1-container .persona .fw-plans-container .fw-video-plans-sub-container {
  width: 100%;
  display: flex;
}
.fw-page-1-container .persona .fw-plans-container .fw-plan-feature-list-container {
  text-align: center;
  margin-top: 5px;
}
.fw-page-1-container .persona .fw-plans-container .fw-plans-header {
  background: #dae9eb;
  border-radius: 0;
  text-transform: none;
  color: #61b0ab;
  text-align: center;
  padding: 10px 15px;
}
.fw-page-1-container .persona .fw-plans-container .fw-collapsed-feature-list ul,
.fw-page-1-container .persona .fw-plans-container .fw-expanded-feature-list ul {
  margin: 0;
}
.fw-page-1-container .persona .fw-plans-container .fw-collapsed-feature-list ul li::before,
.fw-page-1-container .persona .fw-plans-container .fw-expanded-feature-list ul li::before {
  content: "";
  padding: 0;
  margin: 0;
  width: 0;
  margin-left: 0;
}
.fw-page-1-container .persona .fw-plans-container .fw-plan-feature-list-header {
  color: #61b0ab;
}
.fw-page-1-container .persona .fw-plans-container .fw-price-plan-sub-container {
  margin-top: 21px;
}
.fw-page-1-container .persona .fw-plans-container .fw-price-plan-sub-container .fw-plan-name {
  font-size: 20px;
  margin-bottom: 10px;
}
.fw-page-1-container .persona .fw-plans-container .fw-price-plan-sub-container .fw-plan-namc-desc {
  margin-bottom: 10px;
}
.fw-page-1-container .persona .fw-plans-container .fw-price-plan-sub-container .fw-plan-name,
.fw-page-1-container .persona .fw-plans-container .fw-price-plan-sub-container .fw-plan-name-desc,
.fw-page-1-container .persona .fw-plans-container .fw-price-plan-sub-container .fw-plan-price,
.fw-page-1-container .persona .fw-plans-container .fw-price-plan-sub-container .fw-plan-price-desc {
  display: block;
  text-align: center;
  align-self: center;
}
.fw-page-1-container .persona .fw-plans-container .fw-toggle-container {
  display: block;
  position: relative;
  margin: 10px auto 10px 45px;
  text-align: left;
}
.fw-page-1-container .persona .fw-plans-container .fw-toggle-container .fw-toggle-wrapper {
  display: flex;
  height: 26px;
  align-items: center;
}
.fw-page-1-container .persona .fw-plans-container .fw-toggle-container input[type="checkbox"] {
  margin-top: -2px !important;
  position: relative;
  display: inline-block;
  margin-right: 0px;
}
.fw-page-1-container .persona .fw-plans-container .fw-show-feature-link {
  text-transform: uppercase;
  color: #61b0ab;
  display: flex;
}
.fw-page-1-container .persona .fw-plans-container .fw-plan-name-container {
  height: 85px;
}
.fw-page-1-container .persona .fw-plans-container .fw-tower-container.video .fw-plan-customize-container,
.fw-page-1-container .persona .fw-plans-container .fw-tower-container.game .fw-plan-customize-container,
.fw-page-1-container .persona .fw-plans-container .fw-tower-container.writing .fw-plan-customize-container {
  height: 34px !important;
}
.fw-page-1-container .persona .fw-plans-container .fw-tower-container.writing .fw-toggle-wrapper:first-child::before {
  background-image: url(../img/cart/newcart/new.png);
  content: " ";
  width: 30px;
  height: 30px;
  background-size: contain;
  padding-right: 10px;
  background-repeat: no-repeat;
  margin-top: -5px;
  display: inline-block;
  margin-left: -40px;
  vertical-align: middle;
}
.fw-page-1-container .persona .fw-plans-container .fw-tower-container .fw-toggle-wrapper.toggle-invisible {
  display: none;
}
.fw-page-1-container .persona .fw-plans-container .fw-tower-container.game .fw-toggle-container.addon-10-project-available .fw-plan-customize-container {
  height: 60px !important;
}
.fw-page-1-container .persona.work .fw-plans-container .fw-tower-container.writing {
  display: none;
}
.fw-page-1-container .persona .fw-bundle-save-container {
  width: auto;
  margin: 0 auto;
  margin-top: 20px;
}
.fw-page-1-container .persona .fw-bundle-option-container {
  width: 85%;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-items: center;
  align-content: center;
}
.fw-page-1-container .persona .fw-bundle-option-container > * {
  flex-basis: 18%;
  min-width: 12.5rem;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: center;
}
.fw-page-1-container .persona .fw-bundle-option-container .fw-plan-price,
.fw-page-1-container .persona .fw-bundle-option-container .fw-plan-price-desc,
.fw-page-1-container .persona .fw-bundle-option-container .fw-bundle-subheadline,
.fw-page-1-container .persona .fw-bundle-option-container .fw-plan-name-desc {
  text-align: center;
  margin: 0 auto;
}
.fw-page-1-container .persona .fw-bundle-option-container .fw-bundle-subheadline {
  text-align: center;
  margin: 0;
}
.fw-page-1-container .persona .fw-bundle-option-container .fw-expanded-bundle-feature-list {
  display: none;
}
.fw-page-1-container .persona .fw-bundle-option-container .fw-expanded-bundle-feature-list dl {
  margin-top: 30px;
  text-align: center;
}
.fw-page-1-container .persona .fw-bundle-option-container .fw-expanded-bundle-feature-list dl dt:not(:first-child) {
  margin-top: 17px;
}
.fw-page-1-container .persona .fw-bundle-option-container .fw-show-bundle-feature-link .fw-expanded-bundle-feature-list,
.fw-page-1-container .persona .fw-bundle-option-container .fw-show-bundle-feature-link .fw-collapsed-bundle-feature-list {
  text-transform: uppercase;
}
.fw-page-1-container .persona .fw-bundle-option-container .fw-show-bundle-feature-link .fw-expanded-bundle-feature-list .fa,
.fw-page-1-container .persona .fw-bundle-option-container .fw-show-bundle-feature-link .fw-collapsed-bundle-feature-list .fa {
  font-size: 60px;
  display: block;
  color: #dddae9;
}
@media screen and (min-width: 1261px) {
  .fw-page-1-container .persona .fw-bundle-option-container > div:not(.fw-expanded-bundle-feature-list):not(.fw-show-all-features) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #21999a;
  }
  .fw-page-1-container .persona .fw-bundle-option-container > div.fw-show-all-features {
    min-height: 7rem;
  }
}
@media screen and (max-width: 1260px) {
  .fw-page-1-container .persona .fw-bundle-option-container {
    background: #fff linear-gradient(#21999a, #21999a) no-repeat center / 1px 85%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(0, 4rem) minmax(0, 5rem) minmax(0, 7rem) minmax(0, 1fr);
    grid-template-areas: "a c" "b c" "d c" "f e" "f g";
  }
  .fw-page-1-container .persona .fw-bundle-option-container > div:not(.fw-expanded-bundle-feature-list) {
    max-width: 82%;
    border: none;
  }
  .fw-page-1-container .persona .fw-bundle-option-container .fw-bundle-sub-container {
    margin-top: 0;
  }
  .fw-page-1-container .persona .fw-bundle-option-container .fw-bundle-price-plan-sub {
    margin-top: -2rem;
    grid-area: c;
  }
  .fw-page-1-container .persona .fw-bundle-option-container .fw-bundle-select-plan {
    align-self: start;
    grid-area: e;
    margin-top: -2rem;
  }
  .fw-page-1-container .persona .fw-bundle-option-container > div.fw-show-all-features {
    flex-basis: 100%;
    max-width: 100%;
  }
  .fw-page-1-container .persona .fw-bundle-option-container > div.fw-expanded-bundle-feature-list dl {
    margin-top: -20px;
  }
}
.fw-page-1-container .persona .fw-view-all-plans-container {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.fw-page-1-container .persona .fw-view-all-plans-container #fw-view-all-plans {
  text-decoration: underline;
  text-transform: uppercase;
  color: #bbbbbb;
}
.fw-step-3-title {
  font-size: 24px;
  font-weight: 500;
  color: #30A8A8;
  margin-bottom: 42px;
}
.fw-addon-right-container {
  display: flex;
  flex-direction: column;
}
.fw-processing-container {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fw-processing-container .alert {
  margin-bottom: 0px;
}
.fw-payment-successful.step4 {
  display: flex;
  max-width: 650px;
  padding: 0px 30px;
  margin: 110px auto;
  align-items: center;
  flex-direction: column;
}
.fw-payment-successful.step4 .fw-success-img,
.fw-payment-successful.step4 .fw-step-headline,
.fw-payment-successful.step4 .fw-payment-successful-content {
  margin-bottom: 40px;
}
.fw-payment-successful.step4 .fw-success-img {
  max-width: 500px;
  content: url('../img/cart/newcart/post-sub-illus.png');
}
.fw-payment-successful.step4 .fw-get-started-btn {
  width: 175px;
  color: #fff;
  cursor: pointer;
  padding: 10px 0px;
  border-radius: 3px;
  text-align: center;
  text-transform: uppercase;
  background-color: #219a9a;
}
@media only screen and (max-width: 600px) {
  .fw-payment-successful.step4 .fw-step-headline > span {
    font-size: calc(100vw * 0.0525);
  }
  .fw-payment-successful.step4 .fw-success-img {
    max-width: calc(100vw * 0.75);
  }
}
@media only screen and (max-width: 1258px) {
  .fw-bundle-select-plan {
    border-right: none !important;
  }
}
@media only screen and (max-width: 900px) {
  .fw-subscribe-dialog .fw-expanded-bundle-feature-list dl {
    max-width: 90%;
  }
  .fw-subscribe-dialog .fw-cart-container {
    padding: 0px;
    max-width: 465px;
  }
  .fw-subscribe-dialog .fw-cart-container .fw-price-summary,
  .fw-subscribe-dialog .fw-cart-container .fw-addon-collab-container {
    padding: 0px 20px;
  }
  .fw-subscribe-dialog .fw-addon-main-container {
    margin: 0 auto;
    max-width: 100%;
    flex-direction: column-reverse;
  }
  .fw-subscribe-dialog .fw-addon-main-container .fw-addon-right-container {
    margin-bottom: 40px;
  }
  .fw-subscribe-dialog .fw-addon-main-container .fw-addon-right-container .fw-step-3-title {
    display: block;
    text-align: center;
  }
  .fw-subscribe-dialog .fw-addon-main-container .fw-addon-left-container .fw-step-3-title {
    display: none;
  }
  .fw-subscribe-dialog .fw-cart-nav-container.step-2 {
    margin: 0px 20px;
    align-items: center;
    flex-direction: column-reverse;
  }
  .fw-subscribe-dialog .fw-cart-nav-container.step-2 > .currency-disclaimer-mount {
    margin: 0px;
  }
  .fw-subscribe-dialog .fw-cart-nav-container.step-2 > .pay-now-btn-container {
    margin-bottom: 40px;
  }
  .fw-subscribe-dialog .fw-cart-nav-container.step-2 > .pay-now-btn-container > .fw-pay-btn.page2 {
    width: 300px;
    display: flex;
    font-size: 16px;
    padding: 15px 0px;
    align-items: baseline;
    justify-content: center;
  }
  .fw-subscribe-dialog .fw-cart-nav-container.step-2 > .pay-now-btn-container > .fw-pay-btn.page2::after {
    margin-left: 5px;
  }
  .fw-subscribe-dialog .fw-addon-collab-container .fw-collab-container.cart {
    width: auto;
    padding: 0px;
  }
  .fw-subscribe-dialog .fw-addon-collab-container .fw-collab-container.cart .fw-collab-title-optional {
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .fw-subscribe-dialog .fw-addon-collab-container .multiseatuserstudiomanagement-userlist.cart {
    margin-left: 0px;
  }
  .fw-subscribe-dialog .fw-addon-collab-container .multiseatuserstudiomanagement-userlist.cart .multiseatuserstudiomanagement-collab-container > .input-group > .multiseatuserstudiomanagement-addcollab-email-input {
    width: 100%;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart {
    margin: 0px 20px;
    margin-top: 10px;
    padding-top: 40px;
    margin-bottom: 20px;
    border-top: 2px solid #9fb6b7;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .credit-card-form-root {
    max-width: calc(100% - 54px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root {
    max-width: calc(100% - 50px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .logos {
    margin: 0px 20px;
    margin-bottom: 80px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .logos .payment-card-logos {
    max-height: 16.5px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .logos .powered-by-stripe-logo {
    max-height: 17.5px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-processing-info-root {
    margin-top: -51px;
    margin-bottom: 25px;
  }
  .fw-cart-container .page-3-payment-form-container > div.payment-btn-root {
    width: 300px;
    font-size: 16px;
    margin: 0px auto;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 450px) {
  .fw-subscribe-dialog .fw-step-container {
    width: 100%;
    padding: 40px 10px;
    box-sizing: border-box;
    justify-content: space-evenly;
  }
  .fw-subscribe-dialog .fw-step-container .fw-step-nav-item {
    margin: 0px;
  }
  .fw-subscribe-dialog .fw-collab-container.cart .fw-collab-title .discount-line {
    font-size: 20px;
  }
  .fw-subscribe-dialog .fw-collab-container.cart .fw-collab-title .collaborate-line {
    font-size: 16px;
  }
  .fw-subscribe-dialog .fw-cart-nav-container {
    margin-top: 0;
    padding: 30px 20px;
  }
  .fw-subscribe-dialog .fw-cart-nav-container.step-2 {
    margin-bottom: 50px;
  }
  .fw-subscribe-dialog .fw-cart-nav-container.step-2 > .pay-now-btn-container > .fw-pay-btn.page2 {
    width: calc(100vw - 40px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .credit-card-form-root {
    border: none;
    border-radius: 0px;
    max-width: calc(100vw - 50px);
    transform: translate(-20px, 0px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root {
    border: none;
    padding: 20px;
    border-radius: 0px;
    max-width: calc(100vw - 40px);
    transform: translate(-20px, 0px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .title {
    margin-left: 0px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list {
    max-height: 90px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .form-radio-btn {
    width: 25px;
    height: 25px;
    margin-left: 0px;
    margin-right: 10px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info {
    padding: 0px;
    width: calc(100% - 60px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo {
    margin-right: 0px;
    background-size: 36px;
    background-position: 13px 8px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.visa {
    background-size: 40px;
    background-position: 10px 13px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.amex {
    background-size: 44px;
    background-position: 8px 14px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.unionpay {
    background-size: 36px;
    background-position: 13px 8px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.discover {
    background-size: 43px;
    background-position: 9px 17px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.diners {
    background-size: 44px;
    background-position: 9px 14px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.mastercard {
    background-size: 36px;
    background-position: 13px 8px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root > .add-new-pm-btn {
    font-size: 14px;
    margin-left: 35px;
    padding: 10px 0px;
    width: calc(100% - 60px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-form-root.multi-step-cart > .card-form-root > .existing-cards-form-root.overflow > .add-new-pm-btn {
    width: calc(100% - 68px);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .logos {
    margin: 0px;
    margin-bottom: 80px;
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .logos .payment-card-logos {
    max-height: calc(100vw * 0.035);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .logos .powered-by-stripe-logo {
    max-height: calc(100vw * 0.04);
  }
  .fw-cart-container .page-3-payment-form-container > .form-group > .payment-processing-info-root {
    margin-top: -51px;
    margin-bottom: 25px;
  }
  .fw-cart-container .page-3-payment-form-container > div.payment-btn-root {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: calc(100vw - 40px);
  }
  .fw-payment-successful.step4 {
    margin: 60px auto;
  }
  .fw-payment-successful.step4 .fw-success-img,
  .fw-payment-successful.step4 .fw-step-headline,
  .fw-payment-successful.step4 .fw-payment-successful-content {
    margin-bottom: 25px;
  }
  .fw-payment-successful.step4 .fw-step-headline > span {
    font-size: calc(100vw * 0.048);
  }
}
.cx-multi-step-cart .persona-container-root {
  outline: none;
  width: 100%;
  display: flex;
  min-height: 100vh;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: #1d395b;
}
.cx-multi-step-cart .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus {
  margin-top: 30px;
  margin-bottom: 30px;
}
.cx-multi-step-cart .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus > span.bct-label {
  font-size: 10px;
  color: #209a99;
  font-weight: bold;
  text-transform: uppercase;
}
.cx-multi-step-cart .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus > div.bct-switch {
  width: 48px;
  height: 18px;
  border: 2px solid #209a99;
  background-color: #209a99;
}
.cx-multi-step-cart .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus > div.bct-switch span.bct-slider {
  top: 1px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: white;
}
.cx-multi-step-cart .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus > div.bct-switch input:checked + .bct-slider {
  transform: translateX(28px);
}
.cx-multi-step-cart .persona-container-root div.currency-disclaimer-root {
  margin-top: 40px;
  margin-bottom: 100px;
}
.cx-multi-step-cart .persona-container-root div.currency-disclaimer-root > .disclaimer-text {
  color: #F6F6F6;
}
.persona-container {
  margin-left: auto;
  margin-right: auto;
  width: 640px;
  padding: 20px;
  text-align: center;
}
.persona-headline {
  font-size: 32px;
  font-weight: 400;
  color: #71c2d7;
  margin-bottom: 22px;
}
.persona-hero-image {
  background-image: url('../img/cart/persona-icon-iteration-1.png');
  width: 300px;
  height: 146px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-bottom: 65px;
}
.persona-plan-container {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #71c2d7;
}
.persona-plan-container div.addon-container-root.interstitial.history-restore-focus {
  border: solid 1px #71c2d7;
}
.persona-plan-container div.addon-container-root.interstitial.history-restore-focus > span.input-container {
  border-right: solid 1px #71c2d7;
}
.persona-plan-container div.addon-container-root.interstitial.history-restore-focus > span.label-container {
  background-color: rgba(113, 195, 216, 0.2);
}
.persona-plan-container div.pricing-label-root-container.interstitial.history-restore-focus > div.pl-amount {
  margin-bottom: 18px;
}
.persona-plan-container div.pricing-label-root-container.interstitial.history-restore-focus > div.pl-amount .price-tag span.isoCode {
  transform: translate(0px, 11px);
}
.persona-plan-container div.pricing-label-root-container.interstitial.history-restore-focus > div.pl-cycle-line {
  font-size: 13px;
  color: #777777;
  line-height: 18px;
}
.persona-feature-desc {
  margin: 3px 0 9px 12px;
  font-size: 12px;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.persona-feature-desc li {
  list-style: none;
}
.persona-tower-content1 {
  padding: 22px 32px;
  width: 250px;
}
.persona-tower-content2 {
  margin-top: 26px;
}
.persona-tower-content-divider {
  width: 2px;
  background-color: #209a99;
  margin: 20px 18px 20px 0;
}
.persona-feature-block {
  text-align: left;
  padding: 15px 11px 0;
  display: flex;
  flex-flow: column;
  gap: 3px;
}
.persona-feature-title {
  color: #209a99;
  display: block;
  padding-top: 7px;
  padding-bottom: 5px;
  font-style: italic;
  font-size: 16px;
}
.video-features .persona-feature-title:first-child {
  padding-top: 0;
}
.video-features .persona-feature-title:not(:first-child) {
  padding-top: 5px;
}
.video-features .persona-feature-desc {
  margin-top: 0;
  gap: 4px;
}
.persona-subheadline {
  max-width: 400px;
  padding-bottom: 35px;
  margin: 0 auto;
  color: #fff;
}
.persona-feature-subtitle {
  display: block;
  color: #b1cd5c;
}
.persona-link {
  color: #bbbbbb;
  text-decoration: underline;
  font-size: 14px;
  margin: 20px auto;
  width: 300px;
  text-align: center;
  cursor: pointer;
}
.persona-link[data-qa="cx.ui.cart.ViewMorePlans"] {
  margin-top: 0;
}
.persona-sub-button {
  color: #fff;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 11px 36px 11px 36px;
  display: block;
  width: 78px;
  width: min-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1.9px;
  transition: 0.2s;
  background-color: #f7612c;
}
.persona-sub-button a {
  color: #fff;
}
.persona-sub-button:hover {
  background-color: #ffa500;
}
.persona-addon-toggle {
  font-size: 12px;
  color: #71c3d8;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.persona-addon-toggle.toggle-invisible {
  display: none;
}
.persona-addon-toggle input {
  margin-right: 10px;
  vertical-align: top;
  display: inline-block;
}
.persona-addon-toggle label {
  display: inline-block;
  margin: initial;
  letter-spacing: initial;
  font-size: 12px;
  cursor: pointer;
}
.persona-addon-toggle + .persona-sub-button {
  margin-top: 0;
}
.persona-addon-toggle.new-badge::before {
  background-image: url(../img/cart/newcart/new.png);
  content: " ";
  width: 30px;
  height: 30px;
  background-size: contain;
  padding-right: 10px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
  margin-left: -10px;
}
.persona-tower-desc {
  display: block;
  color: #777777;
  margin-top: 15px;
  margin-bottom: 25px;
}
.persona-tower-body {
  display: flex;
}
.persona-tower-title {
  font-size: 22px;
  color: #000;
  display: block;
  text-align: center;
  padding: 12px 12px 0;
  margin-left: auto;
  margin-right: auto;
}
.persona-container-title {
  background-color: #71c3d8;
  padding: 14px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #fff;
}
.reactivation::before {
  background-image: url('../img/cart/bg-swirl.png');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 15%;
  content: "";
  pointer-events: none;
}
.reactivation .persona-hero-image {
  background-image: url('../img/cart/discount-tag.png');
  width: 60px;
  height: 60px;
  padding-bottom: 10px;
}
.reactivation .persona-headline {
  width: 450px;
  line-height: 45px;
  font-size: 45px;
  margin: 0 auto;
  padding-bottom: 35px;
}
.reactivation .persona-headline .reactivation-greentext {
  color: #b1cd5c;
}
@media only screen and (max-width: 600px) {
  .reactivation .persona-headline {
    font-size: 32px;
    max-width: 300px;
    line-height: 40px;
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .persona-container {
    max-width: 100%;
    box-sizing: border-box;
  }
  .persona-hero-image {
    height: 90px;
  }
  .persona-headline {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 36px;
  }
  .persona-subheadline {
    max-width: 330px;
    padding-top: 8px;
    line-height: 24px;
  }
  .persona-plan-container {
    margin: 0 auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .persona-tower-body {
    flex-flow: column;
    align-items: center;
  }
  .persona-tower-content-divider {
    width: 150px;
    height: 2px;
    margin: 0;
  }
  .persona-feature-block {
    text-align: center;
    padding: 35px 40px;
  }
  .persona-feature-desc {
    margin-left: 0;
  }
  .persona-tower-content2 {
    margin: 0;
  }
  .video-features .persona-feature-title:not(:first-child),
  .persona-feature-title:not(:first-child) {
    padding-top: 10px;
  }
  .persona-feature-title {
    font-style: normal;
  }
}
.plantower {
  background: #efeff1;
  border: 1px solid #e5e6e8;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  max-width: 265px;
  height: 410px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 5px;
  box-sizing: border-box;
}
.plantower.plantowercart {
  margin: 5px;
  max-width: 300px;
  height: 420px;
  box-sizing: border-box;
}
.plantower.plantowercart .plantower-message {
  height: 45px;
}
.plantower.plantowercart-hide {
  display: none;
}
.plantower.plantowercart.plantower-selectable {
  position: relative;
  cursor: pointer;
}
.plantower-content {
  padding: 20px;
}
.plantowercart .plantower-content {
  padding: 16px 40px 0px 40px;
}
.plantowercart.plantower-selectable.plantower-selected .plantower-content {
  padding: 12px 36px 0px 36px;
}
.plantower-selected-checkmark {
  width: 40px;
  height: 40px;
  position: absolute;
  display: none;
  top: -20px;
  right: -20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
.plantower-selectable {
  opacity: 0.5;
}
.plantower-selectable.plantower-selected {
  opacity: 1;
}
.plantowercart.plantower-selectable.plantower-selected {
  border: 4px solid #2FB5B4;
}
.plantower-selected-checkmark-off {
  background-color: #fff;
  display: none;
}
.plantower-selectable.plantower-selected .plantower-selected-checkmark-off {
  display: none;
}
.plantower-selectable .plantower-selected-checkmark-off {
  display: block;
}
.plantower-selected-checkmark-on {
  background-color: #f7612c;
  display: none;
}
.plantower-selectable.plantower-selected .plantower-selected-checkmark-on {
  display: block;
}
.plantower-selected-checkmark-on:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #fff;
  position: absolute;
  font-size: 30px;
  left: 5px;
  top: 9px;
}
.plantower-title {
  color: #2FB5B4;
  line-height: 1;
  text-overflow: ellipsis;
  hyphens: auto;
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: auto;
}
.plantower-message {
  margin-bottom: 0;
  color: #777;
  height: 74px;
  font-size: 90%;
  overflow: auto;
}
.plantowercart .plantower-message {
  margin-bottom: 5px;
  line-height: 14px;
  min-height: 40px;
  letter-spacing: 0px;
}
.plantower-highlightedprice {
  color: #f7612c;
}
.plantower-pricemonthlystrike {
  color: #3f6171;
  margin-right: 5px;
}
.plantowerstudiomanagement .plantower-pricemonthlystrike {
  display: none;
}
.plantower-featuremessage {
  margin-top: 40px;
  margin-bottom: 20px;
  color: #3f6171;
}
.plantower-featurelist {
  text-align: left;
  color: #3f6171;
  margin: 15px 0px 0px 30px;
  list-style: none;
  font-size: 90%;
  font-weight: bold;
}
.plantowercart .plantower-featurelist {
  margin-left: 0px;
  min-height: initial;
}
.plantower-featurelist li {
  list-style-position: inside;
  text-indent: -33px;
  width: 182px;
  word-wrap: break-word;
  margin-top: 6px;
  line-height: 16px;
}
.plantowercart .plantower-featurelist li {
  text-indent: -23px;
  width: 222px;
}
.plantower-featurelist li:before {
  font-family: FontAwesome;
  content: "\f00c";
  margin-right: 10px;
  color: #2FB5B4;
}
.plantowercart .plantower-featurelist li:before {
  margin-right: 10px;
}
.plantower-icon {
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  background-size: 100px;
  margin: 25px auto 10px auto;
}
.plantowercart .plantower-icon {
  width: 50px;
  height: 50px;
  background-size: 50px;
  margin: 5px auto;
}
.plantower-icon.story-dev-icon {
  background-image: url(../img/cart/tower-story-dev-icon.png);
}
.plantower-icon.single-script-icon {
  background-image: url(../img/cart/tower-single-script-icon.png);
}
.plantower-icon.episodic-icon {
  background-image: url(../img/cart/tower-episodic-icon.png);
}
.plantower-featured-container {
  height: 80px;
}
.plantowercart .plantower-featured-container {
  display: block;
  position: absolute;
  width: 200px;
  height: 20px;
  box-sizing: border-box;
  top: -17px;
  left: 44px;
}
.plantower-featured {
  background: #2FB5B4;
  color: #fff;
  padding: 20px;
  font-size: 20px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.plantowercart .plantower-featured {
  padding: 2px;
  font-size: 18px;
  height: 13px;
  padding: 10px;
  padding-top: 4px;
  color: #fff;
}
.plantower-actionbutton {
  width: 145px;
  background-color: #2FB5B4;
  box-shadow: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plantower-actionbutton:hover {
  background-color: #3cdbc9;
}
.plantower-actionbutton.already-subscribed {
  background-color: #c3c3c3;
  pointer-events: none;
}
.plantower-actionbutton.already-subscribed:hover {
  cursor: default;
}
.plantowercart .plantower-actionbutton {
  display: none;
}
.plantower-actionblackbutton {
  background-color: #000000;
}
.plantower-actionblackbutton:hover {
  background-color: #000000;
}
.plantower.plantowerstudiomanagement {
  background-color: #fff;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  border-color: #5eb0aa;
  height: 743px;
}
.plantower.plantowerstudiomanagement.game .plantower-title-container {
  height: 60px;
  position: relative;
}
.plantower.plantowerstudiomanagement.workpersona.writing {
  display: none;
}
.plantower.plantowerstudiomanagement.plantower-downgrade {
  display: none;
}
.plantower.plantowerstudiomanagement .plantower-header-container {
  padding: 15px 0;
  background: #dae9eb;
}
.plantower.plantowerstudiomanagement .plantower-plan-header {
  color: #2FA8A8;
  font-size: 15px;
  letter-spacing: 0px;
}
.plantower.plantowerstudiomanagement .plantower-most-popular {
  background-image: url(../img/cart/newcart/badge.png);
  background-repeat: no-repeat;
  width: 91px;
  height: 68px;
  margin: 0 auto;
  margin-top: -37px;
  background-size: 59%;
  background-position: center;
}
.plantower.plantowerstudiomanagement .plantower-most-popular span {
  width: 91px;
  font-size: 75%;
  margin-top: 70px;
  display: inline-block;
  color: #8781bd;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.plantower.plantowerstudiomanagement .plantower-most-popular .plantower-title-container {
  margin-top: 0;
}
.plantower.plantowerstudiomanagement .plantower-most-popular + .plantower-title-container {
  margin-top: 14px;
}
.plantower.plantowerstudiomanagement .plantower-title-container {
  height: 60px;
  position: relative;
}
.plantower.plantowerstudiomanagement .plantower-featured-container,
.plantower.plantowerstudiomanagement .plantower-icon {
  display: none;
}
.plantower.plantowerstudiomanagement .plantower-title {
  margin-bottom: 0;
  font-weight: 500;
  color: #23272b;
}
.plantower.plantowerstudiomanagement .plantower-message {
  font-size: 83%;
  width: 90%;
  margin: 0 auto;
  height: 65px;
}
.plantower.plantowerstudiomanagement label {
  flex: 0.7;
  justify-content: flex-end;
  display: flex;
  margin-bottom: 0px;
}
.plantower.plantowerstudiomanagement [class*='toggle-container'] {
  display: flex;
  margin-left: 40px;
  height: 40px;
  align-items: center;
}
.plantower.plantowerstudiomanagement [class*='toggle-container'] input {
  margin-right: 10px;
}
.plantower.plantowerstudiomanagement [class*='toggle-container'] label {
  color: #7f72a8;
}
.plantower.plantowerstudiomanagement [class*='toggle-container'].toggle-invisible {
  display: none;
}
.plantower.plantowerstudiomanagement .plantower-featurelist {
  text-align: center;
  margin: 0;
  margin-top: 30px;
  min-height: 119px;
}
.plantower.plantowerstudiomanagement .plantower-featurelist li {
  font-weight: bold;
  font-size: 11px;
  width: 100% ;
  list-style: none;
  text-indent: 0;
  margin: 0 auto;
  margin-left: 0 ;
}
.plantower.plantowerstudiomanagement .plantower-featurelist li::before {
  content: "";
  margin: 0;
}
.plantower.plantowerstudiomanagement .plantower-featurelist-header,
.plantower.plantowerstudiomanagement .plantower-featurelist-header-writing-hidden {
  font-style: italic;
  font-weight: 600;
  color: #2FB5B4;
}
.plantower.plantowerstudiomanagement-featurelist-projectlimit {
  color: #846faa;
}
.plantower.plantowerstudiomanagement .plantower-viewmore {
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  margin-left: 0;
  text-transform: uppercase;
  color: #61b0ab;
  font-size: 11px;
  word-spacing: 0px;
}
.plantower.plantowerstudiomanagement .plantower-actionbutton {
  margin: auto;
  border-radius: 5px;
  width: 190px;
  height: 50px;
  margin-top: 5px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.plantower.plantowerstudiomanagement .plantower-actionbutton.hidden {
  display: none;
}
.plantower.plantowerstudiomanagement.plantower-wide {
  max-width: 100%;
  height: 350px;
  display: flex;
  justify-content: center;
}
.plantower.plantowerstudiomanagement.plantower-wide .plantower-title {
  min-height: 40px;
}
.plantower.plantowerstudiomanagement.plantower-wide .tower-toggle-container {
  padding-right: 70px;
}
.plantower.plantowerstudiomanagement.game #ao-projectcap10-toggle-container {
  margin-bottom: 0;
}
.plantower.video .plantower-featurelist-header {
  display: none;
}
.plantower.video .plantower-featurelist-header-writing-hidden {
  display: block;
}
.plantower.video .plantower-feature-writing-plan-hidden {
  display: block;
}
.plantower.bundle {
  grid-row: span 1;
  width: 265px;
}
.plantower.bundle .plantower-title-container {
  margin-top: 67px;
  margin-bottom: 43px;
}
.plantower.bundle .plantower-featurelist {
  min-height: initial;
  margin-bottom: 10px;
}
.plantower.bundle .plantower-viewmore {
  margin-top: 0;
  margin-bottom: 15px;
}
.view-more-dialog {
  width: 400px;
}
.view-more-dialog .modal-dialog-content {
  padding-top: 0 !important;
  padding-left: 75px !important;
  padding-right: 75px !important;
  font-size: 16px;
}
.view-more-dialog .modal-dialog-content .view-more-title {
  color: #2FB5B4;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
.view-more-dialog .modal-dialog-content .view-more-title span {
  display: block;
}
.view-more-dialog .modal-dialog-content ul {
  margin-left: 0;
  margin-bottom: 0;
}
.view-more-dialog .modal-dialog-content ul li {
  list-style: none;
  margin-bottom: 3px;
}
.view-more-dialog .modal-dialog-content .list-title {
  font-weight: bold;
  text-decoration: underline;
}
.view-more-dialog .modal-dialog-content .options-list {
  margin-bottom: 25px;
}
.view-more-dialog .modal-dialog-content #feature-list .list-title {
  font-style: italic;
}
.studioplancontextual.annual-towers .plantower-monthlyprice {
  display: none;
}
.studioplancontextual.annual-towers .subhead-monthly {
  display: none;
}
.studioplancontextual.annual-towers .subhead-yearly {
  display: block;
}
.studioplancontextual.monthly-towers .plantower-annualprice {
  display: none;
}
.studioplancontextual.monthly-towers .subhead-yearly {
  display: none;
}
.studioplancontextual.monthly-towers .subhead-monthly {
  display: block;
}
.studioplancontextual {
  width: 820px;
}
.studioplancontextual.workpersona .plantower.writing {
  display: none;
}
.studioplan-upgradecontainer.view-all-plans .plantower.plantowerstudiomanagement {
  display: inline-block;
}
.studioplan-upgradecontainer.view-all-plans .plantower.video .plantower-featurelist-header-writing-hidden,
.studioplan-upgradecontainer.view-all-plans .plantower.video .plantower-feature-writing-plan-hidden {
  display: none;
}
.studioplan-upgradecontainer.view-all-plans .plantower.video .plantower-featurelist-header {
  display: block;
}
.plantower-pro-teams {
  position: relative;
  max-width: 265px;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #5eb0aa;
  height: 100%;
}
.plantower-pro-teams .plantower-content {
  padding: 20px;
}
.plantower-pro-teams .plantower-header-container {
  position: relative;
  padding: 15px 0;
  background: #5eb0aa;
  color: #fff;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  display: block;
}
.plantower-pro-teams .plantower-header {
  letter-spacing: 0.06em;
}
.plantower-pro-teams .plantower-title {
  position: relative;
  bottom: 0;
}
.plantower-pro-teams .plantower-title h2 {
  font-weight: 500;
  color: #23272b;
}
.plantower-pro-teams .plantower-contactus {
  width: 145px;
  border-radius: 5px;
  background: #7f72a8;
  box-shadow: none;
}
.plantower-pro-teams .plantower-contactus:hover,
.plantower-pro-teams .plantower-contactus:focus,
.plantower-pro-teams .plantower-contactus:active {
  background: #aaa1c5;
}
.plantower-pro-teams .plantower-learnmore {
  display: block;
  color: #61b0ab;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.plantower-viewall {
  display: block;
  margin: 15px 0;
  text-transform: uppercase;
  text-decoration: underline;
  color: #bbbbbb;
}
.ui-overlay-tray.project-cap-subscribe-overlay {
  z-index: 1040;
}
.project-cap-subscribe-content {
  display: flex;
}
.project-cap-subscribe-paywall {
  display: flex;
  flex-direction: column;
  background-color: #000000;
  color: #ffffff;
  width: 600px;
  height: 565px;
  padding: 45px;
  border-radius: 25px 0px 0px 25px;
}
.project-cap-subscribe-paywall h1 {
  margin: 150px 20px 0 20px;
  font-size: xx-large;
}
.project-cap-subscribe-paywall h2 {
  margin: 20px 20px 0 20px;
  font-weight: lighter;
  margin-bottom: auto;
}
.project-cap-subscribe-choose-upgrade {
  position: relative;
  border-radius: 0px 25px 25px 0px;
  background-color: white;
  max-width: calc(100vw - 30px);
}
.project-cap-subscribe-close-btn {
  top: 16px;
  right: 18px;
  cursor: pointer;
  position: absolute;
}
.project-cap-subscribe-close-btn-img {
  max-height: 15px;
  content: url("../img/studiomanagement/plan/CPCloseIcon.svg");
}
.project-cap-subscribe-plans-group {
  display: flex;
  padding: 45px;
  width: 535px;
  flex-direction: column;
}
.project-cap-subscribe-steps {
  display: flex;
  margin: 0 auto 20px auto;
}
.project-cap-subscribe-step {
  border: 1px solid #945CA3;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  margin: 0 10px;
}
.project-cap-subscribe-active-step {
  background-color: #945CA3;
}
.project-cap-subscribe-clickable-step {
  background-color: #945CA3;
  cursor: pointer;
}
.project-cap-subscribe-plans-group-header {
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 auto 30px auto;
}
.project-cap-subscribe-plans-group-grid {
  display: flex;
  overflow: auto;
  max-width: calc(100vw - 480px);
}
.project-cap-subscribe-plan-tower {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  background-color: white;
  box-sizing: border-box;
  padding: 30px 45px;
  border: 1.5px solid #6E6E6E;
}
.project-cap-subscribe-plan-tower:not(:last-child) {
  margin-right: 15px;
}
.project-cap-subscribe-plan-tower.project-cap-subscribe-flaired {
  border: 3px solid #945CA3;
}
.project-cap-subscribe-plan-tower .project-cap-subscribe-change-plan-btn {
  width: 155px;
  height: 36px;
  font-size: 13px;
  color: #F6F6F6;
  margin-top: auto;
  font-weight: 800;
  letter-spacing: 0px;
  text-transform: none;
  background-color: #6E6E6E;
  text-transform: uppercase;
}
.project-cap-subscribe-plan-tower.project-cap-subscribe-flaired .project-cap-subscribe-change-plan-btn {
  background-color: #945CA3;
}
.project-cap-subscribe-flair {
  position: absolute;
  top: 0;
  color: white;
  margin: 0 auto;
  padding: 6px 30px;
  background-color: #945CA3;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.3px;
  white-space: nowrap;
}
.project-cap-subscribe-plan-name-container {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
}
.project-cap-subscribe-plan-graphic {
  display: flex;
  justify-content: center;
  min-height: 22px;
  margin-right: 10px;
}
.project-cap-subscribe-plan-graphic > img {
  max-height: 22px;
}
.project-cap-subscribe-plan-name {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.project-cap-subscribe-plan-price-group {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 15px 0 8px 0;
}
.project-cap-subscribe-plan-price-group > div.price-item {
  font-size: 24px;
  font-weight: 700;
  color: #945CA3;
}
.project-cap-subscribe-billing-cycle-item {
  margin-top: 5px;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
}
.project-cap-subscribe-plan-features {
  margin: 0px;
  display: flex;
  list-style: none;
  margin-bottom: 20px;
  max-width: 140px;
  width: max-content;
  align-items: center;
  flex-direction: column;
}
.project-cap-subscribe-plan-feature-checkmark {
  vertical-align: top;
  padding-right: 10px;
}
.project-cap-subscribe-plan-feature-checkmark-img {
  height: 12px;
  content: url("../img/shop/blackTick.svg");
}
.project-cap-subscribe-compare-all-plans-link {
  margin-top: 6px;
  text-align: center;
  font-size: 15px;
}
.project-cap-subscribe-compare-all-plans-link a {
  text-decoration: underline;
  color: #6E6E6E;
}
.project-cap-subscribe-compare-all-plans-link a:hover {
  color: #6E6E6E;
}
.project-cap-subscribe-summary-container {
  position: relative;
  border-radius: 0px 25px 25px 0px;
  background-color: white;
  max-width: calc(100vw - 30px);
}
.project-cap-subscribe-summary-group {
  display: flex;
  padding: 45px;
  width: 535px;
  flex-direction: column;
}
.project-cap-subscribe-summary-header {
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 auto 30px auto;
}
.project-cap-subscribe-summary {
  box-sizing: border-box;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 469px;
}
.project-cap-subscribe-summary .project-cap-subscribe-confirm-plan-btn {
  width: 100%;
  height: 38px;
  font-size: 13px;
  margin-top: 25px;
  font-weight: 800;
  letter-spacing: 0.4px;
  box-sizing: border-box;
  border-radius: 40px;
}
.project-cap-subscribe-summary .project-cap-subscribe-confirm-plan-btn > div.cx-ui-loading {
  width: 25px;
  height: 25px;
}
.project-cap-subscribe-current-plan {
  padding: 20px;
  border-radius: 12px;
  border: 1.5px solid #c6c6c6;
}
.project-cap-subscribe-current-plan .project-cap-subscribe-addon-section .project-cap-subscribe-addon-group {
  display: flex;
}
.project-cap-subscribe-current-plan .project-cap-subscribe-addon-section .project-cap-subscribe-addon-group .remove-cta {
  cursor: pointer;
  margin-left: 5px;
  color: #945CA3;
  text-decoration: underline;
}
.project-cap-subscribe-plan-section-item {
  margin-bottom: 5px;
}
.project-cap-subscribe-plan-section-title {
  font-weight: bold;
  display: flex;
  margin-bottom: 3px;
}
.project-cap-subscribe-plan-section-title-value {
  font-weight: normal;
  margin-left: auto;
}
.project-cap-subscribe-plan-section-desc {
  display: flex;
  position: relative;
}
.project-cap-subscribe-plan-section-desc-value {
  margin-left: auto;
}
.project-cap-subscribe-plan-section-desc-info {
  position: absolute;
  left: 380px;
  top: 2px;
  display: inline-block;
  height: 12px;
  width: 12px;
  line-height: 12px;
  border-radius: 12px;
  border: 1px solid #333;
  font-size: 10px;
  cursor: pointer;
  margin-right: 20px;
  text-align: center;
}
.project-cap-subscribe-updated-plan {
  border-radius: 12px;
  border: 1.5px solid #945CA3;
}
.project-cap-subscribe-updated-plan .top-section {
  padding: 20px;
}
.project-cap-subscribe-updated-plan .top-section .price {
  font-weight: bold;
}
.project-cap-subscribe-total-and-billing {
  padding: 20px;
  background-color: rgb(from #945CA3 r g b / 0.1);
  border-radius: 0 0 12px 12px;
}
.project-cap-subscribe-total-and-billing .billing-disc {
  font-size: 10px;
  margin-top: 14px;
}
.project-cap-subscribe-total-due-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
}
.project-cap-subscribe-total-due-section .desc .cx-ui-loading {
  width: 18px;
  height: 18px;
  fill: black;
}
.project-cap-subscribe-current-plan,
.project-cap-subscribe-updated-plan {
  width: 100%;
  box-sizing: border-box;
}
.project-cap-subscribe-plan-section .desc.extended {
  display: flex;
  min-height: 26px;
  width: max-content;
  align-items: center;
  justify-content: center;
}
.project-cap-subscribe-plan-section .desc.extended .user-count {
  cursor: pointer;
  margin-left: 5px;
  color: #945CA3;
  text-decoration: underline;
}
.project-cap-subscribe-users-dropdown-root {
  margin-left: 5px;
}
.project-cap-subscribe-users-dropdown-root .classroom-plan-seats-dropdown-container-root .input-container {
  padding: 2px 8px;
  font-size: 12px;
  text-transform: capitalize;
  box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}
.project-cap-subscribe-users-dropdown-root .classroom-plan-seats-dropdown-container-root .dropdown-content {
  top: 16px;
  left: 0px;
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  border-top: none;
}
.project-cap-subscribe-users-dropdown-root .classroom-plan-seats-dropdown-container-root .dropdown-content .dropdown-item {
  padding: 2.5px 0px;
  text-align: center;
  text-transform: capitalize;
  background-color: white;
}
.project-cap-subscribe-users-dropdown-root .classroom-plan-seats-dropdown-container-root .dropdown-content .dropdown-item:hover {
  background-color: #f6f6f6;
}
.project-cap-subscribe-users-dropdown-root .classroom-plan-seats-dropdown-container-root .dropdown-content .dropdown-item .dropdown-item-text {
  color: #333;
  font-size: 11px;
  font-weight: normal;
}
.project-cap-subscribe-users-dropdown-root .classroom-plan-seats-dropdown-container-root .dropdown-content .dropdown-item:first-child {
  padding-top: 10px;
}
.project-cap-subscribe-info-message {
  width: 100%;
  padding: 15px;
  margin: 0 auto;
  margin-top: 20px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 5px;
  box-sizing: border-box;
}
.project-cap-subscribe-info-message.project-cap-subscribe-success {
  color: #005a00;
  background-color: #cdffcd;
}
.project-cap-subscribe-info-message.project-cap-subscribe-warning {
  color: #bf7300;
  background-color: #fff7d5;
}
.project-cap-subscribe-info-message.project-cap-subscribe-error {
  color: #d30000;
  background-color: #ffdfdf;
}
.project-cap-subscribe-info-popup {
  width: 300px;
  padding: 30px;
  border-radius: 30px;
  background-color: white;
}
.project-cap-subscribe-info-popup a {
  color: #333;
  text-decoration: underline;
}
.project-cap-subscribe-payment-container {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 25px;
  background-color: white;
  padding: 50px;
}
.project-cap-subscribe-embedded-payment-form-container {
  width: 1000px;
}
div.billing-cycle-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.billing-cycle-toggle > span.bct-label {
  font-size: 10px;
  margin-top: 1px;
  color: #23272b;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  font-family: "lato", sans-serif;
}
div.billing-cycle-toggle > span.bct-label > div.discount-promo {
  top: 0;
  position: absolute;
}
div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-arrow {
  max-width: 24px;
  transform: rotate(66deg) translate(23px, -30px);
  content: url("../img/shop/3MoFreeArrow.svg");
}
div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-text {
  min-width: 90px;
  transform: translate(-47px, 9px);
  content: url("../img/shop/3MoFreeText.svg");
}
div.billing-cycle-toggle > div.bct-switch {
  width: 44px;
  height: 18px;
  cursor: pointer;
  margin: 0px 10px;
  position: relative;
  border-radius: 34px;
  background-color: #2FB5B4;
}
div.billing-cycle-toggle > div.bct-switch input {
  opacity: 0;
  width: 0px;
  height: 0px;
  margin: 0px;
}
div.billing-cycle-toggle > div.bct-switch span.bct-slider {
  top: 2px;
  left: 2px;
  right: 0px;
  bottom: 0px;
  width: 14px;
  height: 14px;
  transition: 0.4s;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: 0.4s;
  background-color: white;
}
div.billing-cycle-toggle > div.bct-switch input:checked + .bct-slider {
  transform: translateX(26px);
}
div.billing-cycle-toggle > div.bct-switch:focus,
div.billing-cycle-toggle > div.bct-switch:focus-within {
  outline: 2px solid #0096ff;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: 3px;
}
div.pricing-label-root-container > div.pl-amount {
  display: flex;
  margin-bottom: 3px;
  justify-content: center;
}
div.pricing-label-root-container > div.pl-amount .price-tag {
  display: flex;
  font-weight: bold;
  line-height: 16px;
  align-items: baseline;
}
div.pricing-label-root-container > div.pl-amount .price-tag:not(:last-child) {
  margin-right: 15px;
}
div.pricing-label-root-container > div.pl-amount .price-tag sup.currency-symbol,
div.pricing-label-root-container > div.pl-amount .price-tag sup.fractional-units {
  top: -8px;
  font-size: 15px;
  vertical-align: top;
}
div.pricing-label-root-container > div.pl-amount .price-tag .currency-symbol {
  font-size: 21px;
  margin-right: 1px;
  transform: translate(0px, -1.5px);
}
div.pricing-label-root-container > div.pl-amount .price-tag .main-units {
  font-size: 26px;
}
div.pricing-label-root-container > div.pl-amount .price-tag .fractional-units {
  margin-left: 1px;
  letter-spacing: -0.5px;
}
div.pricing-label-root-container > div.pl-amount .price-tag span.isoCode {
  font-size: 16px;
  margin-left: 3px;
  letter-spacing: -0.6px;
}
div.pricing-label-root-container > div.pl-amount .price-tag.regular {
  color: #23272b;
}
div.pricing-label-root-container > div.pl-amount .price-tag.discounted {
  color: #7f72a8;
}
div.pricing-label-root-container > div.pl-cycle-line {
  font-size: 12px;
  line-height: 16px;
  color: #242524;
  text-align: center;
  font-weight: normal;
}
div.addon-checkbox-root {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.addon-checkbox-root > div.addon-checkbox-container {
  cursor: pointer;
  padding: 20px;
}
div.addon-checkbox-root > label.label-root {
  cursor: pointer;
  flex-grow: 1;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  letter-spacing: unset;
  margin-bottom: 0;
}
div.addon-checkbox-root > label.label-root > div.ac-label {
  font-size: 14px;
  font-weight: 600;
}
div.addon-checkbox-root > label.label-root > div.price-line {
  font-size: 11px;
  font-weight: 500;
}
div.currency-disclaimer-root {
  display: flex;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  align-items: center;
  justify-content: center;
}
div.currency-disclaimer-root > .national-flag {
  max-width: 26px;
  margin-right: 10px;
}
div.currency-disclaimer-root > .disclaimer-text {
  font-size: 14px;
  color: #555654;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
}
div.cx-cta-btn,
div.existing-cards-form-root > .add-new-pm-btn {
  width: 192px;
  height: 30px;
  display: flex;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  border-radius: 4px;
  align-items: center;
  letter-spacing: 1.9px;
  justify-content: center;
  text-transform: uppercase;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}
div.cx-cta-btn > div.cx-ui-loading.cta-btn-loading {
  width: 20px;
  height: 20px;
  fill: white;
}
div.cx-cta-btn.teal,
div.existing-cards-form-root > .add-new-pm-btn {
  color: white;
  background-color: #2FB5B4;
}
div.cx-cta-btn.teal:hover,
div.existing-cards-form-root > .add-new-pm-btn:hover {
  background-color: #35D4D2;
}
div.cx-cta-btn.teal-orca {
  color: #222222;
  background-color: #2FB5B4;
}
div.cx-cta-btn.teal-orca:hover {
  background-color: #35D4D2;
}
div.cx-cta-btn.teal-orca > div.cx-ui-loading.cta-btn-loading {
  fill: #222222;
}
div.cx-cta-btn.clear-teal-border {
  color: white;
  box-sizing: border-box;
  border: 2px solid #2FB5B4;
  background-color: transparent;
}
div.cx-cta-btn.clear-teal-border:hover {
  color: white;
  background-color: #2FB5B4;
}
div.cx-cta-btn.lime {
  color: white;
  background-color: #ABD047;
}
div.cx-cta-btn.orange {
  color: white;
  background-color: #f7612c;
}
div.cx-cta-btn.orange:hover {
  background-color: #ffa500;
}
div.cx-cta-btn.red {
  color: white;
  background-color: #ff2b33;
}
div.cx-cta-btn.red:hover {
  background-color: #bd362f;
}
div.cx-cta-btn.white {
  color: #2FB5B4;
  background-color: white;
}
div.cx-cta-btn.white > div.cx-ui-loading.cta-btn-loading {
  fill: #2FB5B4;
}
div.cx-cta-btn.white:hover {
  color: white;
  background-color: #35D4D2;
}
div.cx-cta-btn.white:hover > div.cx-ui-loading.cta-btn-loading {
  fill: white;
}
div.cx-cta-btn.white-orca {
  color: #222222;
  background-color: white;
}
div.cx-cta-btn.white-orca > div.cx-ui-loading.cta-btn-loading {
  fill: #222222;
}
div.cx-cta-btn.white-orca:hover {
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(90, 90, 90, 0.87);
}
div.cx-cta-btn.white-orca:hover > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(255, 255, 255, 0.87);
}
div.cx-cta-btn.clear-white-border {
  color: white;
  box-sizing: border-box;
  border: 2px solid white;
  background-color: transparent;
}
div.cx-cta-btn.clear-white-border > div.cx-ui-loading.cta-btn-loading {
  fill: white;
}
div.cx-cta-btn.clear-white-border:hover {
  color: black;
  background-color: white;
}
div.cx-cta-btn.white-violet {
  color: #945CA3;
  background-color: white;
}
div.cx-cta-btn.white-violet > div.cx-ui-loading.cta-btn-loading {
  fill: #945CA3;
}
div.cx-cta-btn.white-violet:hover {
  color: rgba(255, 255, 255, 0.87);
  background-color: #A859BD;
}
div.cx-cta-btn.white-violet:hover > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(255, 255, 255, 0.87);
}
div.cx-cta-btn.light-grey {
  color: rgba(90, 90, 90, 0.87);
  background-color: rgba(90, 90, 90, 0.3);
}
div.cx-cta-btn.light-grey > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(90, 90, 90, 0.87);
}
div.cx-cta-btn.light-grey:hover {
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(90, 90, 90, 0.87);
}
div.cx-cta-btn.light-grey:hover > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(255, 255, 255, 0.87);
}
div.cx-cta-btn.dark-grey {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(90, 90, 90, 0.87);
}
div.cx-cta-btn.dark-grey > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(255, 255, 255, 0.87);
}
div.cx-cta-btn.violet {
  color: #F6F6F6;
  background-color: #945CA3;
}
div.cx-cta-btn.violet > div.cx-ui-loading.cta-btn-loading {
  fill: #F6F6F6;
}
div.cx-cta-btn.violet:hover {
  background-color: #A859BD;
}
div.cx-cta-btn.blueDark {
  color: white;
  background-color: #0064cd;
}
div.cx-cta-btn.blueDark > div.cx-ui-loading.cta-btn-loading {
  fill: #F6F6F6;
}
div.cx-cta-btn.blueDark:hover {
  background-color: #049cdb;
}
div.cx-cta-btn.celtx-gradient {
  color: white;
  font-size: 14px;
  position: relative;
  border-radius: 100px;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
div.cx-cta-btn.celtx-gradient > span.cta-btn-label,
div.cx-cta-btn.celtx-gradient > div.cx-ui-loading.cta-btn-loading {
  z-index: 1;
}
div.cx-cta-btn.celtx-gradient > div.cx-ui-loading.cta-btn-loading {
  fill: white;
}
div.cx-cta-btn.celtx-gradient:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: block;
  position: absolute;
  border-radius: 100px;
  transition: opacity 0.5s;
  background: transparent linear-gradient(270deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
}
div.cx-cta-btn.celtx-gradient:hover:before {
  opacity: 1;
}
div.cx-cta-btn.celtx-blue-gradient {
  color: white;
  font-size: 14px;
  position: relative;
  border-radius: 100px;
  background-color: #007fff;
}
div.cx-cta-btn.celtx-blue-gradient > span.cta-btn-label,
div.cx-cta-btn.celtx-blue-gradient > div.cx-ui-loading.cta-btn-loading {
  z-index: 1;
}
div.cx-cta-btn.celtx-blue-gradient > div.cx-ui-loading.cta-btn-loading {
  fill: white;
}
div.cx-cta-btn.celtx-blue-gradient:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: block;
  position: absolute;
  border-radius: 100px;
  transition: opacity 0.5s;
  background: transparent linear-gradient(90deg, #0157ad, #007fff 100%) 0 0 no-repeat padding-box;
  content: attr(data-before);
}
div.cx-cta-btn.celtx-blue-gradient:hover:before {
  opacity: 1;
}
div.cx-cta-btn.withHover {
  position: relative;
}
div.cx-cta-btn.withHover > span.cta-btn-label,
div.cx-cta-btn.withHover > span.cta-btn-hover-label {
  position: absolute;
}
div.cx-cta-btn.withHover > span.cta-btn-label {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.cx-cta-btn.withHover > span.cta-btn-hover-label {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.cx-cta-btn.withHover:hover > span.cta-btn-label {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.cx-cta-btn.withHover:hover > span.cta-btn-hover-label {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.cx-cta-btn.btnDisabled {
  cursor: default;
  pointer-events: none;
}
div.currency-disclaimer-root {
  margin-top: 50px;
}
div.download-edu-forms-line {
  margin-top: 12px;
  text-align: center;
}
div.download-edu-forms-line a {
  margin: 0px 4px;
}
div.survey-cta__container {
  display: flex;
  align-items: center;
}
div.survey-cta__container div.survey-cta__stars-container {
  display: flex;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
}
div.survey-cta__container div.survey-cta__stars-container div.survey-cta__star {
  --sv-star-size: 32px;
  margin-right: 5px;
  width: var(--sv-star-size);
  height: var(--sv-star-size);
  background-size: var(--sv-star-size);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/star.svg);
}
div.survey-cta__container div.survey-cta__stars-container div.survey-cta__star:last-child {
  width: calc(0.55 * var(--sv-star-size));
  margin-right: 0;
  background-position: left;
}
div.survey-cta__container div.survey-cta__info {
  font-size: 15px;
}
div.buy-now-page-root {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100vh;
  position: absolute;
  margin-bottom: 80px;
  background-color: white;
}
div.buy-now-page-root > div.header {
  width: 100%;
  color: #fff;
  padding: 25px 0;
  margin-bottom: 50px;
  background-color: #3B3C3D;
}
div.buy-now-page-root > div.header > a {
  margin: 0;
  margin-left: 115px;
}
div.buy-now-page-root > div.ec-mount {
  margin: 0 25px;
}
div.buy-now-page-root > div.pf-loading {
  width: 125px;
  height: 125px;
  margin: auto;
  fill: #3B3C3D;
}
div.buy-now-page-root > div.studio-loading {
  margin: auto;
  display: flex;
  font-size: 26px;
  width: max-content;
  align-items: center;
}
div.buy-now-page-root > div.studio-loading > div.cx-ui-loading {
  width: 35px;
  height: 35px;
  margin-left: 15px;
  fill: #3B3C3D;
}
div.buy-now-page-root > div.currency-disclaimer-root {
  margin-bottom: 80px;
}
@media only screen and (max-width: 950px) {
  div.buy-now-page-root > div.header {
    display: flex;
    justify-content: center;
  }
  div.buy-now-page-root > div.header > a {
    margin: 0;
  }
}
@media only screen and (max-width: 600px) {
  div.buy-now-page-root > div.pf-loading {
    width: 75px;
    height: 75px;
  }
  div.buy-now-page-root > div.studio-loading {
    width: 100%;
    font-size: 18px;
    flex-direction: column;
  }
  div.buy-now-page-root > div.studio-loading > div.cx-ui-loading {
    margin-top: 15px;
    margin-left: 0px;
  }
}
div.cx-price-summary {
  width: 400px;
  max-width: 100%;
  border-radius: 5px;
  height: max-content;
  box-sizing: border-box;
  border: 2px solid #2FB5B4;
}
div.cx-price-summary > div.title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #2FB5B4;
  padding: 15px 10px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  background-color: rgba(47, 181, 180, 0.1);
}
div.cx-price-summary > div.content {
  padding: 35px;
}
div.cx-price-summary.mobile-view {
  font-size: 14px;
}
div.cx-price-summary.mobile-view > div.title {
  font-size: 16px;
}
div.cx-price-summary.mobile-view > div.content > div.base-plan {
  margin-bottom: 20px;
}
div.cx-price-summary.mobile-view > div.content > div.base-plan > div.content > div.billing-item.name {
  color: #2FB5B4;
  font-weight: bold;
}
div.cx-price-summary.mobile-view > div.content > div.billing-cycle {
  margin-bottom: 20px;
}
div.cx-price-summary.mobile-view > div.content > div.total-due {
  margin-bottom: 20px;
}
div.cx-price-summary.mobile-view > div.content > div.total-due > div.title {
  font-size: 14px;
  font-weight: bold;
}
div.cx-price-summary.mobile-view > div.content > div.total-due:not(.base-plan):not(.billing-cycle) > div.value {
  font-size: 14px;
  font-weight: 600;
  color: black;
  letter-spacing: 0.4px;
}
div.cx-price-summary > div.content > div.base-plan > div.title {
  margin-bottom: 8px;
}
div.cx-price-summary > div.content > div.base-plan > div.content {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 10px;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div:last-child {
  margin-left: 5px;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div:first-child {
  margin-right: 5px;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div.classroom-plan-seats-dropdown-container-root > div.input-container {
  padding: 6px 15px;
  text-transform: capitalize;
  font-size: 13px;
  box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  top: 21px;
  left: 0px;
  border-top: none;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div:first-child {
  padding-top: 10px;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item {
  text-transform: capitalize;
  font-size: 12px;
  background-color: white;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover {
  background-color: #f6f6f6;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.classroom-plan-seats-root-price-summary > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text {
  font-size: 12px;
  font-weight: normal;
  color: #333;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.billing-item.users {
  text-decoration: underline;
  color: #945CA3;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  margin-left: 5px;
  padding: 3px 0;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.name > div.billing-item.users.readonly {
  padding: 0px;
  color: #333;
  cursor: default;
  font-weight: 600;
  text-decoration: none;
}
div.cx-price-summary > div.content > div.base-plan > div.content > div.billing-item.price {
  text-align: right;
}
div.cx-price-summary > div.content > div.total-per-month,
div.cx-price-summary > div.content > div.billing-cycle,
div.cx-price-summary > div.content > div.total-due {
  display: flex;
  justify-content: space-between;
}
div.cx-price-summary > div.content > div.base-plan,
div.cx-price-summary > div.content > div.billing-cycle,
div.cx-price-summary > div.content > div.total-due {
  margin-bottom: 40px;
  padding-bottom: 12px;
  border-bottom: 0.5px solid #555654;
}
div.cx-price-summary > div.content > div.base-plan > div.title,
div.cx-price-summary > div.content > div.billing-cycle > div.title,
div.cx-price-summary > div.content > div.total-due > div.title,
div.cx-price-summary > div.content > div.base-plan:not(.base-plan):not(.billing-cycle) > div.value,
div.cx-price-summary > div.content > div.billing-cycle:not(.base-plan):not(.billing-cycle) > div.value,
div.cx-price-summary > div.content > div.total-due:not(.base-plan):not(.billing-cycle) > div.value {
  font-size: 16px;
  font-weight: 600;
  color: #2FB5B4;
  letter-spacing: 0.4px;
}
div.cx-price-summary > div.content > div.base-plan > div.change-plan-link {
  cursor: pointer;
  font-size: 12px;
  color: #7b7b7b;
  text-transform: lowercase;
}
div.cx-price-summary > div.content > div.annual-savings {
  font-weight: 600;
  text-align: center;
  color: #945CA3;
  letter-spacing: 0.4px;
}
div.cx-price-summary > div.content > div.annual-savings > div.savings-line {
  margin-bottom: 5px;
}
div.cx-price-summary > div.content > div.annual-savings > div.switch-billing-cycle > span {
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (max-width: 650px) {
  div.cx-price-summary > div.content {
    padding: 20px;
  }
  div.cx-price-summary > div.content > div.total-per-month > div.tpm-value,
  div.cx-price-summary > div.content > div.total-due > div.td-value {
    font-size: 18px;
    font-weight: 600;
  }
}
div.digital-wallet-container {
  margin-bottom: 30px;
}
div.digital-wallet-container.hidden {
  display: none;
}
div.digital-wallet-container .btn-tray {
  max-width: 300px;
  margin: 0px auto;
}
div.digital-wallet-container .btn-tray > div {
  width: 100%;
}
div.digital-wallet-container .btn-tray .gpay-card-info-container-fill button:active {
  background-color: #000 !important;
}
form.credit-card-form-root {
  display: grid;
  max-width: 100%;
  column-gap: 10px;
  box-sizing: border-box;
  grid-template-columns: 1fr 1fr;
}
form.credit-card-form-root > div:not(:last-child) {
  margin-bottom: 10px;
}
form.credit-card-form-root > div.card-number > .title,
form.credit-card-form-root > div.card-expiry-date > .title,
form.credit-card-form-root > div.card-cvc > .title {
  font-size: 14px;
  color: #3B3C3D;
  margin-bottom: 5px;
  font-family: "lato";
}
form.credit-card-form-root > div.card-number > .StripeElement,
form.credit-card-form-root > div.card-expiry-date > .StripeElement,
form.credit-card-form-root > div.card-cvc > .StripeElement {
  border-radius: 5px;
  background-color: white;
  border: 1px solid #3B3C3D;
  padding: 11px 10px 10px 10px;
}
form.credit-card-form-root > div.card-number > .StripeElement.StripeElement--invalid,
form.credit-card-form-root > div.card-expiry-date > .StripeElement.StripeElement--invalid,
form.credit-card-form-root > div.card-cvc > .StripeElement.StripeElement--invalid {
  border: 2px solid #d2232a;
  background-color: rgba(210, 35, 42, 0.2);
}
form.credit-card-form-root > div.card-number,
form.credit-card-form-root .error-banner-root {
  grid-column: 1 / span 2;
}
form.credit-card-form-root > div.card-cvc {
  position: relative;
}
form.credit-card-form-root > div.card-cvc > .StripeElement::after {
  content: " ";
  background-image: url("../img/cart/card-cvc.png");
  height: 22px;
  width: 38px;
  position: absolute;
  top: 32px;
  right: 9px;
}
form.credit-card-form-root > div.card-cvc > .StripeElement--invalid::after {
  bottom: 10px;
}
form.credit-card-form-root.ccfrv2 {
  width: 435px;
  display: block;
  box-sizing: content-box;
}
form.credit-card-form-root.ccfrv2 > div.StripeElement {
  width: inherit;
}
@media screen and (max-width: 768px) {
  form.credit-card-form-root {
    grid-template-columns: 1fr 1fr;
  }
}
div.existing-cards-form-root {
  width: 435px;
  padding: 23px;
  border-radius: 5px;
  border: 2px solid #2FB5B4;
  background-color: rgba(47, 181, 180, 0.1);
}
div.existing-cards-form-root > .title {
  font-size: 18px;
  margin-left: 15px;
  margin-bottom: 15px;
}
div.existing-cards-form-root > .card-list {
  overflow-y: auto;
  max-height: 126px;
  overflow-x: hidden;
  margin-bottom: 12px;
}
div.existing-cards-form-root > .card-list > .card-container,
div.existing-cards-form-root > .card-list > .delete-card-overlay {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
div.existing-cards-form-root > .card-list > .card-container:last-child,
div.existing-cards-form-root > .card-list > .delete-card-overlay:last-child {
  margin-bottom: 0px;
}
div.existing-cards-form-root > .card-list > .card-container .form-radio-btn,
div.existing-cards-form-root > .card-list > .delete-card-overlay .form-radio-btn {
  width: 28px;
  height: 28px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 15px;
  border-radius: 50%;
  background: white;
}
div.existing-cards-form-root > .card-list > .card-container .form-radio-btn .selected,
div.existing-cards-form-root > .card-list > .delete-card-overlay .form-radio-btn .selected {
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  background: transparent;
  transform: translate(-50%, -50%);
}
div.existing-cards-form-root > .card-list > .card-container .form-radio-btn .selected.active,
div.existing-cards-form-root > .card-list > .delete-card-overlay .form-radio-btn .selected.active {
  background-color: #945CA3;
}
div.existing-cards-form-root > .card-list > .card-container .info,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info {
  width: 246px;
  display: flex;
  padding: 2px 8px;
  border-radius: 4px;
  align-items: center;
  background-color: white;
}
div.existing-cards-form-root > .card-list > .card-container .info > .delete-link,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .delete-link {
  color: #2fa8a8;
  background-color: transparent;
  padding-right: 8px;
  font-size: 14px;
  cursor: pointer;
  width: unset;
  margin-left: auto;
  margin-right: 0;
  text-decoration: underline;
}
div.existing-cards-form-root > .card-list > .card-container .info > .logo,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .logo {
  width: 61px;
  height: 38px;
  margin-right: 10px;
  background-size: 42px;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  background-color: transparent;
  background-image: url('../img/cart/Branding/Default.png');
}
div.existing-cards-form-root > .card-list > .card-container .info > .logo.visa,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .logo.visa {
  background-size: 50px;
  background-position: 5px 12px;
  background-image: url('../img/cart/Branding/Visa.png');
}
div.existing-cards-form-root > .card-list > .card-container .info > .logo.amex,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .logo.amex {
  background-size: 50px;
  background-position: 5px 12px;
  background-image: url('../img/cart/Branding/Amex.png');
}
div.existing-cards-form-root > .card-list > .card-container .info > .logo.unionpay,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .logo.unionpay {
  background-size: 45px;
  background-position: 9px 5px;
  background-image: url('../img/cart/Branding/UnionPay.png');
}
div.existing-cards-form-root > .card-list > .card-container .info > .logo.discover,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .logo.discover {
  background-size: 50px;
  background-position: 7px 15px;
  background-image: url('../img/cart/Branding/Discover.png');
}
div.existing-cards-form-root > .card-list > .card-container .info > .logo.diners,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .logo.diners {
  background-size: 50px;
  background-position: 6px 12px;
  background-image: url('../img/cart/Branding/DinersClub.png');
}
div.existing-cards-form-root > .card-list > .card-container .info > .logo.mastercard,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .logo.mastercard {
  background-size: 42px;
  background-position: 10px 6px;
  background-image: url('../img/cart/Branding/MasterCard.png');
}
div.existing-cards-form-root > .card-list > .card-container .info > .details,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .details {
  font-size: 18px;
  font-weight: 600;
}
div.existing-cards-form-root > .card-list > .card-container .info > .details.remove-card-dialog,
div.existing-cards-form-root > .card-list > .delete-card-overlay .info > .details.remove-card-dialog {
  margin-top: 3px;
  font-size: 14px;
  font-weight: unset;
}
div.existing-cards-form-root > .card-list::-webkit-scrollbar {
  width: 8px;
  background-color: #d0ebec;
}
div.existing-cards-form-root > .card-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #6161614d;
  -webkit-box-shadow: inset 0 0 6px #6161614d;
  border-radius: 4px;
  background-color: #ffffff;
}
div.existing-cards-form-root > .card-list::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px #f8f8f84d;
  -webkit-box-shadow: inset 0 0 6px \\\#f8f8f84d;
  background-color: #2FB5B4;
}
div.existing-cards-form-root > .add-new-pm-btn {
  height: 42px;
  width: 262px;
  font-size: 11px;
  margin-left: 53px;
  border-radius: 4px;
}
div.payment-btn-root {
  width: 158px;
  color: #fff;
  cursor: pointer;
  padding: 14px 0px;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
  background-color: #ABD047;
}
div.payment-btn-root.busy {
  opacity: 0.3;
  cursor: default;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  pointer-events: none;
}
div.error-banner-root {
  font-size: 14px;
  color: #D2232A;
  margin-top: 15px;
  letter-spacing: 0px;
  font-family: "Source Sans Pro";
}
div.error-banner-root > div.title {
  font-weight: bold;
}
.payment-processing-info-root {
  text-align: center;
}
.payment-processing-info-root > .payment-spinner {
  margin: 10px;
}
.payment-processing-info-root > .payment-spinner > i {
  color: #2FB5B4;
  vertical-align: middle;
}
.payment-processing-info-root > .title {
  font-weight: bold;
}
div.cx-change-plan-intent-overlay {
  z-index: 2020;
}
div.cx-change-plan-intent-overlay > div.intent-loading {
  width: 80px;
  height: 80px;
  fill: #c3c3c3;
  position: absolute;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root {
  display: flex;
  padding: 35px;
  color: white;
  min-height: 300px;
  position: relative;
  border-radius: 15px;
  width: 600px;
  min-width: 600px;
  max-width: 600px;
  font-family: "Lato";
  flex-direction: column;
  box-sizing: border-box;
  background-color: #3B3D3E;
  justify-content: space-between;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.loading {
  filter: blur(3px);
  pointer-events: none;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root .restart-disclaimer {
  color: orange;
  font-weight: 600;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body {
  font-size: 14px;
  margin-bottom: 20px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div:not(:last-child) {
  margin-bottom: 20px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.error-content {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.plan-change-disclaimer,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.plan-fee-disclaimer {
  line-height: 22px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.plan-change-disclaimer > .restart-disclaimer,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.plan-fee-disclaimer > .restart-disclaimer {
  margin-bottom: 20px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.billing-line-items,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-graphic,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-message {
  margin-left: auto;
  margin-right: auto;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.billing-line-items.restart-disclaimer.downgrade,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-graphic.restart-disclaimer.downgrade,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-message.restart-disclaimer.downgrade {
  margin-left: 0;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.billing-line-items {
  display: grid;
  row-gap: 6px;
  column-gap: 20px;
  max-width: 350px;
  width: max-content;
  grid-template-columns: auto auto;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.billing-line-items > div.line-item-title {
  font-weight: bold;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-graphic {
  width: 125px;
  height: 125px;
  margin-bottom: 12px;
  background-size: 120px;
  background-repeat: no-repeat;
  background-image: url('../img/icons8-paid-filled-100.png');
  background-position: left calc(50% + 1px) top calc(50% + 7px);
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-message {
  font-size: 14px;
  max-width: 390px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.1px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-message.restart-disclaimer {
  max-width: 360px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.success-message.restart-disclaimer.downgrade {
  text-align: left;
  max-width: 600px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.next-billing-info {
  line-height: 30px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-action-btn {
  width: 190px;
  height: 40px;
  font-size: 11px;
  margin-left: auto;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-action-btn > div.cx-ui-loading.cta-btn-loading {
  width: 28px;
  height: 28px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-close-btn {
  top: 21px;
  right: 25px;
  width: 11px;
  height: 15px;
  cursor: pointer;
  position: absolute;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-close-btn::before {
  color: #fff;
  font-size: 11px;
  content: "\e818";
  vertical-align: top;
  font-family: "celtxicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.restart_subscription {
  width: unset;
  min-width: unset;
  height: 320px;
  padding: 20px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.restart_subscription.fulfilled {
  height: 450px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.restart_subscription > div.intent-body {
  margin-bottom: unset;
  max-height: unset;
  flex: 1;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.restart_subscription > div.intent-body > div.billing-line-items {
  padding-top: 10px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.restart_subscription > div.intent-action-btn {
  width: 220px;
  margin-top: auto;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.plan_downgrade > div.intent-body > div.success-message {
  max-width: 325px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.plan_downgrade > div.intent-body > div.success-message.restart-disclaimer.downgrade {
  max-width: 600px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.switch_to_annual:not(.fulfilled) > div.intent-action-btn {
  width: 235px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.switch_to_annual > div.intent-body > div.plan-fee-disclaimer {
  padding-right: 15px;
  white-space: pre-line;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.add_collaborator > div.intent-body > div.success-message {
  margin-bottom: 10px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.add_collaborator > div.intent-body > div.success-message.trial {
  max-width: 435px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.add_collaborator > div.intent-body > div.success-message.restart-disclaimer,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.add_collaborator > div.intent-body > div.success-message.pending-cancellation {
  max-width: 480px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.add_collaborator > div.intent-body > div.success-message.restart-disclaimer.trial,
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.add_collaborator > div.intent-body > div.success-message.pending-cancellation.trial {
  max-width: 435px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.add_collaborator > div.intent-body > div.next-billing-info {
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root.remove_collaborator > div.intent-body > div.success-message {
  max-width: unset;
}
@media only screen and (max-width: 625px), (max-height: 600px) and (orientation: landscape) {
  .add_collaborator.fulfilled > div.intent-title {
    text-align: center;
    margin-top: 10px;
  }
  .add_collaborator.fulfilled > div.intent-action-btn {
    margin-right: auto;
  }
}
@media only screen and (max-width: 625px) {
  div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root {
    min-width: unset;
    max-width: calc(100vw - 25px);
  }
  div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div.billing-line-items > div.line-item-value {
    max-width: calc(100vw - 195px);
  }
  div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-action-btn {
    margin-right: auto;
  }
}
@media only screen and (max-height: 600px) {
  div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root {
    padding: 20px;
    min-height: unset;
    max-height: calc(100% - 15px);
  }
  div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body {
    overflow: auto;
    max-height: calc(100% - 170px);
  }
}
div.cx-plan-features-table > table {
  margin: 0 auto;
}
div.cx-plan-features-table > table thead th {
  padding: 12px 0px;
}
div.cx-plan-features-table > table thead th.features-title {
  font-size: 18px;
  text-align: left;
  color: #2FB5B4;
  width: 170px;
  min-width: 170px;
  max-width: 170px;
}
div.cx-plan-features-table > table thead th.plan-name {
  color: white;
  font-size: 18px;
  padding: 20px 0px;
  font-weight: normal;
}
div.cx-plan-features-table > table thead th.plan-name.free {
  border-top-left-radius: 5px;
  background-color: #707070;
}
div.cx-plan-features-table > table thead th.plan-name.paid {
  border-top-right-radius: 5px;
  background-color: #2FB5B4;
}
div.cx-plan-features-table > table thead th.plan-desc {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  width: 185px;
  min-width: 185px;
  max-width: 185px;
}
div.cx-plan-features-table > table thead th.plan-desc > div {
  margin: 0 auto;
}
div.cx-plan-features-table > table thead th.plan-desc.free div {
  max-width: 140px;
}
div.cx-plan-features-table > table thead th.plan-desc.paid div {
  max-width: 150px;
}
div.cx-plan-features-table > table thead th:not(:last-child) {
  border-right: 1px solid rgba(90, 90, 90, 0.3);
}
div.cx-plan-features-table > table > tbody td {
  color: #707070;
  padding: 10px 0px;
}
div.cx-plan-features-table > table > tbody td:not(:last-child) {
  border-right: 1px solid rgba(90, 90, 90, 0.3);
}
div.cx-plan-features-table > table > tbody td.feat {
  text-align: center;
}
div.cx-plan-features-table > table > tbody td.feat.paid {
  font-weight: bold;
}
div.cx-plan-features-table > table > tbody td > div.check-mark {
  margin: 0 auto;
}
div.cx-plan-features-table > table > tbody td > div.check-mark.true {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/studiomanagement/plan/funnelPlans/greenTick.svg");
}
div.cx-plan-features-table > table > tbody td > div.check-mark.false::after {
  content: "—";
}
div.cx-plan-features-table > table > tbody tr.feature-section-header {
  background-color: rgba(47, 181, 180, 0.1);
}
div.cx-plan-features-table > table > tbody tr.feature-section-header td {
  color: #2FB5B4;
  font-weight: bold;
}
div.cx-plan-features-table > table > tbody tr.feature-row.project_limit td.feat.paid {
  font-weight: normal;
}
div.cx-plan-features-table > table tr {
  border-bottom: 1px solid rgba(90, 90, 90, 0.3);
}
@media only screen and (max-width: 1400px) {
  div.cx-plan-features-table {
    width: 100%;
    overflow: auto;
  }
}
div.switch-to-writer-offer-root {
  width: 900px;
  display: flex;
  color: #F6F6F6;
  margin: 35px auto;
  min-height: 468px;
  position: relative;
  border-radius: 22px;
  background-size: cover;
  box-sizing: border-box;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  justify-content: space-between;
  background-color: #945CA3;
  background-image: url(../img/shop/SwitchToWriterBg.png);
}
div.switch-to-writer-offer-root > div.content {
  padding: 0px 45px;
  padding-top: 50px;
  box-sizing: border-box;
  border-radius: 22px 22px 0px 0px;
}
div.switch-to-writer-offer-root > div.content > div.title,
div.switch-to-writer-offer-root > div.content > div.sub-title {
  font-size: 35px;
  font-weight: 600;
  line-height: 28px;
}
div.switch-to-writer-offer-root > div.content > div.sub-title {
  margin-top: 15px;
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights {
  margin: 0px;
  margin-top: 50px;
  list-style: none;
  max-width: 420px;
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights li {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  align-items: center;
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights li::before {
  content: "";
  width: 18px;
  height: 15px;
  display: block;
  margin-right: 10px;
  background-size: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/shop/whiteTick.svg");
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights li:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 0.5px solid #F6F6F6;
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights li > div.info-tooltip {
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
  background-size: 11px;
  background-color: #F6F6F6;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(4px, -8px);
  background-image: url("../img/shop/infoIconBlack.svg");
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights li > div.info-tooltip > p {
  left: 28px;
  top: -20px;
  margin: 0px;
  width: 240px;
  padding: 15px;
  display: flex;
  cursor: pointer;
  position: absolute;
  justify-content: center;
  background-color: #222222;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights li > div.info-tooltip > p::after {
  top: 17px;
  left: -20px;
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-right: 10px solid #222222;
}
div.switch-to-writer-offer-root > div.content > ul.plan-highlights li > div.info-tooltip:hover > p {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.switch-to-writer-offer-root > div.footer-root {
  display: flex;
  font-size: 17px;
  color: #222222;
  padding: 20px 45px;
  align-items: center;
  background-color: #F6F6F6;
  justify-content: space-between;
  border-radius: 0px 0px 22px 22px;
}
div.switch-to-writer-offer-root > div.footer-root > div.cancel-cta {
  cursor: pointer;
  transition: text-decoration-color 300ms;
  text-decoration: underline 0.15em rgba(86, 86, 86, 0);
}
div.switch-to-writer-offer-root > div.footer-root > div.cancel-cta:hover {
  text-decoration-color: #565656;
}
div.switch-to-writer-offer-root > div.footer-root > div.cta-section {
  display: flex;
  width: max-content;
  align-items: center;
}
div.switch-to-writer-offer-root > div.footer-root > div.cta-section > div.price-tag {
  font-size: 15px;
  font-weight: 500;
  margin-right: 15px;
}
div.switch-to-writer-offer-root > div.footer-root > div.cta-section > div.switch-to-writer-btn {
  height: 35px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: none;
}
div.switch-to-writer-offer-root > div.offer-close-btn {
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/shop/whiteCloseIcon.svg");
}
@media only screen and (max-width: 1150px) {
  div.switch-to-writer-offer-root {
    margin-left: 0px;
    max-width: calc(100vw - 275px);
  }
  div.switch-to-writer-offer-root > div.footer-root > div.cta-section {
    flex-direction: column-reverse;
  }
  div.switch-to-writer-offer-root > div.footer-root > div.cta-section > div.price-tag {
    margin-top: 10px;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 768px) {
  div.switch-to-writer-offer-root {
    max-width: calc(100vw - 25px);
  }
}
@media only screen and (max-width: 550px) {
  div.switch-to-writer-offer-root > div.footer-root {
    flex-direction: column-reverse;
  }
  div.switch-to-writer-offer-root > div.footer-root > div.cta-section {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #222222;
  }
}
@media only screen and (max-width: 500px) {
  div.switch-to-writer-offer-root {
    margin: 0px;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    border-radius: 0px;
    background: transparent linear-gradient(90deg, #222222 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  }
  div.switch-to-writer-offer-root > div.content {
    padding-top: 80px;
  }
  div.switch-to-writer-offer-root > div.content > div.title,
  div.switch-to-writer-offer-root > div.content > div.sub-title {
    font-size: 26px;
    line-height: 20px;
  }
  div.switch-to-writer-offer-root > div.content > ul.plan-highlights li > div.info-tooltip > p {
    top: 25px;
    left: -120px;
  }
  div.switch-to-writer-offer-root > div.content > ul.plan-highlights li > div.info-tooltip > p::after {
    top: -19px;
    left: 117px;
    border: 10px solid transparent;
    border-bottom: 10px solid #222222;
  }
  div.switch-to-writer-offer-root > div.footer-root {
    border-radius: 0px;
  }
}
div.cx-pt-feature-list {
  border: 1px solid #2FB5B4;
  border-top: none;
}
div.cx-pt-feature-list > div.header {
  height: 55px;
  display: flex;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  align-items: center;
  letter-spacing: 0.2px;
  box-sizing: border-box;
  justify-content: center;
  border-radius: 0px 0px 5px 5px;
  border-bottom: 2px solid transparent;
}
div.cx-pt-feature-list > div.header > i {
  font-size: 24px;
  cursor: pointer;
  margin-right: 15px;
  transition: transform 300ms ease-out;
}
div.cx-pt-feature-list > ul.features {
  margin: 0px;
  list-style: none;
  max-height: 330px;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  transition: max-height 300ms ease;
}
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature {
  margin-bottom: 15px;
}
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature:first-child {
  margin-top: 20px;
}
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature:last-child {
  margin-bottom: 20px;
}
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature > div.title {
  display: flex;
  margin: 0 auto;
  cursor: pointer;
  width: max-content;
  position: relative;
  justify-content: center;
}
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature > div.title > p.feat-desc {
  z-index: 2;
  margin: 0px;
  width: 265px;
  bottom: 25px;
  padding: 15px;
  display: flex;
  cursor: pointer;
  max-width: 290px;
  position: absolute;
  justify-content: center;
  background-color: #292D30;
  color: rgba(255, 255, 255, 0.87);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
  transition: visibility 0s linear 150ms, opacity 150ms;
}
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature > div.title > p.feat-desc::after {
  content: "";
  bottom: -20px;
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #292D30;
}
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature > div.title,
div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature > div.title:hover > p.feat-desc {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
  transition: visibility 0s linear 0s, opacity 150ms;
}
div.cx-pt-feature-list.collapsed {
  border-radius: 0px 0px 5px 5px;
}
div.cx-pt-feature-list.collapsed > div.header > i {
  transform: translate(0px, 2px) rotate(180deg);
}
div.cx-pt-feature-list.collapsed > ul.features {
  max-height: 0px;
  overflow: hidden;
}
div.cx-pt-feature-list.collapsed > ul.features > li.cx-pt-tower-feature > div.title {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
  transition: visibility 0s linear 150ms, opacity 150ms;
}
div.cx-plan-towers-root {
  display: grid;
  row-gap: 35px;
  column-gap: 35px;
  --pt-width: 300px;
  margin-bottom: 50px;
  justify-content: center;
  font-family: "lato", sans-serif;
  grid-template-columns: repeat(auto-fit, var(--pt-width));
}
div.cx-plan-towers-root.G1x4 {
  grid-template-columns: repeat(4, var(--pt-width));
}
div.cx-plan-towers-root.mobile-view {
  margin-bottom: 20px;
}
div.cx-plan-towers-root div.cx-plan-tower {
  display: flex;
  border-radius: 5px;
  position: relative;
  line-height: normal;
  align-items: center;
  width: var(--pt-width);
  box-sizing: border-box;
  flex-direction: column;
  max-width: var(--pt-width);
  justify-content: flex-start;
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > *:not(.cx-pt-top):not(.cx-pt-bottom):not(.plan-features):not(.plan-addons):not(.download-edu-forms-line) {
  border: none;
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > div.plan-graphic {
  min-width: 60px;
  min-height: 60px;
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > div.plan-name {
  font-size: 28px;
  margin: 20px;
  position: unset;
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > div.title {
  font-weight: bolder;
  width: 88%;
  font-size: 18px;
  margin-bottom: 5px;
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > div.title::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: -8px;
  margin-top: 4px;
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > div.title.projects::before {
  background-image: url("../img/studiomanagement/plan/unlimited-tools.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > div.title.tools::before {
  background-image: url("../img/studiomanagement/plan/professional-tools.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.mobile-view > div.desc {
  margin-bottom: 25px;
  color: gray;
  width: 88%;
  font-size: 16px;
  line-height: 25px;
}
div.cx-plan-towers-root div.cx-plan-tower::before {
  content: "";
  z-index: 1;
  height: 35px;
  background-color: white;
  width: calc(100% + 2px);
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: -1px;
  z-index: 4;
}
div.cx-plan-towers-root div.cx-plan-tower div.most-popular-tag,
div.cx-plan-towers-root div.cx-plan-tower div.new-plan-tag {
  color: white;
  font-size: 14px;
  font-weight: bold;
  width: max-content;
  padding: 10px 30px;
  text-align: center;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  background-color: #945CA3;
}
div.cx-plan-towers-root div.cx-plan-tower > * {
  width: 100%;
}
div.cx-plan-towers-root div.cx-plan-tower > *:not(.cx-pt-top):not(.cx-pt-bottom):not(.plan-features):not(.plan-addons):not(.download-edu-forms-line) {
  border: 1px solid #2FB5B4;
  border-top: none;
  border-bottom: none;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-top {
  z-index: 2;
  display: flex;
  padding-top: 45px;
  justify-content: center;
  background-color: white;
  border: 1px solid #2FB5B4;
  border-bottom: none;
  border-radius: 5px 5px 0px 0px;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 30px;
  z-index: 4;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-top > div.most-popular-tag,
div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-top > div.new-plan-tag {
  top: -20px;
  position: absolute;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-graphic {
  min-width: 40px;
  min-height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-name {
  display: flex;
  font-size: 20px;
  min-height: 60px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 55px;
  z-index: 4;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-name > div.plan-disc,
div.cx-plan-towers-root div.cx-plan-tower > div.plan-name > div.classroom-plan-seats-root {
  font-size: 13px;
  color: #2FB5B4;
  font-weight: 600;
  line-height: 10px;
  padding-top: 2px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-name > div.classroom-plan-seats-root {
  display: flex;
  align-items: center;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-name > div.classroom-plan-seats-root > div:last-child {
  margin-left: 5px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-name > div.classroom-plan-seats-root > div:first-child {
  margin-right: 5px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-desc {
  font-size: 12px;
  color: #968d8a;
  text-align: center;
  box-sizing: border-box;
  width: calc(100% + 2px);
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-shop-plan-tower.billing-cycle-toggle {
  padding: 25px 0px;
  padding-bottom: 50px;
  background-color: white;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 100px;
  z-index: 3;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-shop-plan-tower.pricing-label-root-container {
  padding-bottom: 25px;
  background-color: white;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 193px;
  z-index: 3;
}
div.cx-plan-towers-root div.cx-plan-tower > div.select-btn-container {
  padding-bottom: 30px;
  background-color: white;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 255px;
  z-index: 3;
}
div.cx-plan-towers-root div.cx-plan-tower > div.select-btn-container > div.select-btn {
  width: 130px;
  height: 40px;
  margin: 0 auto;
  font-size: 13px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-bottom {
  z-index: 2;
  background-color: white;
  border: 1px solid #2FB5B4;
  border-top: none;
  border-radius: 0px 0px 5px 5px;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 462px;
  z-index: 3;
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights {
  margin: 0px;
  font-size: 13px;
  list-style: none;
  font-weight: 600;
  min-height: 117px;
  background-color: white;
  padding-bottom: 25px;
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 320px;
  z-index: 3;
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights::before {
  width: 75px;
  content: "";
  margin: 0 auto;
  display: block;
  padding-bottom: 25px;
  border-top: 2px solid #499B8E;
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights:last-child {
  padding-bottom: 26px;
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title {
  display: flex;
  color: #2FB5B4;
  text-align: center;
  justify-content: center;
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title:not(:last-child) {
  margin-bottom: 6px;
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title::before {
  content: "";
  margin-right: 6px;
  background-position: center;
  background-repeat: no-repeat;
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title.episodes::before {
  width: 12px;
  background-size: 12px;
  background-image: url("../img/shop/PlanTowers/episodesIcon.svg");
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title.projects::before {
  width: 9px;
  background-size: 9px;
  background-image: url("../img/shop/PlanTowers/projectIcon.svg");
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title.pdf::before {
  width: 13px;
  background-size: 13px;
  background-image: url("../img/shop/PlanTowers/pdfIcon.svg");
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title.comments::before {
  width: 11px;
  background-size: 11px;
  background-image: url("../img/shop/PlanTowers/commentIcon.svg");
}
div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights > li.title.adminControl::before {
  width: 16px;
  background-size: 16px;
  background-image: url("../img/shop/PlanTowers/privacyControlIcon.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.popular:before {
  width: calc(100% + 10px);
}
div.cx-plan-towers-root div.cx-plan-tower.popular > * {
  width: calc(100% + 3px);
}
div.cx-plan-towers-root div.cx-plan-tower.popular > *:not(.cx-pt-top):not(.cx-pt-bottom):not(.plan-features):not(.plan-addons):not(.download-edu-forms-line) {
  border: 3px solid #945CA3;
  border-top: none;
  border-bottom: none;
}
div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-pt-top {
  border: 3px solid #945CA3;
  border-bottom: none;
}
div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-pt-bottom {
  border: 3px solid #945CA3;
  border-top: none;
}
div.cx-plan-towers-root div.cx-plan-tower.popular > div.plan-desc {
  width: calc(100% + 9px);
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.header,
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.cx-pt-feature-list > div.header {
  cursor: unset;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.header > i,
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.cx-pt-feature-list > div.header > i {
  padding: 20px;
  margin-right: 0;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-features {
  margin-top: -2px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-features > div.cx-pt-feature-list > div.header {
  color: #275951;
  border-color: #2FB5B4;
  background-color: #EBF4F4;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-features > div.cx-pt-feature-list > div.header > div.title {
  flex-grow: 1;
  font-size: 14px;
  padding-left: 30px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons {
  margin-top: 44px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.header {
  height: 55px;
  display: flex;
  font-size: 12px;
  color: #56355e;
  font-weight: 600;
  text-align: center;
  align-items: center;
  letter-spacing: 1.2px;
  box-sizing: border-box;
  justify-content: center;
  text-transform: uppercase;
  background-color: #F3F1FC;
  border: 1px solid #945CA3;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.cx-pt-feature-list {
  background-color: #F3F1FC;
  border: 1px solid #945CA3;
  border-top: none;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.cx-pt-feature-list > div.header {
  color: #56355e;
  border-color: #945CA3;
  background-color: rgba(148, 92, 163, 0.2);
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div.cx-pt-feature-list > div.header > div.addon-checkbox-root {
  flex-grow: 1;
}
div.cx-plan-towers-root div.cx-plan-tower.bp-basic22 > div.plan-graphic {
  background-image: url("../img/shop/PlanTowers/Writer.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.bp-basic22 > div.plan-desc {
  padding-left: 60px;
  padding-right: 60px;
}
div.cx-plan-towers-root div.cx-plan-tower.bp-prof22 > div.plan-graphic {
  background-image: url("../img/shop/PlanTowers/WriterPro.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.bp-prof22 > div.plan-desc {
  padding-left: 25px;
  padding-right: 25px;
}
div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.plan-graphic {
  background-size: 44px;
  background-image: url("../img/shop/PlanTowers/Team.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.plan-desc {
  padding-left: 20px;
  padding-right: 20px;
}
div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.plan-graphic {
  background-size: 45px;
  background-image: url("../img/shop/PlanTowers/Classroom.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.plan-desc {
  padding-left: 20px;
  padding-right: 20px;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA.popular > div.cx-pt-bottom,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB.popular > div.cx-pt-bottom,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC.popular > div.cx-pt-bottom,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD.popular > div.cx-pt-bottom {
  padding-bottom: 5px;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA.popular > div.plan-features,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB.popular > div.plan-features,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC.popular > div.plan-features,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD.popular > div.plan-features {
  margin-top: -4px;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA:not(.popular),
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB:not(.popular),
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC:not(.popular),
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD:not(.popular) {
  --iab-border-color: #c0c0c0;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA:not(.popular) > *:not(.cx-pt-top):not(.cx-pt-bottom):not(.plan-features):not(.plan-addons):not(.download-edu-forms-line),
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB:not(.popular) > *:not(.cx-pt-top):not(.cx-pt-bottom):not(.plan-features):not(.plan-addons):not(.download-edu-forms-line),
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC:not(.popular) > *:not(.cx-pt-top):not(.cx-pt-bottom):not(.plan-features):not(.plan-addons):not(.download-edu-forms-line),
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD:not(.popular) > *:not(.cx-pt-top):not(.cx-pt-bottom):not(.plan-features):not(.plan-addons):not(.download-edu-forms-line) {
  border: 2px solid var(--iab-border-color);
  border-top: none;
  border-bottom: none;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA:not(.popular) > div.cx-pt-top,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB:not(.popular) > div.cx-pt-top,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC:not(.popular) > div.cx-pt-top,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD:not(.popular) > div.cx-pt-top {
  border: 2px solid var(--iab-border-color);
  border-bottom: none;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA:not(.popular) > div.cx-pt-bottom,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB:not(.popular) > div.cx-pt-bottom,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC:not(.popular) > div.cx-pt-bottom,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD:not(.popular) > div.cx-pt-bottom {
  border: 2px solid var(--iab-border-color);
  padding-bottom: 5px;
  border-top: none;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA:not(.popular) > div.plan-desc,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB:not(.popular) > div.plan-desc,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC:not(.popular) > div.plan-desc,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD:not(.popular) > div.plan-desc {
  width: calc(100% + 4px);
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.plan-name > div.plan-disc,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.plan-name > div.plan-disc,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.plan-name > div.plan-disc,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.plan-name > div.plan-disc,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.plan-name > div.classroom-plan-seats-root,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.plan-name > div.classroom-plan-seats-root,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.plan-name > div.classroom-plan-seats-root,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.plan-name > div.classroom-plan-seats-root {
  color: #945CA3;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-arrow,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-arrow,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-arrow,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-arrow {
  content: url("../img/shop/3MoFreeArrowPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-text,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-text,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-text,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-text {
  content: url("../img/shop/3MoFreeTextPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.billing-cycle-toggle > div.bct-switch,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.billing-cycle-toggle > div.bct-switch,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.billing-cycle-toggle > div.bct-switch,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.billing-cycle-toggle > div.bct-switch {
  background-color: #945CA3;
  transition: background-color 0.5s ease;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.billing-cycle-toggle[data-is-annual="false"] > div.bct-switch,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.billing-cycle-toggle[data-is-annual="false"] > div.bct-switch,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.billing-cycle-toggle[data-is-annual="false"] > div.bct-switch,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.billing-cycle-toggle[data-is-annual="false"] > div.bct-switch {
  background-color: #ccc;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > ul.plan-highlights::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > ul.plan-highlights::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > ul.plan-highlights::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > ul.plan-highlights::before {
  border-top: 2px solid #945CA3;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > ul.plan-highlights > li.title,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > ul.plan-highlights > li.title,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > ul.plan-highlights > li.title,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > ul.plan-highlights > li.title {
  color: #333;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > ul.plan-highlights > li.title.episodes::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > ul.plan-highlights > li.title.episodes::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > ul.plan-highlights > li.title.episodes::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > ul.plan-highlights > li.title.episodes::before {
  background-image: url("../img/shop/PlanTowers/episodesIconPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > ul.plan-highlights > li.title.projects::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > ul.plan-highlights > li.title.projects::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > ul.plan-highlights > li.title.projects::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > ul.plan-highlights > li.title.projects::before {
  background-image: url("../img/shop/PlanTowers/projectIconPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > ul.plan-highlights > li.title.pdf::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > ul.plan-highlights > li.title.pdf::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > ul.plan-highlights > li.title.pdf::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > ul.plan-highlights > li.title.pdf::before {
  background-image: url("../img/shop/PlanTowers/pdfIconPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > ul.plan-highlights > li.title.comments::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > ul.plan-highlights > li.title.comments::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > ul.plan-highlights > li.title.comments::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > ul.plan-highlights > li.title.comments::before {
  background-image: url("../img/shop/PlanTowers/commentIconPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > ul.plan-highlights > li.title.adminControl::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > ul.plan-highlights > li.title.adminControl::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > ul.plan-highlights > li.title.adminControl::before,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > ul.plan-highlights > li.title.adminControl::before {
  background-image: url("../img/shop/PlanTowers/privacyControlIconPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.plan-features > div.cx-pt-feature-list,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.plan-features > div.cx-pt-feature-list,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.plan-features > div.cx-pt-feature-list,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.plan-features > div.cx-pt-feature-list {
  border-color: #919191;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.plan-features > div.cx-pt-feature-list > div.header,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.plan-features > div.cx-pt-feature-list > div.header,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.plan-features > div.cx-pt-feature-list > div.header,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.plan-features > div.cx-pt-feature-list > div.header {
  color: #3a3a3a;
  border-color: #919191;
  background-color: #f6f5f5;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.select-btn-container > div.select-btn,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.select-btn-container > div.select-btn,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.select-btn-container > div.select-btn,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.select-btn-container > div.select-btn {
  width: 140px;
  height: 40px;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 100px;
  background-color: #007fff;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.select-btn-container > div.select-btn:hover,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.select-btn-container > div.select-btn:hover,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.select-btn-container > div.select-btn:hover,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.select-btn-container > div.select-btn:hover {
  background-color: #0157ad;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > div.select-btn-container > div.select-btn > div.cx-ui-loading.cta-btn-loading,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > div.select-btn-container > div.select-btn > div.cx-ui-loading.cta-btn-loading,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > div.select-btn-container > div.select-btn > div.cx-ui-loading.cta-btn-loading,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > div.select-btn-container > div.select-btn > div.cx-ui-loading.cta-btn-loading {
  width: 22px;
  height: 22px;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA > .download-edu-forms-line a,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB > .download-edu-forms-line a,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC > .download-edu-forms-line a,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD > .download-edu-forms-line a {
  color: #945CA3;
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA.bp-basic22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB.bp-basic22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC.bp-basic22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD.bp-basic22 > div.plan-graphic {
  background-image: url("../img/shop/PlanTowers/WriterPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA.bp-prof22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB.bp-prof22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC.bp-prof22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD.bp-prof22 > div.plan-graphic {
  background-image: url("../img/shop/PlanTowers/WriterProPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA.bp-team22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB.bp-team22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC.bp-team22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD.bp-team22 > div.plan-graphic {
  background-image: url("../img/shop/PlanTowers/TeamPurple.svg");
}
div.cx-plan-towers-root div.cx-plan-tower.iab-variantA.bp-classroom22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantB.bp-classroom22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantC.bp-classroom22 > div.plan-graphic,
div.cx-plan-towers-root div.cx-plan-tower.iab-variantD.bp-classroom22 > div.plan-graphic {
  background-image: url("../img/shop/PlanTowers/ClassroomPurple.svg");
}
@media only screen and (max-height: 850px) {
  div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights {
    position: static;
    z-index: unset;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-bottom {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 275px;
    z-index: 3;
  }
}
@media only screen and (max-width: 650px) {
  div.cx-plan-towers-root div.cx-plan-tower::before {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: -1px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-top {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 30px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.plan-name {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 37px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-shop-plan-tower.billing-cycle-toggle {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 75px;
    z-index: 3;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-shop-plan-tower.pricing-label-root-container {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 143px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.select-btn-container {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 205px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-bottom {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 275px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.plan-name {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 47px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-shop-plan-tower.billing-cycle-toggle {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 82px;
    z-index: 3;
  }
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-shop-plan-tower.pricing-label-root-container {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 150px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.select-btn-container {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 212px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-pt-bottom {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 282px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.plan-name,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.plan-name {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 43px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-shop-plan-tower.billing-cycle-toggle,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-shop-plan-tower.billing-cycle-toggle {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 91px;
    z-index: 3;
  }
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-shop-plan-tower.pricing-label-root-container,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-shop-plan-tower.pricing-label-root-container {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 159px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.select-btn-container,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.select-btn-container {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 221px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-pt-bottom,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-pt-bottom {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 291px;
    z-index: 4;
  }
  div.cx-plan-towers-root div.cx-plan-tower > ul.plan-highlights {
    position: static;
    z-index: unset;
  }
  div.cx-plan-towers-root div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature > div.title > p.feat-desc {
    text-align: center;
  }
}
@media only screen and (max-height: 500px) {
  div.cx-plan-towers-root div.cx-plan-tower::before,
  div.cx-plan-towers-root div.cx-plan-tower.popular::before,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22::before,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22::before,
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-top,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-pt-top,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-pt-top,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-pt-top,
  div.cx-plan-towers-root div.cx-plan-tower > div.plan-name,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.plan-name,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.plan-name,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.plan-name,
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-shop-plan-tower.billing-cycle-toggle,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-shop-plan-tower.billing-cycle-toggle,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-shop-plan-tower.billing-cycle-toggle,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-shop-plan-tower.billing-cycle-toggle,
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-shop-plan-tower.pricing-label-root-container,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-shop-plan-tower.pricing-label-root-container,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-shop-plan-tower.pricing-label-root-container,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-shop-plan-tower.pricing-label-root-container,
  div.cx-plan-towers-root div.cx-plan-tower > div.select-btn-container,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.select-btn-container,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.select-btn-container,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.select-btn-container,
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-bottom,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-pt-bottom,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-pt-bottom,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-pt-bottom {
    position: unset;
  }
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-top > div.most-popular-tag,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-pt-top > div.most-popular-tag,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-pt-top > div.most-popular-tag,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-pt-top > div.most-popular-tag,
  div.cx-plan-towers-root div.cx-plan-tower > div.cx-pt-top > div.new-plan-tag,
  div.cx-plan-towers-root div.cx-plan-tower.popular > div.cx-pt-top > div.new-plan-tag,
  div.cx-plan-towers-root div.cx-plan-tower.bp-team22 > div.cx-pt-top > div.new-plan-tag,
  div.cx-plan-towers-root div.cx-plan-tower.bp-classroom22 > div.cx-pt-top > div.new-plan-tag {
    top: 17px;
  }
}
@media only screen and (max-width: 1350px) {
  div.cx-plan-towers-root.G1x4 {
    grid-template-columns: repeat(auto-fit, var(--pt-width));
  }
}
div.sign-up-trial-root {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  top: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  min-height: 100vh;
  position: absolute;
  letter-spacing: 0em;
  flex-direction: column;
  background-color: black;
  justify-content: space-between;
}
div.sign-up-trial-root > div.footer-root {
  display: flex;
  padding: 60px 10%;
  align-items: center;
  background-color: #464747;
  justify-content: space-between;
}
div.sign-up-trial-root > div.footer-root div.left,
div.sign-up-trial-root > div.footer-root div.right {
  display: flex;
  justify-content: center;
}
div.sign-up-trial-root > div.footer-root div.left img,
div.sign-up-trial-root > div.footer-root div.right img {
  margin-right: 10px;
}
div.sign-up-trial-root > div.footer-root div.left div,
div.sign-up-trial-root > div.footer-root div.right div {
  color: white;
}
div.sign-up-trial-root > div.footer-root div.left {
  align-items: flex-end;
}
div.sign-up-trial-root > div.footer-root div.left img.celtx-graphic {
  cursor: pointer;
  max-height: 35px;
}
div.sign-up-trial-root > div.footer-root div.right {
  align-items: center;
}
div.sign-up-trial-root > div.footer-root div.right img.backlight-graphic {
  max-height: 26px;
}
div.sign-up-trial-root div.payment-info-root {
  display: flex;
  margin: 0 auto;
  max-width: 440px;
  align-items: center;
  margin-bottom: 100px;
  flex-direction: column;
  justify-content: center;
}
div.sign-up-trial-root div.payment-info-root > div.section-sep {
  width: 100%;
  margin-bottom: 35px;
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
div.sign-up-trial-root div.payment-info-root > div.section-sep::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: grey;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group {
  display: flex;
  min-width: 400px;
  margin-bottom: 35px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
div.sign-up-trial-root div.payment-info-root > div.billing-disclaimer {
  color: #FFF;
  padding: 10px;
  max-width: 100%;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  padding-bottom: 0px;
  border-top: 1px solid grey;
}
div.sign-up-trial-root div.payment-info-root > div.sign-up-free-btn,
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root {
  width: 280px;
  height: 52px;
  color: #FFF;
  font-size: 20px;
  position: relative;
  letter-spacing: 0px;
  border-radius: 35px;
  border-radius: 100px;
  text-transform: none;
  box-sizing: border-box;
  background-color: #007fff;
}
div.sign-up-trial-root div.payment-info-root > div.sign-up-free-btn:before,
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 0;
  display: block;
  position: absolute;
  border-radius: 100px;
  transition: opacity 0.5s;
  background: transparent linear-gradient(90deg, #0157ad, #007fff 100%) 0 0 no-repeat padding-box;
  content: attr(data-before);
}
div.sign-up-trial-root div.payment-info-root > div.sign-up-free-btn > div.btn-label,
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root > div.btn-label,
div.sign-up-trial-root div.payment-info-root > div.sign-up-free-btn > span.cta-btn-label,
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root > span.cta-btn-label,
div.sign-up-trial-root div.payment-info-root > div.sign-up-free-btn > div.cx-ui-loading,
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root > div.cx-ui-loading {
  z-index: 1;
}
div.sign-up-trial-root div.payment-info-root > div.sign-up-free-btn > div.cx-ui-loading,
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root > div.cx-ui-loading {
  width: 30px;
  height: 30px;
  fill: white;
}
div.sign-up-trial-root div.payment-info-root > div.sign-up-free-btn:hover:before,
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root:hover:before {
  opacity: 1;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root {
  width: 420px;
  display: flex;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  padding: 0px 20px;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: background 200ms ease;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root > div.cx-ui-loading {
  width: 28px;
  height: 28px;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root > div.btn-label {
  flex-grow: 1;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root {
  width: 400px;
  margin-bottom: 35px;
  box-sizing: border-box;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email,
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email {
  width: 100%;
  margin-bottom: 20px;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.title,
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.title {
  color: #F6F6F6;
  margin-bottom: 8px;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.email-group,
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.email-group {
  display: flex;
  align-items: center;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.email-group > img.validation-status,
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.email-group > img.validation-status {
  min-width: 15px;
  margin-left: 15px;
  content: url("../img/shop/greenTick.svg");
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.email-group > img.validation-status.error,
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.email-group > img.validation-status.error {
  max-width: 15px;
  transform: scale(0.9);
  content: url("../img/shop/redCross.svg");
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email {
  cursor: default;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.email-group > div.content {
  flex-grow: 1;
  display: flex;
  font-size: 14px;
  cursor: default;
  color: #c1c1c1;
  padding: 13px 15px;
  border-radius: 4px;
  align-items: center;
  background-color: #222222;
  border: 0.5px solid #3d3d3d;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.email-group > div.content > img.logo {
  max-width: 18px;
  margin-right: 10px;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.email-group > div.content > img.logo.google {
  content: url("../img/google.png");
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.readonly-email > div.email-group > div.content > img.logo.microsoft {
  content: url("../img/microsoft.png");
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.email-group input {
  margin: 0px;
  border: 0px;
  outline: 0px;
  flex-grow: 1;
  font-size: 14px;
  max-width: 336px;
  padding: 13px 15px;
  border-radius: 4px;
  border: 2px solid white;
  border-top-width: 2px;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.email-group input.validation-error {
  border-color: #df1b41;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.email-group input:focus {
  border-color: rgba(5, 115, 225);
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.change-email-link {
  font-size: 13px;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.change-email-link > span.error {
  color: #df1b41;
  margin-right: 5px;
}
div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.change-email-link > span.change-email {
  color: #008dff;
  cursor: pointer;
  text-decoration: underline;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root {
  width: 100%;
  margin-bottom: 35px;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.digital-wallet-container {
  margin-bottom: 22px;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.digital-wallet-container > div.title {
  display: none;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > div.title {
  display: flex;
  font-size: 16px;
  color: #2FB5B4;
  margin-bottom: 20px;
  align-items: baseline;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > div.title:after {
  content: "";
  flex-grow: 1;
  margin: 0 2px 0 5px;
  border-bottom: 1px solid #2FB5B4;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > div.title.primary {
  display: block;
  font-size: 20px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > div.title.primary:after {
  display: none;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > form.credit-card-form-root {
  margin-bottom: 0px;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div:not(:last-child) {
  margin-bottom: 0px;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-number > div.title {
  display: none;
}
div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-number > .StripeElement {
  border: none;
  padding: 15px;
  padding-top: 16px;
}
@media only screen and (max-width: 500px) {
  div.sign-up-trial-root div.payment-info-root > div.user-email-root {
    max-width: calc(100vw - 40px);
  }
  div.sign-up-trial-root div.payment-info-root > div.user-email-root > div.confirm-email > div.email-group input {
    max-width: min(calc(100vw - 104px), 336px);
  }
  div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group {
    min-width: initial;
    max-width: calc(100vw - 40px);
  }
  div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root {
    font-size: 15px;
    max-width: calc(100vw - 40px);
  }
  div.sign-up-trial-root div.payment-info-root > div.payment-info-form-group > div.sut-payment-btn-root > div.cx-ui-loading {
    width: 25px;
    height: 25px;
  }
  div.sign-up-trial-root div.payment-info-root > div.billing-disclaimer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
div.sign-up-trial-root div.trial-plan-towers-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
div.sign-up-trial-root div.trial-plan-towers-section > div.bct-wrapper {
  width: 284px;
  display: flex;
  margin-bottom: 50px;
}
div.sign-up-trial-root div.trial-plan-towers-section > div.plan-towers-root {
  width: 100%;
  display: grid;
  row-gap: 30px;
  column-gap: 30px;
  margin-bottom: 50px;
  justify-content: center;
  font-family: "lato", sans-serif;
  max-width: calc(100vw - 72px);
  grid-template-columns: repeat(4, 280px);
}
div.sign-up-trial-root div.trial-plan-towers-section div.billing-cycle-toggle > span.bct-label {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-transform: unset;
}
div.sign-up-trial-root div.trial-plan-towers-section div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-arrow {
  max-width: 36px;
  transform: translate(34px, -24px);
}
div.sign-up-trial-root div.trial-plan-towers-section div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-text {
  width: 110px;
  transform: translate(52px, -23px);
}
div.sign-up-trial-root div.trial-plan-towers-section div.billing-cycle-toggle > div.bct-switch {
  width: 48px;
  height: 23px;
  background-color: #007fff;
  transition: background-color 0.5s ease;
}
div.sign-up-trial-root div.trial-plan-towers-section div.billing-cycle-toggle > div.bct-switch span.bct-slider {
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
}
div.sign-up-trial-root div.trial-plan-towers-section div.billing-cycle-toggle > div.bct-switch input:checked + .bct-slider {
  transform: translateX(25px);
}
div.sign-up-trial-root div.trial-plan-towers-section div.billing-cycle-toggle[data-is-annual="false"] > div.bct-switch {
  background-color: #ccc;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root {
  display: flex;
  cursor: pointer;
  padding-top: 50px;
  border-radius: 5px;
  position: relative;
  height: max-content;
  line-height: normal;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
  width: 280px;
  background-color: white;
  justify-content: flex-start;
  max-width: 280px;
  border: 1px solid #2FB5B4;
  transition: all 0.2s ease-in-out;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.selected {
  border-width: 2.5px;
  transform: scale(1.08);
  border: 2px solid #007fff;
  box-shadow: 0px 0px 35px 0px #007fff;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.try-free-tag {
  top: -1px;
  color: white;
  font-size: 11px;
  line-height: 8px;
  font-weight: bold;
  padding: 11px 25px;
  width: max-content;
  position: absolute;
  text-align: center;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  background-color: #007fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-select-btn {
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  border-radius: 100%;
  justify-content: center;
  background-color: white;
  border: 1px solid #222222;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-select-btn::before {
  content: "";
  width: 18px;
  height: 15px;
  display: block;
  background-size: 13px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/shop/whiteTick.svg");
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-select-btn.selected {
  border-color: #007fff;
  background-color: #007fff;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-select-btn.selected::before {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-info-group {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-info-group div.plan-name-group {
  display: flex;
  min-height: 30px;
  margin-bottom: 6px;
  align-items: center;
  justify-content: center;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-info-group div.plan-name-group > img.plan-graphic {
  max-height: 30px;
  margin-right: 10px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-info-group div.plan-name-group > div.plan-name {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: white;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-info-group > div.plan-desc {
  font-size: 12px;
  color: #968d8a;
  text-align: center;
  box-sizing: border-box;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.pricing-root {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
  flex-direction: column;
  justify-content: center;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.pricing-root > div.pricing-label-root-container > div.pl-amount span.price-tag span.currency-symbol {
  font-size: 20px;
  transform: translate(0px, -0.5px);
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.pricing-root > div.pricing-label-root-container > div.pl-amount span.price-tag span.main-units {
  font-size: 22px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.pricing-root > div.pricing-label-root-container > div.pl-amount span.price-tag sup.fractional-units {
  font-size: 12px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.pricing-root > div.pricing-label-root-container > div.pl-amount span.price-tag span.isoCode {
  font-size: 16px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features {
  width: 100%;
  border-top: 1px solid #2FB5B4;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list {
  border: none;
  border-bottom: 1px solid #2FB5B4;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list.collapsed,
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list:last-child {
  border-bottom: none;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list > div.header {
  height: 38px;
  color: #222222;
  border-color: #2FB5B4;
  background-color: #EBF4F4;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list > div.header > div.title {
  flex-grow: 1;
  font-size: 13px;
  font-weight: bold;
  padding-left: 30px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list:last-child.collapsed > div.header {
  border-width: 1px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature {
  margin-bottom: 10px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature:first-child {
  margin-top: 15px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > div.plan-features > div.cx-pt-feature-list > ul.features > li.cx-pt-tower-feature:last-child {
  margin-bottom: 15px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights {
  margin: 0px;
  font-size: 13px;
  list-style: none;
  font-weight: 600;
  margin-bottom: 20px;
  background-color: white;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title {
  display: flex;
  color: #222222;
  text-align: center;
  justify-content: center;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title:not(:last-child) {
  margin-bottom: 6px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title::before {
  content: "";
  margin-right: 6px;
  background-position: center;
  background-repeat: no-repeat;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title.episodes::before {
  width: 12px;
  background-size: 12px;
  background-image: url("../img/shop/PlanTowers/episodesIcon.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title.projects::before {
  width: 9px;
  background-size: 9px;
  background-image: url("../img/shop/PlanTowers/projectIcon.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title.pdf::before {
  width: 13px;
  background-size: 13px;
  background-image: url("../img/shop/PlanTowers/pdfIcon.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title.comments::before {
  width: 11px;
  background-size: 11px;
  background-image: url("../img/shop/PlanTowers/commentIcon.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li.title.adminControl::before {
  width: 16px;
  background-size: 16px;
  background-image: url("../img/shop/PlanTowers/privacyControlIcon.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li > div.classroom-plan-seats-root {
  display: flex;
  line-height: 10px;
  margin-bottom: 6px;
  text-align: center;
  align-items: center;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root {
  margin: 0px 5px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root > ul.plan-highlights > li > div.classroom-plan-seats-root > div.classroom-plan-seats-dropdown-container-root > div.input-container {
  color: #2FB5B4;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.free > div.plan-info-group img.plan-graphic {
  display: none;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.free > div.plan-info-group > div.plan-desc {
  max-width: 245px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-basic22 > div.plan-info-group img.plan-graphic {
  content: url("../img/shop/PlanTowers/Writer.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-basic22 > div.plan-info-group > div.plan-desc {
  max-width: 155px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-prof22 > div.plan-info-group img.plan-graphic {
  content: url("../img/shop/PlanTowers/WriterPro.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-prof22 > div.plan-info-group > div.plan-desc {
  max-width: 235px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-team22 > div.plan-info-group img.plan-graphic {
  content: url("../img/shop/PlanTowers/Team.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-team22 > div.plan-info-group > div.plan-desc {
  max-width: 245px;
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-classroom22 > div.plan-info-group img.plan-graphic {
  content: url("../img/shop/PlanTowers/Classroom.svg");
}
div.sign-up-trial-root div.cx-trial-plan-tower-root.bp-classroom22 > div.plan-info-group > div.plan-desc {
  max-width: 245px;
}
@media only screen and (max-width: 1290px) {
  div.sign-up-trial-root div.trial-plan-towers-section > div.plan-towers-root {
    row-gap: 40px;
    grid-template-columns: repeat(auto-fit, 280px);
  }
}
div.sign-up-trial-root > div.content {
  padding-top: 20px;
}
div.sign-up-trial-root > div.content > img.celtx-graphic {
  cursor: pointer;
  max-height: 40px;
  margin-top: 25px;
  margin-left: 115px;
  margin-bottom: 25px;
}
div.sign-up-trial-root > div.content > div.header {
  color: white;
  font-size: 34px;
  line-height: 28px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 50px;
}
div.sign-up-trial-root > div.content.success {
  flex-grow: 1;
  background-size: cover;
  background-color: black;
  background-repeat: no-repeat;
  background-position: 80% center;
  background-image: url('../img/shop/ReactivationCampaign/introheader.png');
}
@media only screen and (max-width: 1585px) {
  div.sign-up-trial-root > div.content > img.celtx-graphic {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  div.sign-up-trial-root > div.footer-root {
    flex-direction: column;
    justify-content: center;
  }
  div.sign-up-trial-root > div.footer-root > div.left {
    margin-bottom: 20px;
    align-items: center;
    flex-direction: column;
  }
  div.sign-up-trial-root > div.footer-root > div.left img {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 500px) {
  div.sign-up-trial-root > div.content > img.celtx-graphic {
    max-height: 35px;
  }
  div.sign-up-trial-root > div.content > div.header {
    max-width: 280px;
    margin: 0 auto;
    font-size: 30px;
    margin-bottom: 50px;
    line-height: 35px;
  }
}
div.classroom-plan-seats-dropdown-container-root {
  display: flex;
  position: relative;
}
div.classroom-plan-seats-dropdown-container-root > div.input-container {
  z-index: 2;
  display: flex;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 5px;
  align-items: center;
  border: 1px solid #e7e7e7;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
div.classroom-plan-seats-dropdown-container-root > div.input-container > i.dropdown-arrow {
  font-style: unset;
}
div.classroom-plan-seats-dropdown-container-root > div.input-container > i.dropdown-arrow::before {
  display: block;
  color: inherit;
  font-size: 18px;
  content: "\f0dd";
  margin-left: 6px;
  margin-top: -8px;
  font-family: FontAwesome;
}
div.classroom-plan-seats-dropdown-container-root > div.dropdown-content {
  top: 23px;
  left: 1px;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  width: calc(100% - 2px);
}
div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item {
  cursor: pointer;
  padding: 4px 0px;
  text-transform: uppercase;
  background-color: #555654;
}
div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover {
  background-color: #3B3C3D;
}
div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:last-child {
  border-radius: 0 0 5px 5px;
}
div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #FCFCFC;
  margin-bottom: 0px;
}
div.cx-multi-step-cart {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 2010;
  overflow-y: auto;
  min-height: 100vh;
  overflow-x: hidden;
  position: absolute;
  background: #ffffff;
  font-family: "lato", sans-serif;
}
div.cx-multi-step-cart > div.cx-msc-breadcrumbs-root {
  margin-top: 30px;
}
div.cx-multi-step-cart > div.cx-msc-cart-close-btn {
  top: 0px;
  right: 0px;
  padding: 15px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root {
  display: flex;
  justify-content: center;
  outline: none;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb:not(:last-child) {
  margin-right: 60px;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb {
  opacity: 0.3;
  display: flex;
  cursor: pointer;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  align-items: center;
  flex-direction: column;
  outline-offset: 5px;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb > div.crumb-graphic {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  background-size: 45px;
  background-repeat: no-repeat;
  background-position: center center;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.choose_plan > div.crumb-graphic {
  background-image: url("../img/shop/mscart/chooseplan.svg");
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.add_team_members > div.crumb-graphic {
  background-image: url("../img/shop/mscart/teammembers.svg");
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.review_and_pay > div.crumb-graphic {
  background-image: url("../img/shop/mscart/checkout.svg");
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb > div.crumb-step-label {
  font-weight: 600;
  margin-bottom: 2px;
  color: #945CA3;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.active,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb:hover {
  opacity: 1;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.disabled {
  pointer-events: none;
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantA.choose_plan > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantB.choose_plan > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantC.choose_plan > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantD.choose_plan > div.crumb-graphic {
  background-image: url("../img/shop/mscart/chooseplanPurple.svg");
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantA.add_team_members > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantB.add_team_members > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantC.add_team_members > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantD.add_team_members > div.crumb-graphic {
  background-image: url("../img/shop/mscart/teammembersPurple.svg");
}
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantA.review_and_pay > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantB.review_and_pay > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantC.review_and_pay > div.crumb-graphic,
div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb.iab-variantD.review_and_pay > div.crumb-graphic {
  background-image: url("../img/shop/mscart/checkoutPurple.svg");
}
@media only screen and (max-width: 550px) {
  div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb:not(:last-child) {
    margin-right: 30px;
  }
  div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb > div.crumb-graphic {
    width: 40px;
    height: 40px;
    margin-bottom: 0px;
    background-size: 35px;
  }
  div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb > div.crumb-step-label,
  div.cx-multi-step-cart div.cx-msc-breadcrumbs-root > div.cx-msc-crumb > div.crumb-label {
    font-size: 12px;
    margin-bottom: 0px;
  }
}
div.cx-multi-step-cart div.cx-msc-choose-plan {
  margin: 0 auto;
  margin-top: 40px;
  max-width: 1000px;
  padding: 0px 35px;
  padding-bottom: 100px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.title,
div.cx-multi-step-cart div.cx-msc-choose-plan > div.power-your-production-title,
div.cx-multi-step-cart div.cx-msc-choose-plan > div.join-over-line,
div.cx-multi-step-cart div.cx-msc-choose-plan > div.production-teams-line {
  font-size: 30px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  color: #2FB5B4;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.title {
  font-size: 34px;
  line-height: 28px;
  font-weight: normal;
  margin-bottom: 12px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.desc {
  margin: 0 auto;
  line-height: 24px;
  text-align: center;
  margin-bottom: 25px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.view-more-plans-link {
  cursor: pointer;
  color: #bbbbbb;
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.view-more-plans-link.classroom {
  font-size: 14px;
  color: #945CA3;
  text-transform: none;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.survey-cta__container {
  margin: 0 auto;
  width: max-content;
  margin-bottom: 15px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.currency-disclaimer-root {
  margin-bottom: 55px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.power-your-production-title {
  margin-bottom: 55px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.features-root {
  display: flex;
  margin-bottom: 90px;
  justify-content: center;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.features-root > div.feature-col:first-child {
  margin-right: 70px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.features-root > div.feature-col > div.feature-item {
  font-size: 16px;
  color: #29465a;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.features-root > div.feature-col > div.feature-item > i {
  color: #2FB5B4;
  margin-right: 5px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.features-root > div.feature-col > div.feature-item:not(:last-child) {
  margin-bottom: 15px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo > div.promo-graphic {
  width: 350px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo > div.promo-info > div.title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo > div.promo-info > div.desc {
  width: 275px;
  font-size: 17px;
  line-height: 28px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.edu {
  margin-bottom: 90px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.edu > div.promo-graphic {
  height: 205px;
  margin-right: 40px;
  background-image: url('../img/cart/newcart/education-illustration.png');
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.pro {
  margin-bottom: 100px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.pro > div.promo-info {
  margin-right: 40px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.pro > div.promo-graphic {
  height: 275px;
  background-image: url('../img/cart/newcart/enterprise-illustration.png');
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.join-over-line {
  margin-bottom: 20px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.join-over-line > span {
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.production-teams-line {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 45px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.no-thanks-link {
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  margin-bottom: 45px;
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.terms-of-use {
  font-size: 14px;
  text-align: center;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.terms-of-use > a {
  color: #333;
  margin-left: 1px;
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantA > div.title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantB > div.title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantC > div.title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantD > div.title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantA > div.power-your-production-title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantB > div.power-your-production-title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantC > div.power-your-production-title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantD > div.power-your-production-title,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantA > div.join-over-line,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantB > div.join-over-line,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantC > div.join-over-line,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantD > div.join-over-line,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantA > div.production-teams-line,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantB > div.production-teams-line,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantC > div.production-teams-line,
div.cx-multi-step-cart div.cx-msc-choose-plan.iab-variantD > div.production-teams-line {
  color: #945CA3;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root {
  width: 650px;
  display: flex;
  height: 450px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 45px;
  flex-direction: column;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/cart/newcart/quotebubble.png');
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root {
  margin-top: auto;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root > div.info,
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root > div.quote {
  margin: 0 auto;
  text-align: center;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root > div.quote {
  width: 460px;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 25px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root > div.info {
  width: 440px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root > div.info:not(:last-child) {
  margin-bottom: 5px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.controls {
  display: flex;
  margin-top: 40px;
  margin-bottom: 30px;
  justify-content: center;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.controls.quote-1 {
  margin-top: 60px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.controls > div.testimonial-control-btn {
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 100%;
  background-color: #fff;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.controls > div.testimonial-control-btn:not(:last-child) {
  margin-right: 35px;
}
div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.controls > div.testimonial-control-btn.active {
  background-color: #2FB5B4;
}
@media only screen and (max-width: 750px) {
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.title {
    line-height: 36px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.power-your-production-title,
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.join-over-line {
    font-size: 25px;
    line-height: 24px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.currency-disclaimer-root {
    margin-bottom: 55px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.power-your-production-title {
    margin-bottom: 30px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.features-root {
    margin: 0 auto;
    width: max-content;
    margin-bottom: 65px;
    flex-direction: column;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.features-root > div.feature-col:first-child {
    margin-right: 0px;
    margin-bottom: 15px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo {
    flex-direction: column;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo > div.promo-graphic {
    width: 350px;
    margin-bottom: 25px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo > div.promo-info > div.title {
    margin-bottom: 15px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo > div.promo-info > div.desc {
    width: 275px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.edu {
    margin-bottom: 65px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.edu > div.promo-graphic {
    height: 205px;
    margin-right: 0px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.pro {
    margin-bottom: 65px;
    flex-direction: column-reverse;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.pro > div.promo-info {
    margin-right: 0px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.pro > div.promo-graphic {
    height: 235px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root {
    height: 360px;
    padding-top: 35px;
    box-sizing: border-box;
    background-image: none;
    width: calc(100% + 70px);
    background-color: #e8f3f3;
    transform: translate(-35px, 0px);
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.controls.quote-1 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 550px) {
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.power-your-production-title,
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.join-over-line {
    font-size: 20px;
    line-height: 28px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.edu > div.promo-graphic {
    width: calc(100vw - 100px);
    height: calc(100vw - 200px);
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.direct-sales-promo.pro > div.promo-graphic {
    width: calc(100vw - 80px);
    height: calc(100vw - 160px);
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root {
    padding: 0px 25px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root > div.quote {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
  }
  div.cx-multi-step-cart div.cx-msc-choose-plan > div.cx-testimonials-root > div.testimonial-root > div.info {
    width: 100%;
  }
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root {
  height: 100%;
  padding: 25px;
  display: flex;
  overflow: auto;
  color: #F6F6F6;
  min-height: 100vh;
  position: relative;
  align-items: center;
  padding-bottom: 60px;
  box-sizing: border-box;
  flex-direction: column;
  background-color: #222222;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > img.close-btn {
  cursor: pointer;
  max-height: 32px;
  margin-bottom: 30px;
  align-self: flex-end;
  content: url(../img/shop/greyCross.svg);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root,
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root {
  width: 100%;
  padding: 20px;
  color: #222222;
  border-radius: 15px;
  box-sizing: border-box;
  background-color: white;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root {
  position: relative;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.header img {
  min-height: 30px;
  margin-right: 12px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.header span {
  font-size: 24px;
  font-weight: 700;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.header.bp-basic22 img {
  content: url(../img/studiomanagement/plan/CPWriter.svg);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.header.bp-prof22 img {
  content: url(../img/studiomanagement/plan/CPWriterPro.svg);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.desc {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.ph-group {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.ph-group > div.price-group {
  padding-right: 5px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.ph-group > div.price-group > div.price {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 2px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.ph-group ul {
  margin: 0;
  list-style: none;
  width: max-content;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.ph-group ul li {
  display: flex;
  font-size: 13px;
  align-items: center;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.ph-group ul li::before {
  content: "";
  display: block;
  margin-right: 6px;
  --ph-tick-size: 15px;
  width: var(--ph-tick-size);
  height: var(--ph-tick-size);
  transform: translate(0, 2px);
  background-repeat: no-repeat;
  background-size: var(--ph-tick-size);
  background-image: url('../img/studiomanagement/plan/funnelPlans/purpleTick.svg');
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.ph-group ul li:not(:last-child) {
  margin-bottom: 6px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.subscribe-btn {
  width: 100%;
  height: 40px;
  font-size: 16px;
  margin-top: 20px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.edit-plan-btn {
  top: 12px;
  right: 15px;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  color: #945CA3;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.edit-plan-btn img {
  max-height: 15px;
  margin-right: 6px;
  content: url(../img/editIconPurple.svg);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.plan-root > div.edit-plan-btn span {
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root {
  cursor: pointer;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root div.addon-checkbox-input {
  padding: 1px 3px;
  border-radius: 5px;
  border: 1.5px solid #737373;
  transition: all 100ms ease-in;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root div.addon-checkbox-input img {
  min-height: 10px;
  transform: translate(0, -1px);
  content: url("../img/shop/whiteTick.svg");
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root div.addon-checkbox-input.checked {
  border-color: #945CA3;
  background-color: #945CA3;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root div.addon-checkbox-input.checked img {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root > div.header {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root > div.header > div.title-group > div.title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root > div.header > div.title-group > div.price-group {
  display: flex;
  align-items: center;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root > div.header > div.title-group > div.price-group > div.price {
  font-size: 14px;
  font-weight: 700;
  margin-right: 6px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root > div.header > div.title-group > div.price-group > div.billing-cycle {
  cursor: default;
  font-size: 12px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root > div.header div.addon-checkbox-input {
  align-self: flex-start;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root div.addon-root > div.desc {
  font-size: 13px;
  line-height: 22px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.header {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.header > div.title {
  font-size: 30px;
  font-weight: 600;
  width: max-content;
  margin-bottom: 30px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.header > div.survey-cta__container div.survey-cta__stars-container div.survey-cta__star {
  margin-right: 2px;
  --sv-star-size: 22px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.header > div.survey-cta__container div.survey-cta__info a {
  cursor: pointer;
  color: #F6F6F6;
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.billing-cycle-toggle {
  margin-bottom: 60px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.billing-cycle-toggle > span.bct-label {
  font-size: 14px;
  font-weight: 500;
  color: #F6F6F6;
  text-transform: unset;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.billing-cycle-toggle > span.bct-label > div.discount-promo > img.disc-arrow {
  transform: rotate(66deg) translate(25px, -32px);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.billing-cycle-toggle > div.bct-switch {
  width: 50px;
  height: 22px;
  cursor: pointer;
  margin: 0 8px;
  transition: background-color 0.5s ease;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.billing-cycle-toggle > div.bct-switch span.bct-slider {
  top: 3.5px;
  left: 4px;
  width: 15px;
  height: 15px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.billing-cycle-toggle > div.bct-switch input:checked + .bct-slider {
  transform: translateX(27px);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.billing-cycle-toggle[data-is-annual="false"] > div.bct-switch {
  background-color: #ccc;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.plan-content {
  width: 100%;
  margin-bottom: 30px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.plan-content > div.plan-root:not(:last-child) {
  margin-bottom: 35px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root {
  width: 100%;
  margin-bottom: 30px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root > div.title {
  font-size: 18px;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 30px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root > div.title > i {
  margin-left: 8px;
  transform: scale(1.7, 1.4);
  transition: transform 350ms ease-out;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root > div.fs-of-container {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 350ms;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root > div.fs-of-container > div:nth-child(1) {
  overflow: hidden;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root.expanded {
  margin-bottom: 45px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root.expanded > div.title > i {
  transform: scale(1.7, 1.4) rotate(-180deg) translate(0px, -1px);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.compare-plans-root.expanded > div.fs-of-container {
  grid-template-rows: 1fr;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.title {
  font-size: 26px;
  font-weight: 600;
  width: max-content;
  margin-bottom: 35px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.sr-root {
  width: 100%;
  padding: 25px;
  display: flex;
  color: #222222;
  border-radius: 60px;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  background-color: white;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.sr-root:not(:last-child) {
  margin-bottom: 25px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.sr-root > div:not(:last-child) {
  margin-bottom: 14px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.sr-root > div.sr-stars {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.sr-root > div.sr-stars div {
  margin-right: 10px;
  --sv-star-size: 26px;
  width: var(--sv-star-size);
  height: var(--sv-star-size);
  background-size: var(--sv-star-size);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/star.svg);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.sr-root > div.sr-comment {
  font-size: 16px;
  text-align: center;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.survey-reviews-root div.sr-root > div.sr-author {
  font-size: 15px;
  font-weight: 700;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.sp-root > div.title,
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.sp-addons-root > div.title {
  font-size: 26px;
  font-weight: 600;
  width: max-content;
  margin-bottom: 25px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.sp-addons-root {
  margin-top: 35px;
  margin-bottom: 50px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.sp-addons-root > div.addon-root:not(:last-child) {
  margin-bottom: 20px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.checkout-btn {
  width: 100%;
  height: 50px;
  font-size: 18px;
  margin-top: auto;
  min-height: 50px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.checkout-btn > div.cx-ui-loading.cta-btn-loading {
  width: 28px;
  height: 28px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.ec-mount {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: white;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.currency-disclaimer-root {
  margin-bottom: 30px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.currency-disclaimer-root > div.disclaimer-text {
  color: #F6F6F6;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root > div.change-plan-root {
  cursor: pointer;
  font-size: 16px;
  color: #2FB5B4;
  margin-bottom: 80px;
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary {
  width: 100%;
  --tfs-table-gap: 15px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary th {
  padding-bottom: 7px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary td {
  padding-bottom: var(--tfs-table-gap);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr:nth-child(2) > td {
  padding-top: var(--tfs-table-gap);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > th {
  border-bottom: 1px solid grey;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > th:nth-child(1) {
  font-size: 18px;
  text-align: left;
  color: #2FB5B4;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > th:nth-child(2) span,
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > th:nth-child(3) span {
  display: none;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody:nth-child(1) th:nth-child(2) span,
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody:nth-child(1) th:nth-child(3) span {
  font-size: 14px;
  display: initial;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td:nth-child(2),
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td:nth-child(3) {
  text-align: center;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > div.pf-root > div.pf-name {
  cursor: pointer;
  font-size: 13px;
  color: #d9d9d9;
  text-decoration: underline;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > div.pf-root > div.ui-overlay-tray {
  background-color: transparent;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > div.pf-root div.pfd-root {
  color: black;
  max-width: 250px;
  padding: 40px 30px;
  position: relative;
  border-radius: 5px;
  text-align: center;
  background-color: #F6F6F6;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > div.pf-root div.pfd-root > div.pfd-name {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 15px;
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > div.pf-root div.pfd-root > img.close-btn {
  top: 12px;
  right: 12px;
  cursor: pointer;
  max-height: 16px;
  position: absolute;
  content: url(../img/shop/greyCross.svg);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > img.pf-yes {
  min-height: 17px;
  content: url("../img/shop/whiteTick.svg");
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > img.pf-no {
  max-height: 18px;
  content: url(../img/shop/greyCross.svg);
}
div.cx-multi-step-cart div.cx-msc-mobile-interstitial-root table.feature-summary tbody > tr > td > img.pf-paid {
  max-height: 21px;
  content: url(../img/shop/whiteDollar.svg);
}
div.cx-multi-step-cart div.interstitial-root {
  width: 100%;
  display: flex;
  outline: none;
  min-height: 100vh;
  position: relative;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}
div.cx-cta-btn.cx-ms-team-action-btn-root {
  --cx-ms-team-action-btn-width: 178px;
  --cx-ms-team-action-btn-height: 32px;
  color: #F6F6F6;
  border-radius: 4px;
  border: 1px solid #2FB5B4;
  background-color: #2FB5B4;
  width: var(--cx-ms-team-action-btn-width);
  height: var(--cx-ms-team-action-btn-height);
}
div.cx-cta-btn.cx-ms-team-action-btn-root:hover {
  color: #2FB5B4;
  background-color: white;
}
div.cx-cta-btn.cx-ms-team-action-btn-root:hover > div.cx-ui-loading.cta-btn-loading {
  fill: #2FB5B4;
}
div.cx-cta-btn.cx-ms-team-action-btn-root > span.cta-btn-hover-label > div.pending-btn-group {
  display: flex;
  position: relative;
  width: calc(var(--cx-ms-team-action-btn-width) + 2px);
}
div.cx-cta-btn.cx-ms-team-action-btn-root > span.cta-btn-hover-label > div.pending-btn-group > div.cx-cta-btn {
  width: 50%;
  border-radius: 4px;
  position: relative;
  border: 1px solid transparent;
  height: var(--cx-ms-team-action-btn-height);
}
div.cx-cta-btn.cx-ms-team-action-btn-root > span.cta-btn-hover-label > div.pending-btn-group > div.cx-cta-btn.remove-btn {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
div.cx-cta-btn.cx-ms-team-action-btn-root > span.cta-btn-hover-label > div.pending-btn-group > div.cx-cta-btn.remove-btn:hover {
  background-color: #ff2b33;
}
div.cx-cta-btn.cx-ms-team-action-btn-root > span.cta-btn-hover-label > div.pending-btn-group > div.cx-cta-btn.resend-btn {
  border-left: none;
  border-color: #945CA3;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.hasSlot {
  color: #2FB5B4;
  background-color: white;
  border-color: #2FB5B4;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.hasSlot > div.cx-ui-loading.cta-btn-loading {
  fill: #2FB5B4;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.hasSlot:hover {
  color: #F6F6F6;
  border-color: #ff2b33;
  background-color: #ff2b33;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.hasSlot:hover > div.cx-ui-loading.cta-btn-loading {
  fill: #F6F6F6;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.unverified {
  color: #945CA3;
  background-color: white;
  border-color: #945CA3;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.unverified > div.cx-ui-loading.cta-btn-loading {
  fill: #945CA3;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.declined {
  color: #ff2b33;
  background-color: white;
  border-color: #ff2b33;
}
div.cx-cta-btn.cx-ms-team-action-btn-root.declined > div.cx-ui-loading.cta-btn-loading {
  fill: #ff2b33;
}
div.ui-overlay-tray.cx-ms-team-action-dialog-overlay {
  z-index: 2020;
}
div.cx-ms-team-action-dialog-root {
  width: 400px;
  padding: 25px;
  color: #F6F6F6;
  border-radius: 5px;
  background-color: #222222;
  font-family: "lato", sans-serif;
  box-shadow: 0px 3px 6px #00000029;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
div.cx-ms-team-action-dialog-root div.title {
  font-size: 14px;
  margin-bottom: 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
div.cx-ms-team-action-dialog-root div.content {
  line-height: 22px;
  margin-bottom: 30px;
}
div.cx-ms-team-action-dialog-root div.content > span,
div.cx-ms-team-action-dialog-root div.content > div > span {
  font-weight: 600;
}
div.cx-ms-team-action-dialog-root div.content > div.do-not-again-root {
  display: flex;
  margin-top: 10px;
  width: max-content;
  align-items: center;
}
div.cx-ms-team-action-dialog-root div.content > div.do-not-again-root > input {
  margin: 0px;
  margin-right: 8px;
  transform: scale(1.2);
}
div.cx-ms-team-action-dialog-root div.btn-tray {
  display: flex;
  justify-content: flex-end;
}
div.cx-ms-team-action-dialog-root div.btn-tray > div.cx-cta-btn {
  height: 35px;
  width: 100px;
  font-size: 14px;
  font-weight: 500;
}
div.cx-ms-team-action-dialog-root.add_member div.content > div.ac-disc {
  max-width: 360px;
  margin-bottom: 15px;
}
div.cx-ms-team-action-dialog-root.add_member.bp-classroom22 div.content > div.ac-disc {
  max-width: 375px;
}
div.cx-ms-team-action-dialog-root.cannot_modify {
  width: 525px;
}
div.cx-ms-tcl-loading {
  width: 60px;
  height: 60px;
  fill: grey;
  margin: 20px auto;
}
div.cx-ms-tcl-overflow-wrapper {
  position: relative;
  --cx-ms-tcl-el-h: 35px;
  --cx-ms-tcl-el-mb: 25px;
}
div.cx-ms-tcl-overflow-wrapper.extended {
  --cx-ms-tcl-el-h: 85px;
}
div.cx-ms-tcl-overflow-wrapper > div.cx-ms-team-collaborator-list-root {
  width: 100%;
  overflow: auto;
  position: absolute;
  background-color: white;
}
div.cx-ms-tcl-overflow-wrapper.ovf-list > div.cx-ms-team-collaborator-list-root {
  padding-right: 15px;
  width: calc(100% - 15px);
}
div.cx-ms-team-collaborator-list-root div.user-projects-root {
  font-family: "lato", sans-serif;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root div.project-circle-root {
  --pc-size: 22px;
  cursor: default;
  position: relative;
  border-radius: 100%;
  width: var(--pc-size);
  min-width: var(--pc-size);
  max-width: var(--pc-size);
  height: var(--pc-size);
  min-height: var(--pc-size);
  max-height: var(--pc-size);
}
div.cx-ms-team-collaborator-list-root div.user-projects-root div.project-circle-root::after {
  top: 28px;
  width: 15px;
  color: #333;
  display: block;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  content: attr(data-name);
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root div.project-circle-root:hover::after {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.title {
  color: #333;
  font-size: 11px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.project-circle-root:not(:first-child) {
  margin-left: 10px;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root {
  margin-left: 10px;
  position: relative;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.p-count {
  color: #333;
  display: flex;
  font-size: 14px;
  align-items: center;
  justify-content: center;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.p-count::after {
  top: 5px;
  content: "";
  position: absolute;
  border: 15px solid transparent;
  border-bottom: 20px solid #323232;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.content {
  top: 35px;
  z-index: 1;
  left: -22px;
  width: 200px;
  padding: 20px;
  overflow: auto;
  max-height: 245px;
  border-radius: 5px;
  position: absolute;
  box-sizing: border-box;
  background-color: #323232;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.content > div.p-item {
  display: flex;
  align-items: center;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.content > div.p-item:not(:last-child) {
  margin-bottom: 20px;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.content > div.p-item > div.project-circle-root {
  margin-right: 10px;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.content > div.p-item > div.project-circle-root::after {
  display: none;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.content > div.p-item > div.p-name {
  cursor: default;
  font-size: 11px;
  color: #F6F6F6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.p-count::after,
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root > div.content {
  opacity: 0;
  visibility: hidden;
}
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root:hover > div.p-count::after,
div.cx-ms-team-collaborator-list-root div.user-projects-root > div.content > div.extra-projects-root:hover > div.content {
  opacity: 1;
  visibility: visible;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root {
  display: flex;
  align-items: center;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root:not(:last-child) {
  margin-bottom: 25px;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root {
  display: flex;
  align-items: center;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root > div.index {
  min-width: 25px;
  min-height: 25px;
  display: flex;
  color: #F6F6F6;
  border-radius: 50%;
  margin-right: 25px;
  align-items: center;
  justify-content: center;
  background-color: #C9C9C9;
  border: 1px solid #C9C9C9;
  transition: background 200ms ease, border 200ms ease, color 200ms ease;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root > div.input-error-group,
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root > div.user-info-group {
  width: 400px;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root > div.user-info-group > div.cx-mc-collaborator-details {
  padding: 0px;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root > div.input-error-group > input {
  width: 100%;
  margin: 0px;
  height: 35px;
  font-size: 14px;
  padding: 5px 8px;
  font-weight: 500;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #868686;
  transition: border 200ms ease;
  font-family: "lato", sans-serif;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root > div.input-error-group > input::placeholder {
  color: #9F9F9F;
  font-style: italic;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.slot-info-root > div.input-error-group > div.error-text {
  margin-top: 4px;
  font-size: 12px;
  color: #ff2b33;
  text-align: left;
  font-weight: 600;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.user-btn-group {
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.user-btn-group > div.cx-cta-btn:not(:last-child) {
  margin-right: 20px;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.user-btn-group > div.become-user-btn {
  width: 140px;
  height: 32px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(90, 90, 90, 0.87);
  border: 1px solid rgba(90, 90, 90, 0.87);
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.user-btn-group > div.become-user-btn > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(255, 255, 255, 0.87);
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.user-btn-group > div.become-user-btn:hover {
  background-color: white;
  color: rgba(90, 90, 90, 0.87);
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root > div.user-btn-group > div.become-user-btn:hover > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(90, 90, 90, 0.87);
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root.owner {
  top: 0;
  z-index: 1;
  position: sticky;
  background-color: white;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root.active > div.slot-info-root > div.index {
  color: #2FB5B4;
  background-color: white;
  border-color: #2FB5B4;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root.active > div.slot-info-root > div.input-error-group > input {
  border-color: #2FB5B4;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root.hasSlot > div.slot-info-root > div.index {
  color: #F6F6F6;
  border-color: #2FB5B4;
  background-color: #2FB5B4;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root.unverified > div.slot-info-root > div.index {
  color: #945CA3;
  background-color: white;
  border-color: #945CA3;
}
div.cx-ms-team-collaborator-list-root > div.cx-ms-team-cl-item-root.declined > div.slot-info-root > div.index {
  color: #ff2b33;
  background-color: white;
  border-color: #ff2b33;
}
div.cx-ms-team-collaborator-list-root.extended > div.cx-ms-team-cl-item-root {
  padding: 0px 25px;
  border-radius: 8px;
  height: 85px;
  min-height: 85px;
  max-height: 85px;
  background-color: #F6F6F6;
}
div.cx-ms-team-collaborator-list-root.extended > div.cx-ms-team-cl-item-root > div.slot-info-root > div.user-info-group > div.cx-mc-collaborator-details > div.user-profile-icon {
  border-radius: 5px;
}
div.cx-ms-team-collaborator-list-root.extended > div.cx-ms-team-cl-item-root > div.slot-info-root > div.user-info-group > div.cx-mc-collaborator-details > div.identity {
  font-size: 16px;
}
div.cx-ms-team-collaborator-list-root.extended > div.cx-ms-team-cl-item-root > div.slot-info-root > div.user-info-group > div.cx-mc-collaborator-details > div.identity > span.unverified-tag {
  font-size: 12px;
  margin-left: 8px;
}
div.cx-ms-team-collaborator-list-root.extended > div.cx-ms-team-cl-item-root > div.slot-info-root > div.user-info-group > div.last-active {
  color: #333;
  margin-top: 5px;
}
div.cx-ms-team-collaborator-list-root.extended > div.cx-ms-team-cl-item-root > div.user-projects-root {
  margin-left: 150px;
}
div.cx-ms-team-collaborator-list-root.extended > div.cx-ms-team-cl-item-root.owner {
  position: unset;
}
div.cx-add-seats-to-team-root {
  font-size: 14px;
  color: #945CA3;
  background-color: white;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
div.cx-add-seats-to-team-root > div:not(.classroom-plan-seats-dropdown-container-root) {
  cursor: pointer;
  text-decoration: underline;
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root {
  margin: 0px 5px;
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root > div.input-container {
  font-size: 14px;
  padding: 2px 10px;
  box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.1);
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  text-align: center;
  top: 21px;
  left: 0px;
  border-top: none;
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div:first-child {
  padding-top: 10px;
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item {
  font-size: 12px;
  background-color: white;
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:hover {
  background-color: #f6f6f6;
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item:last-child {
  border-radius: 0 0 3px 3px;
}
div.cx-add-seats-to-team-root > div.classroom-plan-seats-dropdown-container-root > div.dropdown-content > div.dropdown-item .dropdown-item-text {
  font-size: 12px;
  font-weight: normal;
  color: #945CA3;
}
div.cx-msc-post-payment {
  margin: 0 auto;
  width: 100%;
  margin-top: 0px;
  color: #3B3C3D;
  position: relative;
}
div.cx-msc-post-payment.buy-now,
div.cx-msc-post-payment.mobile-view {
  padding-bottom: 0px;
}
div.cx-msc-post-payment > * {
  margin: 0 auto;
}
div.cx-msc-post-payment > div.welcome-section {
  height: 480px;
  width: 100%;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
div.cx-msc-post-payment > div.welcome-section.buy-now {
  height: 100vh;
}
div.cx-msc-post-payment > div.welcome-section.buy-now > div.graphic {
  height: 60%;
  background: url('../img/studiomanagement/plan/funnelPlans/leftTop.png') left top no-repeat, url('../img/studiomanagement/plan/funnelPlans/rightBottom.png') right bottom no-repeat, url('../img/studiomanagement/plan/funnelPlans/leftBottom.png') left bottom no-repeat, url('../img/studiomanagement/plan/funnelPlans/rightTop.png') right top no-repeat;
  background-size: 240px;
}
div.cx-msc-post-payment > div.welcome-section.buy-now.team,
div.cx-msc-post-payment > div.welcome-section.buy-now.classroom {
  height: 100vh;
}
div.cx-msc-post-payment > div.welcome-section.team,
div.cx-msc-post-payment > div.welcome-section.classroom {
  height: 500px;
}
div.cx-msc-post-payment > div.welcome-section > div.graphic {
  width: 90%;
  height: 90%;
  background-image: url('../img/studiomanagement/plan/funnelPlans/icons.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: opacity(0.5);
}
div.cx-msc-post-payment > div.welcome-section > div.graphic.team,
div.cx-msc-post-payment > div.welcome-section > div.graphic.writer_pro.with-production-planning {
  background: url('../img/studiomanagement/plan/funnelPlans/leftTop.png') left top no-repeat, url('../img/studiomanagement/plan/funnelPlans/rightBottom.png') right bottom no-repeat, url('../img/studiomanagement/plan/funnelPlans/leftBottom.png') left bottom no-repeat, url('../img/studiomanagement/plan/funnelPlans/rightTop.png') right top no-repeat;
  background-size: 240px;
  padding-top: 10px;
}
div.cx-msc-post-payment > div.welcome-section > div.graphic.classroom {
  background: url('../img/studiomanagement/plan/funnelPlans/leftTop.png') left top no-repeat, url('../img/studiomanagement/plan/funnelPlans/rightBottom.png') right bottom no-repeat, url('../img/studiomanagement/plan/funnelPlans/leftBottom.png') left bottom no-repeat, url('../img/studiomanagement/plan/funnelPlans/rightTop.png') right top no-repeat;
  background-size: 200px;
  padding-top: 10px;
}
div.cx-msc-post-payment > div.welcome-section > div.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  width: 100%;
  filter: opacity(0.9);
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.congrats-title {
  font-size: 28px;
  padding-bottom: 15px;
  font-family: 'Courgette', cursive;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.desc {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 20px;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.invoice-number-message {
  font-size: 12px;
  line-height: 20px;
  width: 590px;
  text-align: center;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.invoice-number-message > span {
  font-weight: bold;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container {
  display: flex;
  justify-content: center;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.team,
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro.with-production-planning {
  width: 1200px;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.classroom {
  width: 1250px;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets {
  gap: 40px;
  display: flex;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets.team-feature-sets,
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets.four-feature-sets {
  gap: 80px;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > div.title {
  font-size: 16px;
  margin-bottom: 5px;
  color: white;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > ul {
  margin: 0px;
  list-style: none;
  column-gap: 20px;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > ul.long-list {
  display: grid;
  grid-template-columns: repeat(2, auto);
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > ul li {
  display: flex;
  font-size: 12px;
  align-items: center;
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > ul li::before {
  content: "";
  width: 12px;
  min-width: 12px;
  height: 12px;
  display: block;
  margin-right: 6px;
  background-size: 12px;
  background-repeat: no-repeat;
  transform: translate(0px, 3px);
  background-image: url('../img/studiomanagement/plan/funnelPlans/whiteTick.png');
}
div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > ul li:not(:last-child) {
  margin-bottom: 6px;
}
div.cx-msc-post-payment > div.under-banner-section {
  animation: fadein 1s ease-in;
  width: 780px;
  position: absolute;
  max-height: max-content;
  overflow-y: hidden;
  margin: auto;
  left: 0;
  right: 0;
  top: 75%;
}
div.cx-msc-post-payment > div.under-banner-section > div.enter-studio-btn {
  height: 50px;
  width: 220px;
  margin-left: auto;
  letter-spacing: 1px;
  margin-bottom: 150px;
}
div.cx-msc-post-payment > div.under-banner-section > div.enter-studio-btn > span.cta-btn-label > i.arrow-right {
  width: 8px;
  height: 8px;
  margin-left: 5px;
  border-style: solid;
  border-color: white;
  transform: rotate(45deg);
  border-width: 0px 2px 2px 0px;
  -webkit-transform: rotate(-45deg);
}
div.cx-msc-post-payment > div.under-banner-section > div.enter-studio-btn > div.cx-ui-loading.cta-btn-loading {
  width: 28px;
  height: 28px;
}
div.cx-msc-post-payment > div.under-banner-section.full-page-coverage {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: none;
}
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root {
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 25px;
  border: 1px solid #945CA3;
  background: white;
}
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.title {
  display: flex;
  font-size: 22px;
  color: #945CA3;
  margin-bottom: 10px;
  line-height: normal;
}
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.title > i.cx-mc-trial-disclaimer-btn {
  transform: translate(4px, -6px);
}
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.desc {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 30px;
}
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart {
  margin-bottom: 35px;
}
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart > div.input-group,
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart > div.confirm-add-btn {
  padding: 0px;
}
div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-collaborator-list.cxMultiStepCart > div.cx-mc-sm-collaborator-list-item {
  border-bottom: none;
  border-top: 1px solid #d6d6d6;
}
@media only screen and (max-width: 1050px) {
  div.cx-msc-post-payment > div.welcome-section.buy-now > div.graphic {
    background-image: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.graphic {
    background-image: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.graphic.team,
  div.cx-msc-post-payment > div.welcome-section > div.graphic.classroom {
    background: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content {
    text-align: center;
    width: 95%;
    left: 2.5%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.desc {
    padding-left: unset;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.invoice-number-message {
    width: 95%;
    left: 2.5%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.team,
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.classroom {
    width: 200%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.team > div.plan-feature-sets,
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.classroom > div.plan-feature-sets {
    animation: scrollingLeftOne 45s linear 0s infinite;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.team > div.plan-feature-sets:hover,
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.classroom > div.plan-feature-sets:hover {
    animation-play-state: paused;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro.with-production-planning {
    width: 200%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro.with-production-planning > div.plan-feature-sets {
    animation: scrollingLeftOne 40s linear 0s infinite;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro.with-production-planning > div.plan-feature-sets:hover {
    animation-play-state: paused;
  }
  @keyframes scrollingLeftOne {
    0% {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
    }
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets {
    gap: 35px;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > div.title {
    text-align: left;
  }
  div.cx-msc-post-payment > div.under-banner-section {
    left: 2.5%;
    width: 95%;
  }
  div.cx-msc-post-payment > div.under-banner-section.buy-now {
    display: flex;
    top: 80%;
    left: unset;
    margin-top: 3%;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content {
    width: 100%;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart {
    margin-bottom: 15px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart > div.input-group,
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart > div.confirm-add-btn {
    padding: 0px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart > div.input-group {
    margin-bottom: 15px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart > div.input-group > div.cx-ui-loading.aci-loading {
    transform: translate(0px, 0px);
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-collaborator-list.cxMultiStepCart > div.cx-mc-sm-collaborator-list-item {
    padding-top: 15px;
    border-bottom: none;
    border-top: 1px solid #d6d6d6;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-collaborator-list.cxMultiStepCart > div.cx-mc-sm-collaborator-list-item div.cta-btn-group {
    margin: 0px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-collaborator-list.cxMultiStepCart > div.cx-mc-sm-collaborator-list-item div.cta-btn-group div.modify-collaborator-btn {
    margin-bottom: 0px;
  }
  div.cx-msc-post-payment > div.under-banner-section.team > div.create-with-team-root {
    display: inherit;
  }
}
@media only screen and (max-width: 550px) {
  div.cx-mc-sm-add-collaborator-input > div.input-group > div.input-error-group > input {
    min-width: calc(100vw - 124px);
  }
}
@media only screen and (max-width: 650px) {
  div.cx-msc-post-payment > div.welcome-section.buy-now > div.graphic {
    background-image: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.graphic {
    background-image: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.graphic.team,
  div.cx-msc-post-payment > div.welcome-section > div.graphic.classroom {
    background: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content {
    text-align: center;
    width: 95%;
    left: 2.5%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.desc {
    padding-left: unset;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.invoice-number-message {
    width: 90%;
    left: 2.5%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.team,
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.classroom {
    width: 400%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.team > div.plan-feature-sets,
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.classroom > div.plan-feature-sets {
    animation: scrollingLeftOne 45s linear 0s infinite;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.team > div.plan-feature-sets:hover,
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.classroom > div.plan-feature-sets:hover {
    animation-play-state: paused;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro.with-production-planning {
    width: 300%;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro.with-production-planning > div.plan-feature-sets {
    animation: scrollingLeftOne 40s linear 0s infinite;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro.with-production-planning > div.plan-feature-sets:hover {
    animation-play-state: paused;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro > div.plan-feature-sets {
    display: grid;
    grid-template-columns: repeat(2, auto);
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro > div.plan-feature-sets > div.feature-set-root.writing_feats {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer_pro > div.plan-feature-sets > div.feature-set-root > ul.long-list {
    display: grid;
    grid-template-columns: repeat(2, auto);
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer > div.plan-feature-sets {
    display: grid;
    grid-template-columns: repeat(2, auto);
    margin-top: 15px;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container.writer > div.plan-feature-sets > div.feature-set-root > ul.long-list {
    display: grid;
    grid-template-columns: repeat(1, auto);
  }
  @keyframes scrollingLeftOne {
    0% {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
    }
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets {
    gap: 15px;
  }
  div.cx-msc-post-payment > div.welcome-section > div.content > div.features-container > div.plan-feature-sets > div.feature-set-root > div.title {
    text-align: left;
  }
  div.cx-msc-post-payment > div.under-banner-section {
    top: 65%;
    left: 2.5%;
    width: 95%;
    text-align: center;
    padding-bottom: 100px;
  }
  div.cx-msc-post-payment > div.under-banner-section.buy-now,
  div.cx-msc-post-payment > div.under-banner-section.team {
    left: unset;
    top: 65%;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.enter-studio-btn {
    margin: 0 auto;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root {
    padding: 20px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.title {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 15px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.title i.cx-mc-trial-disclaimer-btn {
    margin: 0;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.desc {
    font-size: 14px;
    margin-bottom: 15px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.price {
    margin-bottom: 20px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.team-member-price {
    font-size: 14px;
    margin-bottom: 25px;
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart > div.input-group > div.input-error-group > input {
    min-width: calc(100vw - 124px);
  }
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart.validating > div.input-group > div.input-error-group > input,
  div.cx-msc-post-payment > div.under-banner-section > div.create-with-team-root > div.collaborators-content > div.cx-mc-sm-add-collaborator-input.cxMultiStepCart.loading > div.input-group > div.input-error-group > input {
    min-width: calc(100vw - 160px);
  }
  div.cx-msc-post-payment > div.under-banner-section.team > div.create-with-team-root,
  div.cx-msc-post-payment > div.under-banner-section.classroom > div.create-with-team-root {
    display: flex;
  }
}
@media only screen and (max-height: 750px) {
  div.cx-msc-post-payment > div.under-banner-section.full-page-coverage,
  div.cx-msc-post-payment > div.under-banner-section.team {
    top: 65%;
  }
}
@media only screen and (max-width: 1450px) {
  div.cx-msc-post-payment > div.welcome-section.buy-now > div.graphic {
    background-image: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.graphic {
    background-image: none;
  }
  div.cx-msc-post-payment > div.welcome-section > div.graphic.team,
  div.cx-msc-post-payment > div.welcome-section > div.graphic.classroom {
    background: none;
  }
}
div.cx-mc-sm-collaborator-list,
div.cx-mc-sm-add-collaborator-input {
  --cx-mc-sm-act-btn-w: 200px;
}
div.cx-mc-collaborator-details {
  display: flex;
  padding: 15px 0px;
  align-items: center;
}
div.cx-mc-collaborator-details > div.user-profile-icon {
  width: 26px;
  height: 26px;
  font-size: 11px;
  margin-right: 8.5px;
}
div.cx-mc-collaborator-details > div.identity {
  font-size: 11px;
  overflow: hidden;
  white-space: pre;
  color: #4F4F4F;
  margin-right: 5px;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
}
div.cx-mc-collaborator-details > div.identity > span.name {
  font-weight: bold;
}
div.cx-mc-collaborator-details > div.identity > span.unverified-tag {
  color: #945CA3;
  font-style: italic;
  text-transform: lowercase;
}
div.cx-mc-collaborator-details > div.identity > span:not(:first-child) {
  margin-left: 4px;
}
div.cx-mc-trial-disclaimer {
  width: 750px;
  display: flex;
  padding: 50px 40px;
  position: relative;
  border-radius: 25px;
  height: max-content;
  flex-direction: column;
  background-color: white;
  max-width: calc(100vw - 140px);
  padding: 50px 40px 20px 40px;
  cursor: default;
}
div.cx-mc-trial-disclaimer > div.title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 30px;
  color: #2FB5B4;
  margin-bottom: 6px;
}
div.cx-mc-trial-disclaimer > ul.plan-features {
  row-gap: 8px;
  display: grid;
  font-size: 12px;
  color: #707070;
  grid-template-columns: repeat(2, auto);
}
div.cx-mc-trial-disclaimer > div.plan-feature-sets {
  color: #707070;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  margin-bottom: 20px;
}
div.cx-mc-trial-disclaimer > div.plan-feature-sets.long-feature-sets > div.feature-set-root.expanded_feats {
  grid-column: 1 / span 3;
}
div.cx-mc-trial-disclaimer > div.plan-feature-sets > div.feature-set-root > div.title {
  font-size: 16px;
  margin-bottom: 5px;
  color: #945CA3;
}
div.cx-mc-trial-disclaimer > div.plan-feature-sets > div.feature-set-root > ul {
  margin: 0px;
  list-style: none;
}
div.cx-mc-trial-disclaimer > div.plan-feature-sets > div.feature-set-root > ul li {
  display: flex;
  font-size: 14px;
  align-items: center;
}
div.cx-mc-trial-disclaimer > div.plan-feature-sets > div.feature-set-root > ul li::before {
  content: "";
  width: 12px;
  min-width: 12px;
  height: 12px;
  display: block;
  margin-right: 6px;
  background-size: 12px;
  background-repeat: no-repeat;
  transform: translate(0px, 3px);
  background-image: url('../img/studiomanagement/plan/funnelPlans/purpleTick.svg');
}
div.cx-mc-trial-disclaimer > div.plan-feature-sets > div.feature-set-root > ul li:not(:last-child) {
  margin-bottom: 6px;
}
div.cx-mc-trial-disclaimer > div.content {
  font-size: 15px;
  color: #707070;
  font-weight: 500;
  line-height: 26px;
  white-space: pre-line;
  margin-bottom: 15px;
}
div.cx-mc-trial-disclaimer > div.overlay-close-btn {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  filter: contrast(0.5);
  background-size: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/studiomanagement/plan/Cancel (Dark Grey).png");
}
i.cx-mc-trial-disclaimer-btn {
  font-size: 12px;
  cursor: pointer;
  transform: translate(4px, -6px);
}
@media only screen and (max-width: 1050px) {
  div.cx-mc-collaborator-details {
    padding: 0px;
    flex-direction: column;
  }
  div.cx-mc-collaborator-details > div.user-profile-icon {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  div.cx-mc-collaborator-details > div.identity {
    margin-right: 0px;
  }
  div.cx-mc-trial-disclaimer {
    max-width: calc(100% - 80px);
    max-height: calc(100% - 100px);
    overflow: auto;
    text-align: left;
    padding: 40px 30px;
  }
  div.cx-mc-trial-disclaimer > div.plan-feature-sets {
    grid-template-columns: repeat(1, auto);
  }
}
div.cx-mc-cart-collaborator-list > div.cx-mc-cart-collaborator-list-item {
  display: flex;
  align-items: center;
}
div.cx-mc-cart-collaborator-list > div.cx-mc-cart-collaborator-list-item > input {
  margin: 0px 15px 0px 0px;
}
div.cx-mc-cart-collaborator-list > div.cx-mc-cart-collaborator-list-item > div.cx-mc-collaborator-details {
  width: 100%;
  padding: 0px 0px;
}
div.cx-mc-cart-collaborator-list > div.cx-mc-cart-collaborator-list-item:not(:last-child) {
  margin-bottom: 20px;
}
div.cx-mc-cart-add-collaborator-input {
  display: flex;
  align-items: center;
}
div.cx-mc-cart-add-collaborator-input > div.input-error-group {
  display: flex;
  margin-right: 10px;
  flex-direction: column;
  align-items: flex-start;
}
div.cx-mc-cart-add-collaborator-input > div.input-error-group > input {
  margin: 0px;
  height: 35px;
  font-size: 12px;
  min-width: 310px;
  padding: 5px 8px;
  font-weight: 600;
  border-radius: 4px;
  letter-spacing: 0.6px;
  box-sizing: border-box;
  border: 1px solid #2FB5B4;
  font-family: "lato", sans-serif;
}
div.cx-mc-cart-add-collaborator-input > div.input-error-group > input::placeholder {
  text-transform: lowercase;
}
div.cx-mc-cart-add-collaborator-input > div.input-error-group > div.error-text {
  margin-top: 4px;
  font-size: 10px;
  color: #ff2b33;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
}
div.cx-mc-cart-add-collaborator-input.error > div.input-error-group > input {
  border: 1px solid #ff2b33;
  background: rgba(255, 43, 51, 0.1);
}
div.cx-mc-cart-add-collaborator-input.error > div.confirm-add-btn {
  margin-top: 2.5px;
  align-self: flex-start;
}
div.cx-mc-cart-add-collaborator-input > div.cx-mc-cart-aci-loading {
  width: 28px;
  height: 28px;
  margin-left: auto;
  transition: fill 0.4s ease;
}
div.cx-mc-cart-add-collaborator-input.validating > div.cx-mc-cart-aci-loading {
  fill: grey;
}
div.cx-mc-cart-add-collaborator-input > div.confirm-add-btn {
  cursor: pointer;
  align-self: center;
  justify-self: center;
  background-size: cover;
  --bg-graphic-size: 30px;
  background-color: transparent;
  width: var(--bg-graphic-size);
  height: var(--bg-graphic-size);
  background-image: url('../img/studiomanagement/plan/Add Collab.png');
}
div.cx-mc-sm-collaborator-list {
  overflow: auto;
  padding-right: 15px;
  max-height: 600px;
  background-color: white;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item {
  display: grid;
  border-bottom: 1px solid #d6d6d6;
  grid-template-columns: calc(100% - var(--cx-mc-sm-act-btn-w)) var(--cx-mc-sm-act-btn-w);
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group {
  display: flex;
  margin: 12px 0px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group > div.modify-collaborator-btn {
  height: 32px;
  width: var(--cx-mc-sm-act-btn-w);
  align-self: center;
  justify-self: center;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group > div.modify-collaborator-btn.added:hover {
  background-color: #ff2b33;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group > div.modify-collaborator-btn > div.cx-ui-loading.cta-btn-loading {
  width: 20px;
  height: 20px;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group > span.trial-info {
  font-size: 12px;
  margin-top: 5px;
}
@media only screen and (max-width: 1050px) {
  div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item {
    display: flex;
    flex-direction: column;
  }
  div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item:not(:last-child) {
    margin-bottom: 20px;
  }
  div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group {
    margin: 0px;
  }
  div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cx-mc-collaborator-details,
  div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group > div.modify-collaborator-btn {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 600px) {
  div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.cta-btn-group > span.trial-info {
    margin: 0;
    padding-bottom: 20px;
  }
}
div.cx-mc-sm-add-collaborator-input {
  display: grid;
  padding-right: 15px;
  background-color: white;
  grid-template-columns: calc(100% - var(--cx-mc-sm-act-btn-w)) var(--cx-mc-sm-act-btn-w);
}
div.cx-mc-sm-add-collaborator-input > div.input-group {
  width: 100%;
  display: flex;
  padding: 15px 0px;
  align-self: center;
  align-items: center;
}
div.cx-mc-sm-add-collaborator-input > div.input-group > div.input-error-group > input {
  margin: 0px;
  height: 35px;
  font-size: 12px;
  min-width: 425px;
  padding: 5px 8px;
  font-weight: 600;
  border-radius: 4px;
  letter-spacing: 0.6px;
  box-sizing: border-box;
  border: 1px solid #945CA3;
  font-family: "lato", sans-serif;
}
div.cx-mc-sm-add-collaborator-input > div.input-group > div.input-error-group > input::placeholder {
  text-transform: lowercase;
}
div.cx-mc-sm-add-collaborator-input > div.input-group > div.input-error-group > div.error-text {
  margin-top: 4px;
  font-size: 12px;
  color: #ff2b33;
  text-align: left;
  font-weight: 600;
}
div.cx-mc-sm-add-collaborator-input.validating > div.input-group > div.aci-loading {
  fill: grey;
}
div.cx-mc-sm-add-collaborator-input.loading > div.input-group > div.aci-loading {
  fill: #945CA3;
}
div.cx-mc-sm-add-collaborator-input.error > div.input-group > div.input-error-group > input {
  border: 1px solid #ff2b33;
  background: rgba(255, 43, 51, 0.1);
}
div.cx-mc-sm-add-collaborator-input > div.confirm-add-btn {
  height: 32px;
  width: var(--cx-mc-sm-act-btn-w);
  align-self: center;
  justify-self: center;
}
@media only screen and (max-width: 1050px) {
  div.cx-mc-sm-add-collaborator-input {
    display: flex;
    flex-direction: column;
  }
  div.cx-mc-sm-add-collaborator-input > div.input-group {
    justify-content: center;
  }
  div.cx-mc-sm-add-collaborator-input > div.input-group > div.input-error-group > div.error-text {
    text-align: left;
  }
}
@media only screen and (max-width: 550px) {
  div.cx-mc-sm-add-collaborator-input > div.input-group > div.input-error-group > input {
    min-width: calc(100vw - 74px);
  }
}
div.cx-payment-authorization-view {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  top: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  z-index: 2010;
  min-height: 100vh;
  position: absolute;
  align-items: center;
  letter-spacing: 0px;
  box-sizing: border-box;
  justify-content: center;
  backdrop-filter: blur(15px);
  background-color: transparent;
  -webkit-backdrop-filter: blur(15px);
}
div.cx-payment-authorization-root {
  width: 550px;
  display: flex;
  padding: 30px;
  margin: 0 auto;
  overflow: auto;
  color: #F6F6F6;
  align-items: center;
  border-radius: 10px;
  flex-direction: column;
  background-color: #292b2b;
  max-width: calc(100vw - 125px);
  max-height: calc(100vh - 125px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
div.cx-payment-authorization-root > img.celtx-graphic {
  cursor: default;
  max-height: 40px;
  margin-bottom: 12px;
}
div.cx-payment-authorization-root > div.title {
  color: #2FB5B4;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  margin-bottom: 14px;
}
div.cx-payment-authorization-root > div.sub-title {
  color: #d1d1d1;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin-bottom: 20px;
}
div.cx-payment-authorization-root > div.cx-pa-authorize-btn,
div.cx-payment-authorization-root > div.return-to-studio-btn,
div.cx-payment-authorization-root > div.annual-promo-root > div.switch-save-btn {
  height: 40px;
  width: 165px;
  margin: 0 auto;
  font-size: 14px;
  min-height: 40px;
  border-radius: 50px;
  letter-spacing: 0px;
  text-transform: none;
}
div.cx-payment-authorization-root > div.cx-pa-authorize-btn {
  height: 45px;
  width: 155px;
  font-size: 15px;
  min-height: 45px;
  margin-bottom: 10px;
}
div.cx-payment-authorization-root > div.cx-pa-authorize-btn > div.cta-btn-loading {
  width: 26px;
  height: 26px;
}
div.cx-payment-authorization-root > a.need-help,
div.cx-payment-authorization-root > div.no-thanks,
div.cx-payment-authorization-root > div.remind-me-later {
  cursor: pointer;
  text-align: center;
  color: #b9b9b9;
  text-decoration: underline;
}
div.cx-payment-authorization-root > a.need-help {
  margin-bottom: 15px;
}
div.cx-payment-authorization-root > div.close-btn {
  display: flex;
  justify-content: flex-end;
  width: 550px;
}
div.cx-payment-authorization-root > div.close-btn:hover {
  cursor: pointer;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section {
  width: 480px;
  display: flex;
  margin: 0 auto;
  max-width: 100%;
  padding: 15px 25px;
  border-radius: 5px;
  margin-bottom: 25px;
  color: #292D30;
  box-sizing: border-box;
  flex-direction: column;
  background-color: white;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item {
  display: flex;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0px;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item > div.content {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item > div.content > div:last-child {
  margin-left: 5px;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item > div.content > div.action-link {
  color: white;
  font-size: 9px;
  cursor: pointer;
  min-width: 65px;
  font-weight: 700;
  padding: 2px 8px;
  margin-left: 10px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #858585;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.subscription_period > div.content > div:first-child {
  margin-right: 5px;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > hr {
  margin: 5px 0px;
  border-width: 0.5px;
  border-color: #c2c2c2;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo {
  max-height: 18px;
  margin-right: 10px;
  content: url('../img/cart/Branding/Default.png');
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.visa,
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.Visa {
  max-height: 14px;
  content: url('../img/cart/Branding/Visa.png');
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.amex,
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.American.Express {
  max-height: 14px;
  content: url('../img/cart/Branding/Amex.png');
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.discover,
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.Discover {
  max-height: 13px;
  content: url('../img/cart/Branding/Discover.png');
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.unionpay,
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.UnionPay {
  content: url('../img/cart/Branding/UnionPay.png');
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.diners,
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.Diners.Club {
  content: url('../img/cart/Branding/DinersClub.png');
}
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.mastercard,
div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item.payment_method > div.content > div.info > img.logo.MasterCard {
  content: url('../img/cart/Branding/MasterCard.png');
}
div.cx-payment-authorization-root.success:not(.with-annual-promo) {
  padding: 50px;
  width: max-content;
}
div.cx-payment-authorization-root.success:not(.with-annual-promo) > div.title {
  margin-bottom: 25px;
}
div.cx-payment-authorization-root.success > div.annual-promo-root,
div.cx-payment-authorization-root.success > div.annual-promo-root > div.content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
div.cx-payment-authorization-root.success > div.annual-promo-root {
  margin-bottom: 25px;
}
div.cx-payment-authorization-root.success > div.annual-promo-root > div.content {
  margin-bottom: 25px;
}
div.cx-payment-authorization-root.success > div.annual-promo-root > div.content img {
  max-height: 120px;
  margin-bottom: 25px;
}
div.cx-payment-authorization-root.success > div.annual-promo-root > div.content div.desc {
  font-size: 18px;
  max-width: 350px;
  font-weight: 600;
  color: #d1d1d1;
  line-height: 26px;
  text-align: center;
}
div.cx-payment-authorization-root.success > div.annual-promo-root > div.content div.desc > span {
  color: #a45aa3;
}
div.cx-payment-authorization-root.success > div.annual-promo-root > div.switch-save-btn {
  background-color: #a45aa3;
  color: rgba(255, 255, 255, 0.87);
}
div.cx-payment-authorization-root.success > div.annual-promo-root > div.switch-save-btn:hover {
  background-color: #4e2b4e;
}
div.cx-payment-authorization-root.success > div.no-thanks {
  font-size: 14px;
}
@media only screen and (max-width: 650px) {
  div.cx-payment-authorization-root {
    width: max-content;
    overflow-x: hidden;
  }
  div.cx-payment-authorization-root > img.celtx-graphic,
  div.cx-payment-authorization-root > div.title {
    margin-bottom: 15px;
  }
  div.cx-payment-authorization-root > div.title {
    font-size: 24px;
    max-width: 280px;
  }
  div.cx-payment-authorization-root > div.sub-title {
    font-size: 16px;
    max-width: 280px;
  }
  div.cx-payment-authorization-root > div.cx-pa-invoice-info-section {
    max-width: unset;
    border-radius: 0px;
    width: calc(100% + 80px);
    transform: translate(-40px, 0px);
  }
  div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item {
    flex-direction: column;
    justify-content: center;
  }
  div.cx-payment-authorization-root > div.cx-pa-invoice-info-section > div.info-item > div.title {
    margin-bottom: 15px;
    text-decoration: underline;
  }
}
div.cx-pa-payment-info-form {
  margin-top: 10px;
}
div.cx-pa-payment-info-form > div.title {
  display: none;
}
div.cx-pa-payment-info-form > div.payment-form-root {
  margin-bottom: 15px;
}
div.cx-pa-payment-info-form > div.logos {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.cx-pa-payment-info-form > div.logos > img.payment-card-logos {
  max-height: 16px;
  margin-right: 10px;
}
div.cx-pa-payment-info-form > div.logos > img.powered-by-stripe-logo {
  max-height: 18px;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.digital-wallet-container {
  margin-bottom: 20px;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.digital-wallet-container > div.title {
  display: none;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.title {
  display: flex;
  font-size: 14px;
  color: #2FB5B4;
  font-family: 'lato';
  margin-bottom: 12px;
  align-items: baseline;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.title:after {
  content: "";
  flex-grow: 1;
  margin: 0 2px 0 5px;
  border-bottom: 1px solid #2FB5B4;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.title.primary {
  display: none;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.title.primary:after {
  display: none;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root,
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.existing-cards-form-root {
  border: none;
  padding: 0px;
  width: inherit;
  border-radius: 0px;
  background-color: white;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.existing-cards-form-root > div.title {
  display: none;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.existing-cards-form-root > div.card-list {
  max-height: 75px;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.existing-cards-form-root > div.card-list > div.card-container > div.info {
  max-width: calc(100% - 75px);
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.existing-cards-form-root > div.add-new-pm-btn {
  max-width: calc(100% - 59px);
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.existing-cards-form-root.overflow > div.add-new-pm-btn {
  max-width: calc(100% - 67px);
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-number {
  margin-bottom: 15px;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-expiry-date,
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-cvc {
  margin-bottom: 0px;
}
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-number > div.title,
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-expiry-date > div.title,
div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root > div.card-cvc > div.title {
  font-size: 13px;
}
@media only screen and (max-width: 650px) {
  div.cx-pa-payment-info-form > div.title {
    text-align: center;
    text-decoration: underline;
  }
}
@media only screen and (max-width: 500px) {
  div.cx-pa-payment-info-form > div.logos {
    flex-direction: column;
  }
  div.cx-pa-payment-info-form > div.logos > img.payment-card-logos {
    margin-right: 0px;
    margin-bottom: 10px;
    max-width: calc(100vw - 75px);
  }
  div.cx-pa-payment-info-form > div.logos > img.powered-by-stripe-logo {
    max-height: 20px;
  }
  div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > form.credit-card-form-root,
  div.cx-pa-payment-info-form > div.payment-form-root > div.card-form-root > div.existing-cards-form-root {
    width: 100%;
    border: none;
    max-width: unset;
    border-radius: 0px;
    box-sizing: border-box;
  }
}
div.cx-pa-invoice-summary {
  width: 575px;
  padding: 50px;
  overflow: auto;
  font-size: 15px;
  font-weight: 600;
  padding-top: 60px;
  position: relative;
  border-radius: 10px;
  box-sizing: border-box;
  background-color: white;
  max-width: calc(100vw - 45px);
  max-height: calc(100vh - 65px);
}
div.cx-pa-invoice-summary > i {
  top: 20px;
  right: 20px;
  cursor: pointer;
  font-size: 13px;
  position: absolute;
}
div.cx-pa-invoice-summary > div.header {
  display: flex;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  padding-bottom: 10px;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid #a2a2a2;
}
div.cx-pa-invoice-summary > div.header > div.invoice-period {
  font-size: 14px;
  color: #8e8e8e;
}
div.cx-pa-invoice-summary > div.content > div:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}
div.cx-pa-invoice-summary > div.content div.invoice-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div.cx-pa-invoice-summary > div.content div.invoice-item.discount,
div.cx-pa-invoice-summary > div.content div.invoice-item.tax,
div.cx-pa-invoice-summary > div.content div.invoice-item.balance {
  color: #9f9f9f;
}
div.cx-pa-invoice-summary > div.content div.invoice-item.discount > div.title,
div.cx-pa-invoice-summary > div.content div.invoice-item.tax > div.title {
  max-width: 50%;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root:not(:last-child) {
  margin-bottom: 25px;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item:not(:last-child) {
  margin-bottom: 15px;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div {
  display: flex;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title {
  align-items: center;
  align-self: flex-start;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title > div:not(:last-child) {
  margin-right: 5px;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title > div.plan-name {
  color: #2FB5B4;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title > div.plan-type {
  color: white;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #2FB5B4;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.amount {
  align-items: flex-end;
  flex-direction: column;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.amount > div:not(:last-child) {
  margin-bottom: 5px;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.amount > div.unit-price {
  font-size: 14px;
  color: #9f9f9f;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item.plan-tier-item > div.title {
  font-weight: 500;
  margin-left: 20px;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root.addon-item > div.invoice-item > div.title > div.plan-name {
  color: #945CA3;
}
div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root.addon-item > div.invoice-item > div.title > div.plan-type {
  background-color: #945CA3;
}
@media only screen and (max-width: 750px) {
  div.cx-pa-invoice-summary {
    padding: 25px;
  }
  div.cx-pa-invoice-summary > i {
    top: 15px;
    right: 15px;
  }
  div.cx-pa-invoice-summary > div.header {
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  div.cx-pa-invoice-summary > div.header > div.title {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 525px) {
  div.cx-pa-invoice-summary > div.content {
    font-size: 14px;
  }
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title {
    flex-direction: column;
    align-items: flex-start;
  }
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title > div:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 7px;
  }
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title > div.plan-type {
    font-size: 9px;
    padding: 1px 6px;
  }
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.amount > div.unit-price {
    font-size: 12px;
  }
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title > div.user-count,
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item.plan-tier-item > div.title {
    margin-left: 0px;
    position: relative;
    transform: translate(-14px, 0px);
  }
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item > div.title > div.user-count:before,
  div.cx-pa-invoice-summary > div.content > div.plan-items > div.plan-item-root > div.invoice-item.plan-tier-item > div.title:before {
    content: "— ";
    white-space: pre;
    position: absolute;
    color: transparent;
    background-color: white;
  }
}
.go-annual-popup {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 330px;
  display: flex;
  flex-direction: column;
  color: white;
  font-family: 'Lato', sans-serif;
}
.go-annual-popup .go-annual-body {
  background-color: #3c3d3e;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px 20px 0 0;
  padding: 35px 0 60px 0;
  gap: 3px;
  text-align: center;
}
.go-annual-popup .go-annual-body .go-annual-close-button {
  position: absolute;
  top: 4px;
  right: 8px;
  margin: 7px;
  font-size: 22px;
  font-weight: 300;
  font-family: 'proxima-nova', 'sans-serif';
  color: white;
}
.go-annual-popup .go-annual-body .piggy-bank-image {
  margin-bottom: 10px;
  max-height: 94px;
}
.go-annual-popup .go-annual-body .go-annual-header {
  font-size: 28px;
  line-height: 36px;
  max-width: 90%;
  position: relative;
  margin-bottom: 30px;
}
.go-annual-popup .go-annual-body .go-annual-header::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  width: 88px;
  height: 2px;
  background-color: #6C6C6C;
}
.go-annual-popup .go-annual-body .go-annual-caption {
  font-size: 13px;
  max-width: 235px;
  line-height: 23px;
}
.go-annual-popup .go-annual-btn {
  background-color: #a45aa3;
  min-height: 60px;
  color: white;
  font-size: 16px;
  border-radius: 0 0 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.cx-msc-review-and-pay {
  margin: 0 auto;
  margin-top: 75px;
  max-width: 1000px;
  padding-left: 25px;
  padding-right: 25px;
}
div.cx-msc-review-and-pay > div.title {
  font-size: 24px;
  font-weight: 500;
  color: #2FB5B4;
  margin-bottom: 40px;
}
div.cx-msc-review-and-pay > div.content {
  display: flex;
  margin-bottom: 35px;
  justify-content: space-between;
}
div.cx-msc-review-and-pay > div.content > div.price-summary-group {
  transform: translate(0px, 0px);
}
div.cx-msc-review-and-pay > div.change-view-btn {
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
  color: #2FB5B4;
  text-decoration: underline;
}
div.cx-msc-review-and-pay > div.no-thanks-link {
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  margin-bottom: 45px;
  text-decoration: underline;
  color: gray;
}
div.cx-msc-review-and-pay > div.pf-loading {
  width: 125px;
  height: 125px;
  margin: auto;
  fill: #2FB5B4;
}
div.cx-msc-review-and-pay div.cx-price-summary > div.content > div.total-due {
  margin-bottom: 20px;
}
div.cx-msc-review-and-pay.mobile-view {
  margin-top: 40px;
  margin-bottom: 120px;
}
div.cx-msc-review-and-pay.mobile-view > div.pf-loading {
  width: 75px;
  height: 75px;
}
div.cx-msc-review-and-pay.with-embedded-pf {
  margin-bottom: 72px;
}
div.cx-msc-review-and-pay.with-embedded-pf div.ec-mount,
div.cx-msc-review-and-pay.with-embedded-pf div.continue-to-payment-btn {
  margin: auto;
}
div.cx-msc-review-and-pay.with-embedded-pf > div.promo-code-error {
  display: flex;
  font-size: 15px;
  color: #df1b41;
  width: max-content;
  padding: 12px 15px;
  border-radius: 5px;
  align-items: center;
  background-color: #ffd3d3;
  margin: 0 auto;
  margin-bottom: 30px;
}
div.cx-msc-review-and-pay.with-embedded-pf > div.promo-code-error > img {
  max-width: 15px;
  margin-right: 8px;
  content: url("../img/shop/redCross.svg");
}
div.cx-msc-review-and-pay.with-embedded-pf > div.studio-loading {
  margin: auto;
  display: flex;
  font-size: 26px;
  width: max-content;
  align-items: center;
}
div.cx-msc-review-and-pay.with-embedded-pf > div.studio-loading > div.cx-ui-loading {
  width: 35px;
  height: 35px;
  margin-left: 15px;
  fill: #2FB5B4;
}
div.cx-msc-review-and-pay.with-embedded-pf.mobile-view > div.studio-loading {
  width: 100%;
  font-size: 16px;
  flex-direction: column;
}
div.cx-msc-review-and-pay.with-embedded-pf.mobile-view > div.studio-loading > div.cx-ui-loading {
  margin-top: 15px;
  margin-left: 0px;
}
div.cx-msc-review-and-pay.with-embedded-pf.mobile-view > div.change-view-btn.mobile-view {
  margin-top: 35px;
}
div.cx-msc-review-and-pay > div.content > div.payment-form {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  height: calc(100% - 60px);
  justify-content: space-between;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.logos {
  display: flex;
  margin-bottom: 80px;
  align-items: center;
  justify-content: center;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.logos > img.payment-card-logos {
  max-height: 18px;
  margin-right: 10px;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.logos > img.powered-by-stripe-logo {
  max-height: 20px;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-processing-info-root {
  margin-top: -51px;
  margin-bottom: 25px;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc {
  margin-bottom: 80px;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.digital-wallet-container > div.title {
  display: none;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.title {
  display: flex;
  font-size: 15px;
  color: #2FB5B4;
  font-family: 'lato';
  margin-bottom: 12px;
  align-items: baseline;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.title:after {
  content: "";
  flex-grow: 1;
  margin: 0 2px 0 5px;
  border-bottom: 1px solid #2FB5B4;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.title.primary {
  display: block;
  font-size: 16px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #945CA3;
  text-transform: uppercase;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.title.primary:after {
  display: none;
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > form.credit-card-form-root {
  padding: 25px;
  border-radius: 5px;
  border: 2px solid #2FB5B4;
  background-color: rgba(47, 181, 180, 0.1);
}
div.cx-msc-review-and-pay > div.content > div.payment-form > div.payment-btn-root.cx-msc {
  height: 45px;
  font-size: 12px;
}
@media only screen and (max-width: 1050px) {
  div.cx-msc-review-and-pay {
    margin-top: 45px;
  }
  div.cx-msc-review-and-pay > div.title {
    text-align: center;
    margin-bottom: 30px;
  }
  div.cx-msc-review-and-pay > div.content {
    align-items: center;
    flex-direction: column-reverse;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form {
    padding-top: 45px;
    border-top: 1px solid #9D9D9D;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.payment-btn-root.cx-msc {
    width: 300px;
    margin: 0 auto;
  }
  div.cx-msc-review-and-pay > div.content > div.price-summary-group {
    margin-bottom: 45px;
    transform: translate(0px, 0px);
  }
  div.cx-msc-review-and-pay > div.footer {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 515px) {
  div.cx-msc-review-and-pay > div.title {
    font-size: 20px;
    margin-bottom: 25px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.logos {
    margin-bottom: 30px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > form.credit-card-form-root.cx-msc {
    border: none;
    border-radius: 0px;
    width: calc(100% + 50px);
    max-width: calc(100% + 50px);
    transform: translate(-25px, 0px);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > form.credit-card-form-root.cx-msc.ccfrv2 {
    width: calc(100vw - 50px);
    max-width: calc(100vw - 50px);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root {
    border: none;
    padding: 20px;
    border-radius: 0px;
    max-width: calc(100vw - 40px);
    transform: translate(-25px, 0px);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .title {
    margin-left: 0px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list {
    max-height: 90px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .form-radio-btn {
    width: 25px;
    height: 25px;
    margin-left: 0px;
    margin-right: 10px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info {
    padding: 0px;
    width: calc(100% - 60px);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .logo {
    margin-right: 0px;
    background-size: 36px;
    background-position: 13px 8px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .logo.visa {
    background-size: 40px;
    background-position: 10px 13px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .logo.amex {
    background-size: 44px;
    background-position: 8px 14px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .logo.unionpay {
    background-size: 36px;
    background-position: 13px 8px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .logo.discover {
    background-size: 43px;
    background-position: 9px 17px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .logo.diners {
    background-size: 44px;
    background-position: 9px 14px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .logo.mastercard {
    background-size: 36px;
    background-position: 13px 8px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .card-list > .card-container > .info > .details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root > .add-new-pm-btn {
    font-size: 10px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 60px);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.payment-form-root.cx-msc > div.card-form-root > div.existing-cards-form-root.overflow > .add-new-pm-btn {
    width: calc(100% - 68px);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.logos > img.payment-card-logos {
    max-height: calc(100vw * 0.035);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.form-group > div.logos > img.powered-by-stripe-logo {
    max-height: calc(100vw * 0.04);
  }
  div.cx-msc-review-and-pay > div.content > div.payment-form > div.payment-btn-root.cx-msc {
    width: 40%;
    border-radius: 50px;
  }
}
div.esp-subscribe-root__mount-point {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 2000;
  min-height: 100vh;
  max-height: 100vh;
  position: absolute;
  background: #ffffff;
}
div.esp-subscribe-root {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 2010;
  overflow-y: auto;
  padding-top: 125px;
  height: calc(100% - 125px);
  overflow-x: hidden;
  position: absolute;
  background: #ffffff;
  font-family: "lato", sans-serif;
}
div.esp-subscribe-root > div.esp-close-btn {
  top: 0;
  right: 0;
  padding: 25px;
  cursor: pointer;
  position: absolute;
}
div.esp-subscribe-root > div.esp-close-btn::before {
  color: black;
  font-size: 20px;
  content: "\e818";
  vertical-align: top;
  font-family: "celtxicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.esp-subscribe-root > div.header {
  font-size: 34px;
  line-height: 28px;
  font-weight: normal;
  margin: 0 auto;
  width: max-content;
  margin-bottom: 50px;
}
div.esp-subscribe-root > div.survey-cta__container {
  margin: 0 auto;
  width: max-content;
  margin-bottom: 50px;
}
div.esp-subscribe-root > div.ec-mount {
  margin: 0 25px;
}
div.esp-subscribe-root > div.pf-loading {
  width: 125px;
  height: 125px;
  margin: auto;
  fill: #3B3C3D;
}
div.esp-subscribe-root > div.studio-loading {
  margin: auto;
  display: flex;
  font-size: 26px;
  width: max-content;
  align-items: center;
}
div.esp-subscribe-root > div.studio-loading > div.cx-ui-loading {
  width: 35px;
  height: 35px;
  margin-left: 15px;
  fill: #3B3C3D;
}
div.esp-subscribe-root > div.currency-disclaimer-root {
  margin-bottom: 100px;
}
.new-project-fixed {
  z-index: 1040;
  margin-top: 50px;
  left: 0!important;
  margin-left: auto;
  margin-right: auto;
  position: relative!important;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInDown !important;
  animation-name: slideInDown !important;
}
.new-project-fixed .new-project-close-button {
  display: none;
}
.goog-menu.goog-menu-vertical.new-project-episode-select-list {
  z-index: 9999999;
}
.modal-dialog.modal-newproject {
  background-color: transparent;
  height: 550px;
  width: 645px !important;
  top: 15% !important;
  box-shadow: none !important;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-font-smoothing: subpixel-antialiased;
}
.modal-newscreenplayproject.modal-dialog.modal-newproject,
.modal-newgemproject.modal-dialog.modal-newproject {
  width: 650px !important;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.modal-dialog.modal-newproject .modal-dialog-content {
  height: 395px !important;
  max-height: 395px !important;
  background-color: #151515;
  border-radius: 8px;
  box-sizing: inherit;
}
.modal-newscreenplayproject.modal-dialog.modal-newproject .modal-dialog-content,
.modal-newgemproject.modal-dialog.modal-newproject .modal-dialog-content {
  background: #151515;
}
.modal-dialog.modal-newproject .modal-dialog-buttons,
.modal-dialog.modal-newproject .modal-dialog-title-close {
  display: none;
}
.modal-dialog.modal-newproject .team-share-checkbox-label,
.modal-dialog.modal-newproject .team-share-checkbox {
  cursor: pointer;
}
.modal-dialog.modal-newproject .modal-dialog-title {
  border: none;
  text-align: center;
  background: transparent;
  cursor: default!important;
  height: auto!important;
  padding-left: 0!important;
}
.modal-dialog.modal-newproject .modal-dialog-title-text {
  text-transform: none !important;
  font-size: 40px!important;
  letter-spacing: -1px;
  overflow: initial !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0!important;
  overflow: visible!important;
  text-overflow: inherit;
  color: black;
}
.modal-dialog.modal-newproject .new-project-title {
  color: #2FB5B4;
  font-size: 26px;
  text-align: center;
  font-weight: normal;
  letter-spacing: normal;
  margin-top: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-dialog.modal-newproject .new-project-title.new-project-attention {
  -webkit-animation-duration: 0.6s !important;
  animation-duration: 0.6s !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
  -webkit-animation-name: bounce !important;
  animation-name: bounce !important;
  -webkit-transform-origin: center bottom !important;
  transform-origin: center bottom !important;
}
.modal-dialog.modal-newproject .new-project-flavor {
  color: #d4d4d4;
  font-weight: normal;
  letter-spacing: normal;
  text-align: center;
  font-size: 13px;
}
.modal-dialog.modal-newproject .project-name-title,
.modal-dialog.modal-newproject .project-name-adapt-title {
  color: #2FB5B4;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: normal;
  margin-bottom: 10px;
}
.modal-dialog.modal-newproject .project-name-upload-title {
  font-size: 16px;
}
.modal-dialog.modal-newproject .project-name-upload-flavor-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.modal-dialog.modal-newproject .project-name-upload-button-container {
  margin-top: 15px;
}
.modal-dialog.modal-newproject .project-name-flavor,
.modal-dialog.modal-newproject .project-name-upload-flavor,
.modal-dialog.modal-newproject .project-name-adapt-flavor {
  color: #F6F6F6;
  font-weight: normal;
  letter-spacing: normal;
  display: inline-block;
}
.modal-dialog.modal-newproject .project-name-input {
  border: none;
  padding: 8px;
  font-size: 16px;
  font-family: "lato", sans-serif;
  width: 423px;
}
.modal-dialog.modal-newproject .project-name-input::placeholder {
  color: #b1b1b1;
  font-family: "lato", sans-serif;
  font-style: italic;
  font-size: 13px;
}
.modal-dialog.modal-newproject .project-name-input.input-error {
  border: solid 1px #b94a48;
}
.modal-dialog.modal-newproject .project-name-input.input-error::placeholder {
  color: #b94a48;
}
.modal-dialog.modal-newproject .project-name {
  padding-right: 15px;
}
.modal-dialog.modal-newproject .project-name-input-label {
  display: none;
}
.modal-dialog.modal-newproject .project-name-input-container {
  margin-top: 20px;
  display: flex;
}
.modal-dialog.modal-newproject .project-name-error {
  color: #FF7575;
  height: 20px;
  text-align: center;
}
.modal-dialog.modal-newproject .project-episodes-error {
  color: #FF7575;
  text-align: center;
}
.modal-dialog.modal-newproject .divider {
  width: 242px;
  border-top: 1px solid;
  display: inline-block;
  vertical-align: super;
}
.modal-dialog.modal-newproject .divider-text {
  font-size: 16px;
  padding: 0 10px;
}
.modal-dialog.modal-newproject .project-name-header-text {
  margin-top: 25px;
}
.modal-dialog.modal-newproject .project-name-upload-container {
  margin-top: 10px;
}
.modal-dialog.modal-newproject .project-name-upload-title {
  margin-bottom: 5px;
}
.modal-dialog.modal-newproject .project-name-main-container {
  margin-left: 34px;
  width: 530px;
  display: block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  position: relative;
  height: 365px;
}
.modal-dialog.modal-newproject .new-project-main-container {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.modal-dialog.modal-newproject .project-name-wizard-controls {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-left: 20px;
}
.modal-newscreenplayproject.modal-dialog.modal-newproject .project-name-wizard-controls,
.modal-newgemproject.modal-dialog.modal-newproject .project-name-wizard-controls {
  bottom: 20px;
}
.modal-dialog.modal-newproject .project-name-adapt-select {
  margin: 10px 0 0 0 !important;
  display: inline-block;
}
.modal-dialog.modal-newproject .new-project-close-button {
  color: #c5c5c5;
  position: absolute;
  top: 15px;
  right: 17px;
  cursor: pointer;
}
.modal-dialog.modal-newproject .project-name-upload-button:focus {
  outline: revert;
}
.modal-dialog.modal-newproject .btn.project-name-upload-button[disabled] {
  color: #000 !important;
  background: #fff !important;
}
.modal-dialog.modal-newproject .new-project-episode-select-list {
  background: rgba(72, 74, 93, 0.9) !important;
  border: none !important;
  overflow-y: auto !important;
  z-index: 9999999 !important;
}
.modal-dialog.modal-newproject .new-project-episode-select-list .goog-menuitem-content {
  color: #cec7c7 !important;
}
.modal-dialog.modal-newproject .project-name-previous-button {
  margin-bottom: 15px;
  border-radius: 6px;
  border: none;
  width: auto;
  font-size: 14px;
  margin-top: 30px;
  box-shadow: none;
  margin-left: -87px;
  text-shadow: none;
}
.modal-dialog.modal-newproject .project-name-file-uploaded-text,
.modal-dialog.modal-newproject .project-name-file-adapt-uploaded-text {
  display: inline-block;
  color: #F6F6F6;
}
.modal-dialog.modal-newproject .project-name-file-uploaded-text:before,
.modal-dialog.modal-newproject .project-name-file-adapt-uploaded-text:before {
  content: '\e801';
  font-family: celtxicons;
  margin-right: 5px;
}
.modal-dialog.modal-newproject .project-name-file-error-text,
.modal-dialog.modal-newproject .project-name-file-adapt-error-text {
  display: inline-block;
  color: #da9c3e;
  margin-top: 5px;
}
.modal-dialog.modal-newproject .project-name-file-error-text:before,
.modal-dialog.modal-newproject .project-name-file-adapt-error-text:before {
  content: '\e89b';
  font-family: celtxicons;
  margin-right: 5px;
}
.modal-dialog.modal-newproject .project-name-create-button {
  margin-bottom: 15px;
  border-radius: 6px;
  border: none;
  float: right;
  width: auto;
  font-size: 14px;
  margin-top: 30px;
  margin-right: -20px;
  text-shadow: none;
  animation: pulse 2s infinite;
}
.modal-dialog.modal-newproject .project-name-team-share-checkbox-container {
  display: flex;
  align-items: center;
  padding: 20px 0;
  color: #F6F6F6;
}
.modal-dialog.modal-newproject .project-name-team-share-checkbox-container .team-share-checkbox {
  margin-right: 10px;
}
.modal-dialog.modal-newproject .project-name-team-share-checkbox-container .goog-checkbox-checked {
  position: relative;
  background: #2FB5B4;
}
.modal-dialog.modal-newproject .project-name-team-share-checkbox-container .goog-checkbox-checked:before {
  content: "\e801";
  margin-top: -3px;
  font-family: celtxicons;
  font-size: 9px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}
.modal-dialog.modal-newproject .project-name-team-share-checkbox-container .goog-checkbox-unchecked {
  background: #F6F6F6;
}
.modal-dialog.modal-newproject .project-block-image {
  width: 100px;
  height: 98px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}
.modal-dialog.modal-newproject .project-block-image:hover,
.modal-dialog.modal-newproject .project-block-image:focus {
  outline: none;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: saturate(3) blur(0);
  filter: saturate(3) blur(0);
}
.modal-dialog.modal-newproject .hidden {
  display: none!important;
}
.modal-dialog.modal-newproject .modal-dialog-content {
  overflow: hidden !important;
}
.modal-dialog.modal-newproject #film-tv-image {
  background-image: url('../img/new-project/film_video_project.png');
}
.modal-dialog.modal-newproject #video-image,
.modal-dialog.modal-newproject #video-v2-image {
  background-image: url('../img/new-project/web_video_project.png');
}
.modal-dialog.modal-newproject #video-v2-image {
  position: relative;
}
.modal-dialog.modal-newproject #stageplay-image {
  background-image: url('../img/new-project/stageplay_project.png');
}
.modal-dialog.modal-newproject #audio-image {
  background-image: url('../img/new-project/audioplay_project.png');
}
.modal-dialog.modal-newproject #vr-gaming-image,
.modal-dialog.modal-newproject #vr-gaming-v2-image {
  background-image: url('../img/new-project/game_vr_project.png');
  height: 105px;
  margin-top: -7px;
}
.modal-dialog.modal-newproject #comic-book-image {
  background-image: url('../img/new-project/comicbook_project.png');
}
.modal-dialog.modal-newproject #sample-project-image {
  background-image: url('../img/new-project/guided-tour-project.png');
}
.modal-dialog.modal-newproject .project-block-main-container-one-row-padding {
  margin: 50px 20px 30px 20px !important;
}
.modal-dialog.modal-newproject .project-block-main-container {
  display: inline-block;
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 30px;
  cursor: pointer;
  width: 155px;
  vertical-align: top;
}
.modal-dialog.modal-newproject .project-block-main-container.disabled {
  cursor: default;
}
.modal-dialog.modal-newproject .project-block-main-container.disabled .project-block-image:hover,
.modal-dialog.modal-newproject .project-block-main-container.disabled .project-block-image:focus {
  -webkit-filter: initial;
  filter: initial;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.modal-dialog.modal-newproject .project-block-text {
  color: #F6F6F6;
  margin-top: 10px;
  font-weight: normal;
  text-align: center;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-dialog.modal-newproject .project-block-text :hover {
  color: #35D4D2;
}
.modal-dialog.modal-newproject .project-block-text :active {
  color: #1FA3A2;
}
.modal-dialog.modal-newproject .new-project-picker-container {
  display: block;
  text-align: center;
  width: 593px;
  margin: 40px auto;
}
.modal-dialog.modal-newproject .minimalistselect {
  border-radius: 15px;
  border: none;
  font-weight: normal;
  padding: 8px;
  font-size: 16px;
  background-color: #868686 !important;
  color: #F6F6F6 !important;
  margin-top: -8px !important;
}
.modal-dialog.modal-newproject .minimalistselect.new-project-episode-select {
  margin-left: 20px !important;
}
.modal-dialog.modal-newproject .minimalistselect.new-project-adapt-select {
  width: 260px;
}
.modal-dialog.modal-newproject .tabber-contents {
  border: none!important;
  background: transparent;
  padding-top: 0px;
}
.modal-dialog.modal-newproject .tabber-tab.active a {
  background-color: #4fc0e8;
  border-radius: 5px;
  border: none;
}
.modal-dialog.modal-newproject .tabber-tab {
  width: 88px;
  margin-bottom: -15px !important;
}
.modal-dialog.modal-newproject .tabber-tabs {
  display: inline-block;
  vertical-align: top;
  border-bottom: none;
  background-color: #3c4952;
  width: 105px;
  margin-left: -26px;
  padding-right: 0px;
}
.modal-dialog.modal-newproject .tabber-tabs a:not(.btn),
.modal-dialog.modal-newproject .tabber-tabs a:not(.btn):link,
.modal-dialog.modal-newproject .tabber-tabs a:not(.btn):visited {
  color: #99a1a5;
}
.modal-dialog.modal-newproject .tabber-tabs a:not(.btn):hover {
  color: #99a1a5;
}
.modal-dialog.modal-newproject .tabber-vertical .tabber-tab {
  margin: 20px;
}
.modal-dialog.modal-newproject .tabber-vertical .nav-tabs > li > a:hover {
  border-color: transparent;
}
.modal-dialog.modal-newproject .tabber-vertical .tabber-tab.active a {
  border: 0;
  font-weight: normal;
  color: #56b6b7;
  background-color: #22232d;
  border-radius: 5px;
  border: none;
}
.tasks-container {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.tasks-container .task-disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
}
.tasks-container .task-disabled .task-text-container:before {
  content: '\e850';
  margin-right: 5px;
  font-family: celtxicons;
}
.tasks-container .task-image-container {
  width: 35px;
  height: 25px;
  margin-bottom: 5px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.tasks-container .tasks-inner-container {
  width: 600px;
  margin-top: 35px;
}
.tasks-container .tasks-container-title {
  color: #56b7b8;
  font-size: 26px;
  text-align: center;
  font-weight: lighter;
  letter-spacing: normal;
  margin-top: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.tasks-container #movie-image {
  background-image: url('../img/new-project/tasks/task-movie.png');
}
.tasks-container #tv-series-image {
  background-image: url('../img/new-project/tasks/task-series.png');
}
.tasks-container #ad-image {
  background-image: url('../img/new-project/tasks/task-advert.png');
}
.tasks-container #storyboard-image {
  background-image: url('../img/new-project/tasks/task-storyboard.png');
}
.tasks-container #breakdown-image {
  background-image: url('../img/new-project/tasks/task-breakdown.png');
}
.tasks-container #shotlist-image {
  background-image: url('../img/new-project/tasks/task-shotlist.png');
}
.tasks-container #schedule-image {
  background-image: url('../img/new-project/tasks/task-schedule.png');
}
.tasks-container #budget-image {
  background-image: url('../img/new-project/tasks/task-budget.png');
}
.tasks-container .task-main-container {
  display: inline-block;
  margin-left: 25px;
  font-weight: lighter;
  width: 165px;
  margin-bottom: 55px;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 0px 0px #298eb3;
  -moz-box-shadow: 0px 0px 0px 0px #298eb3;
  box-shadow: 0px 0px 0px 0px #298eb3;
  transition: box-shadow 0.2s ease-in-out;
}
.tasks-container .task-main-container:hover {
  background-color: #20212b;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 15px -2px #298eb3;
  -moz-box-shadow: 0px 0px 15px -2px #298eb3;
  box-shadow: 0px 0px 15px -2px #298eb3;
}
.tasks-container .task-text-container {
  color: #e4f7ff;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 8px;
  font-family: Lato, sans-serif;
}
@media (max-width: 767px) {
  .modal-newproject {
    height: initial !important;
    overflow: initial !important;
    overflow-y: visible;
  }
  .modal-newproject .new-project-title {
    line-height: 27px;
  }
  .modal-newproject .tabber-contents {
    width: 100% !important;
    margin-left: 0;
  }
  .modal-newproject .tabber-tabs {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    margin-left: 0px;
  }
  .modal-newproject .tabber-tab {
    margin-top: 12px!important;
    margin-bottom: 12px!important;
    margin-top: 12px;
    display: inline-block !important;
  }
  .modal-newproject .tabber-tab span {
    font-size: 16px;
  }
  .modal-newproject .tasks-container .tasks-container-title {
    margin-left: 0;
    line-height: 30px;
  }
  .modal-newproject .tasks-container .tasks-inner-container {
    width: auto;
  }
  .modal-newproject .tasks-container .tasks-inner-container .task-main-container {
    margin-left: 0;
  }
  .modal-newproject .modal-dialog-title {
    display: none;
  }
  .modal-newproject .modal-dialog-content {
    height: initial !important;
    max-height: initial !important;
    background: none;
  }
  .modal-newproject .modal-dialog-content .project-name-main-container {
    margin-left: 0;
    width: initial;
  }
  .modal-newproject .modal-dialog-content .project-name-main-container .project-name-previous-button {
    margin-left: 0;
    margin-top: 35px;
    float: initial;
  }
  .modal-newproject .modal-dialog-content .project-name-main-container .project-name-create-button {
    margin-right: 10px;
  }
  .modal-newproject.new-project-fixed {
    margin-top: 0px;
    position: initial !important;
  }
}
@media (max-width: 450px) {
  .modal-newproject .tasks-container {
    width: 540px;
  }
  .modal-newproject .tasks-container .tasks-container-title {
    text-align: justify;
  }
  .modal-newproject .tasks-container .tasks-inner-container {
    width: 385px;
  }
}
@media (max-width: 396px) {
  .modal-newproject .new-project-picker-container {
    margin-top: 8px;
  }
  .modal-newproject .new-project-picker-container .project-block-main-container {
    margin-right: 0;
    width: 134px;
  }
  .modal-newproject .project-name-main-container .project-name-title {
    line-height: 25px;
  }
  .modal-newproject .project-name-main-container .project-name-input-container .minimalistselect {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .modal-newproject .project-name-main-container .project-name-wizard-controls {
    bottom: -15px;
  }
  .modal-newproject .tabber-contents {
    padding-left: 0;
  }
  .modal-newproject .tabber-contents .tasks-container .tasks-container-title {
    font-size: 23px;
  }
  .modal-newproject .tabber-contents .tasks-container .tasks-inner-container {
    margin-top: 20px;
  }
  .modal-newproject .tabber-contents .tasks-container .tasks-inner-container .task-main-container {
    margin-bottom: 30px;
    width: 134px;
  }
}
.goog-date-picker {
  padding: 8px 8px 8px 7px;
  background-color: whiteSmoke;
  border: 1px solid #EEE;
  width: 100%;
}
.goog-date-picker button {
  color: #049cdb;
}
.goog-date-picker-wkend-start,
.goog-date-picker-wkend-end {
  background: #d5e8f0;
}
.goog-date-picker > table td {
  width: 12.5%;
}
.goog-date-picker > table th[role="rowheader"] {
  width: 0;
}
td.goog-date-picker-selected {
  background: #96cce2;
}
button {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
button.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
button.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
button.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
button:active {
  background: #1FA3A2 !important;
  outline: none;
}
.modal-dialog {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.modal-dialog {
  background-color: #3b3d3e;
}
.modal-dialog a.btn {
  color: inherit;
  text-decoration: none;
}
.modal-dialog a.btn:hover {
  text-decoration: none;
}
.modal-dialog a.btn.btn-primary,
.modal-dialog a.btn.btn-success,
.modal-dialog a.btn.btn-danger,
.modal-dialog a.btn.btn-warning,
.modal-dialog a.btn.btn-info {
  color: white;
}
.modal-dialog a.btn.btn-cta-secondary {
  color: #f7612c;
}
.modal-dialog a:not(.btn) {
  color: #2FB5B4;
}
.modal-dialog a:not(.btn):hover {
  color: #35D4D2;
}
.modal-dialog a.gray {
  color: gray;
}
.modal-dialog .nav-tabs > .active > a {
  color: #555;
}
.modal-dialog.has-x .modal-dialog-title span.modal-dialog-title-close {
  cursor: pointer;
  background-image: none !important;
  background: transparent;
  filter: none;
  display: inline !important;
}
.modal-dialog.has-x .modal-dialog-title span.modal-dialog-title-close::before {
  content: '\e818';
  font-family: "celtxicons";
  background: none;
  color: white;
  font-size: 10px;
  vertical-align: top;
}
.goog-toolbar {
  padding: 5px 20px !important;
  min-height: 24px;
  background: none;
  background-color: #636465 !important;
  background-image: none !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.goog-toolbar:before,
.goog-toolbar:after {
  display: table;
  content: "";
}
.goog-toolbar:after {
  clear: both;
}
.goog-toolbar .goog-toolbar-menu-button-dropdown {
  background: none;
}
.goog-toolbar .goog-toolbar-menu-button-dropdown:before {
  content: '\e829' !important;
  font-family: celtxicons !important;
  font-size: 8px !important;
}
.goog-toolbar .goog-toolbar-menu-button-open .goog-toolbar-menu-button-dropdown:before {
  content: '\e898' !important;
}
.goog-toolbar .goog-toolbar-button,
.goog-toolbar .goog-toolbar-menu-button {
  color: #fff;
  background-color: #3B3D3E;
  padding: 2px;
  margin: 4px;
}
.goog-toolbar .goog-toolbar-button.goog-toolbar-button-disabled,
.goog-toolbar .goog-toolbar-menu-button.goog-toolbar-button-disabled {
  background-color: #525455;
  opacity: 1;
}
.goog-toolbar .goog-toolbar-button-disabled .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-button-disabled .goog-toolbar-button-inner-box {
  color: grey !important;
}
.goog-toolbar .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
  border: none !important;
  cursor: pointer;
}
.goog-toolbar .goog-toolbar-menu-button-active,
.goog-toolbar .goog-toolbar-menu-button-open,
.goog-toolbar .goog-toolbar-button-active,
.goog-toolbar .goog-toolbar-button-open,
.goog-toolbar .goog-toolbar-button-checked,
.goog-toolbar .goog-toolbar-menu-button-checked {
  background-color: #3BBEB5 !important;
}
.goog-toolbar .goog-toolbar-menu-button-active .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-menu-button-open .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-button-open .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-menu-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar .goog-toolbar-menu-button-active .goog-toolbar-button-inner-box,
.goog-toolbar .goog-toolbar-menu-button-open .goog-toolbar-button-inner-box,
.goog-toolbar .goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar .goog-toolbar-button-open .goog-toolbar-button-inner-box,
.goog-toolbar .goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar .goog-toolbar-menu-button-checked .goog-toolbar-button-inner-box {
  border: none !important;
}
.modal-dialog-buttons,
.modal-dialog-content {
  background-color: #3b3d3e;
}
.modal-dialog-buttons button[name="no"],
.modal-dialog-content button[name="no"] {
  margin-right: 5px;
  background-color: #676868;
  color: white;
  box-shadow: none;
}
.modal-dialog-content {
  color: #FFFFFE;
  overflow-y: auto;
  min-height: 100px;
  box-sizing: border-box;
}
.modal-dialog-content:before,
.modal-dialog-content:after {
  display: table;
  content: "";
}
.modal-dialog-content:after {
  clear: both;
}
.modal-dialog-content:before,
.modal-dialog-content:after {
  display: none;
}
.modal-dialog-bg {
  position: fixed;
  padding: 5px;
}
.goog-popupcolorpicker {
  z-index: 1010;
}
.ac-row {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: 1px solid transparent;
}
.ac-active {
  background-color: #2FB5B4;
  color: #fff;
}
.goog-inline-block {
  vertical-align: middle;
}
.ac-renderer {
  z-index: 100000000000000000000;
}
.goog-menu.goog-menu-vertical {
  background: #1b1c1a;
  color: #C8C7C2;
  max-height: 300px;
  overflow-y: auto;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border: none !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0;
}
.goog-menu.goog-menu-vertical .goog-menuitem-content {
  color: #C8C7C2 !important;
}
.goog-menu.goog-menu-vertical .goog-menuitem-checkbox {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
.goog-menu.goog-menu-vertical .goog-menuitem.goog-menuitem-highlight {
  background: #2C2D2B;
  border-color: transparent!important;
}
.goog-menu.goog-menu-vertical .goog-menuitem.goog-menuitem-highlight .goog-menuitem-content {
  color: white !important;
}
.goog-menu-extended-full {
  width: 100%;
}
.goog-menu-extended-full .goog-menu-button-outer-box,
.goog-menu-extended-full .goog-menu-button-inner-box {
  box-sizing: border-box;
  width: 100%;
}
.goog-menu-extended-full .goog-menu-button-dropdown {
  float: right;
}
.goog-menu-button {
  background: #fafafa !important;
  margin: 0 6px 0 0!important;
}
.goog-menu-button-outer-box,
.goog-menu-button-inner-box {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
}
.tr-bold {
  font-family: "celtxicons";
}
.tr-icon.tr-bold:before {
  content: '\e810';
}
.tr-italic {
  font-family: "celtxicons";
}
.tr-icon.tr-italic:before {
  content: '\e847';
}
.tr-underline {
  font-family: "celtxicons";
}
.tr-icon.tr-underline:before {
  content: '\e891';
}
.tr-undo,
.tr-redo {
  font-family: "celtxicons";
}
.tr-icon.tr-undo:before {
  content: "\e893";
}
.tr-icon.tr-redo:before {
  content: "\e875";
}
.tr-icon.tr-strikeThrough:before {
  content: "\f0cc";
}
.tr-icon.tr-justifyLeft:before {
  content: "\f036";
}
.tr-icon.tr-justifyCenter:before {
  content: "\f037";
}
.tr-icon.tr-justifyRight:before {
  content: "\f038";
}
.tr-icon.tr-insertUnorderedList:before {
  content: "\f0ca";
}
.tr-icon.tr-insertOrderedList:before {
  content: "\f0cb";
}
.tr-icon.tr-indent:before {
  content: "\f03c";
}
.tr-icon.tr-outdent:before {
  content: "\f03b";
}
.goog-toolbar.darktoolbar,
.darktoolbar {
  border-width: 1px;
  border-style: solid;
  color: #f2f2f2 !important;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  background-color: rgba(77, 77, 77, 0.974) !important;
  background-image: -moz-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: -ms-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(82, 82, 82, 0.99)), to(rgba(69, 69, 69, 0.95))) !important;
  background-image: -webkit-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: -o-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), inset 0 -1px 3px -1px rgba(255,255,255,0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), inset 0 -1px 3px -1px rgba(255,255,255,0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), inset 0 -1px 3px -1px rgba(255,255,255,0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.goog-toolbar.darktoolbar [class^="icon-"],
.darktoolbar [class^="icon-"],
.goog-toolbar.darktoolbar [class*=" icon-"],
.darktoolbar [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}
.goog-toolbar.darktoolbar .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.darktoolbar .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar.darktoolbar .goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.darktoolbar .goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.goog-toolbar.darktoolbar .goog-toolbar-separator,
.darktoolbar .goog-toolbar-separator {
  border-left: 1px solid #555 !important;
  border-right: 1px solid #777 !important;
}
.goog-tooltip {
  background: white;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.goog-palette-body {
  background: #ffffff;
}
.goog-palette-cell {
  border-color: transparent;
  background: white;
  padding: 0px;
}
.palettecolorpicker .goog-palette-colorswatch {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.palettecolorpicker .goog-palette-cell {
  padding: 0;
  border: 0 solid transparent;
}
.palettecolorpicker .goog-palette-cell:first-child {
  padding-left: 4px;
}
.palettecolorpicker .goog-palette-cell:last-child {
  padding-right: 4px;
}
.palettecolorpicker .goog-palette-row:first-child .goog-palette-cell {
  padding-top: 4px;
  padding-bottom: 4px;
}
.palettecolorpicker .goog-palette-row:last-child .goog-palette-cell {
  padding-top: 4px;
  padding-bottom: 4px;
}
.nav-tabs {
  margin-bottom: 0;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.nav-tabs .active {
  font-weight: bold;
}
dd {
  margin-left: 0;
  margin-bottom: 5px;
}
.label-alert {
  background-color: red;
}
.label-alert:hover {
  background-color: #cc0000;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visually-hidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px);
  /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%);
  /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}
.visible-phone {
  display: none !important;
}
.visible-phone.ib,
.visible-phone.ibmid {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.visible-tablet.ib,
.visible-tablet.ibmid {
  display: none !important;
}
.visible-desktop {
  display: block !important;
}
.visible-desktop.ib,
.visible-desktop.ibmid {
  display: inline-block !important;
}
.hidden-phone {
  display: block !important;
}
.hidden-phone.ib,
.hidden-phone.ibmid {
  display: inline-block !important;
}
.hidden-tablet {
  display: block !important;
}
.hidden-tablet.ib,
.hidden-tablet.ibmid {
  display: inline-block !important;
}
.hidden-desktop {
  display: none !important;
}
.hidden-desktop.ib,
.hidden-desktop.ibmid {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-phone {
    display: block !important;
  }
  .visible-phone.ib,
  .visible-phone.ibmid {
    display: inline-block !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-phone.ib,
  .hidden-phone.ibmid {
    display: none !important;
  }
  .hidden-desktop {
    display: block !important;
  }
  .hidden-desktop.ib,
  .hidden-desktop.ibmid {
    display: inline-block !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-desktop.ib,
  .visible-desktop.ibmid {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: block !important;
  }
  .visible-tablet.ib,
  .visible-tablet.ibmid {
    display: inline-block !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-tablet.ib,
  .hidden-tablet.ibmid {
    display: none !important;
  }
  .hidden-desktop {
    display: block !important;
  }
  .hidden-desktop.ib,
  .hidden-desktop.ibmid {
    display: inline-block !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-desktop.ib,
  .visible-desktop.ibmid {
    display: none !important;
  }
}
.btn-dark-text,
.btn-dark-text:hover {
  color: #333 !important;
}
.btn.disabled:hover {
  cursor: default;
}
.btn-group.single .btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn-dark {
  background-image: -moz-linear-gradient(top, #344950, #3e5760);
  background-image: -ms-linear-gradient(top, #344950, #3e5760);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#344950), to(#3e5760));
  background-image: -webkit-linear-gradient(top, #344950, #3e5760);
  background-image: -o-linear-gradient(top, #344950, #3e5760);
  background-image: linear-gradient(top, #344950, #3e5760);
  background-repeat: repeat-x;
  border-color: #3e5760 #3e5760 #202d32;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #344950;
  color: white;
  text-shadow: none;
}
.btn-dark:hover,
.btn-dark:active,
.btn-dark.active {
  background: #384f57 !important;
  cursor: pointer;
  cursor: hand;
}
.btn-dark:active,
.btn-dark.active {
  background: #2a3b41 \9;
}
.dropdown-menu.right {
  right: 0;
  left: auto;
}
.dropdown-menu.right a {
  text-align: right;
}
.dropdown-menu .disabled {
  color: #999;
}
.dropdown-menu .disabled:hover {
  background: #eee;
  color: #999;
}
.alert-grey {
  background-color: #f6f6f6;
  border-color: #d5d5d5;
  color: #555;
}
.fade {
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -ms-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
a:hover {
  cursor: hand;
  cursor: pointer;
}
.alert a {
  color: #31bdbc;
  text-decoration: underline;
}
.btn-flat {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: inherit;
  border-color: transparent;
  cursor: pointer;
  color: #2FB5B4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  color: white;
  border: 1px solid white;
}
.btn-flatlight {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: inherit;
  border-color: transparent;
  cursor: pointer;
  color: #2FB5B4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.imagethumbnail-img {
  position: relative;
  display: block;
}
.imagethumbnail-loading {
  background: #ffffff url(../img/loading-big.gif) center center no-repeat;
  position: absolute;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.imagethumbnail-name {
  position: absolute;
  z-index: 9;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: none;
}
.imagethumbnail-remove {
  position: absolute;
  z-index: 9;
  top: 2%;
  right: 2%;
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
  color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #ee5f5b;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 3px 4px;
  line-height: 1;
  display: block;
  font-size: 14px;
  vertical-align: middle;
  display: none;
}
.imagethumbnail-remove.btn-plain {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  padding: 4px 8px 4px;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
.imagethumbnail-remove.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
.imagethumbnail-remove.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
.imagethumbnail-remove:active {
  background: #1FA3A2 !important;
  outline: none;
}
.imagethumbnail-remove *[class^="icon-"] {
  margin-top: -1px;
}
.imagethumbnail-remove.btn-plain {
  text-shadow: none;
}
.imagethumbnail-remove:hover,
.imagethumbnail-remove:active,
.imagethumbnail-remove.active {
  background: #da4f49 !important;
  cursor: pointer;
  cursor: hand;
}
.imagethumbnail-remove:active,
.imagethumbnail-remove.active {
  background: #942a25 \9;
}
.imagethumbnail-remove:focus {
  background: #FF6052 !important;
  outline: none;
}
.imagethumbnail-remove:active {
  background: #ff4938 !important;
  outline: none;
}
.imagethumbnail-remove .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.imagethumbnail-remove:hover {
  display: block;
}
.imagethumbnail-name-text {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 18px;
  font-size: 12px;
  text-align: left;
  padding: 3px 6px;
}
.imagethumbnail {
  background: transparent;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 120px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  margin: 0 10px 10px 0;
  position: relative;
}
.imagethumbnail:hover .imagethumbnail-name {
  display: block;
}
.imagethumbnail:hover .imagethumbnail-remove {
  display: block;
}
.imagethumbnail-clickable {
  cursor: hand;
  cursor: pointer;
}
.img-cover {
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.tealuser-img.sm {
  background: url("../img/tealuser_sm.png") no-repeat top left;
  background-size: 20px;
  padding: 0 0 0 27px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
}
.scenes-img.sm {
  background: url("../img/scenes_sm.png") no-repeat top left;
  background-size: 20px;
  padding: 0 0 0 24px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
  margin-left: -3px;
}
.workspace-green.sm {
  background: url("../img/workspace_green.png") no-repeat top left;
  background-size: 20px;
  padding: 0 0 0 24px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
  margin-left: -3px;
}
.workspace-grey.sm {
  background: url("../img/grey.png") no-repeat top left;
  background-size: 20px;
  padding: 0 0 0 24px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
  margin-left: -3px;
}
.addbuddy-img {
  background: url("../img/addbuddy.png") no-repeat top left !important;
  background-size: 26px 20px !important;
  padding: 0 0 0 5px;
  width: 26px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
}
.starblue-img.sm {
  background: url("../img/star-blue_sm.png") no-repeat top left;
  background-size: 20px;
  padding: 0 0 0 24px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
  margin-left: -4px;
}
.exclaim-img {
  background: url("../img/exclaim.png") no-repeat top left;
  background-size: 40px;
  padding: 0 0 0 40px;
  min-height: 40px;
  background-position: 0 center !important;
  display: inline-block;
}
.logoblack {
  background: url("../img/celtxLogoBlack.svg") no-repeat top left !important;
  background-size: 150px 62px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 62px;
  background-position: 0 center !important;
  display: inline-block;
}
.logoblack-sm {
  background: url("../img/celtxLogoBlack.svg") no-repeat top left !important;
  background-size: 100px 41px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 41px;
  background-position: 0 center !important;
  display: inline-block;
}
.logowhite {
  background: url("../img/celtxLogoWhite.svg") no-repeat top left !important;
  background-size: 150px 62px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 62px;
  background-position: 0 center !important;
  display: inline-block;
}
.logowhite-sm {
  background: url("../img/celtxLogoWhite.svg") no-repeat top left !important;
  background-size: 100px 41px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 41px;
  background-position: 0 center !important;
  display: inline-block;
}
.logowhite-tiny {
  background: url("../img/celtxLogoWhite.svg") no-repeat top left !important;
  background-size: 51px 21px !important;
  padding: 0 0 0 0;
  width: 51px;
  min-height: 21px;
  background-position: 0 center !important;
  display: inline-block;
}
.logoforteamswhite {
  background: url("../img/logoforteamswhite.png") no-repeat top left !important;
  background-size: 93px 62px !important;
  padding: 0 0 0 0;
  width: 93px;
  min-height: 62px;
  background-position: 0 center !important;
  display: inline-block;
}
.logoforteamsblack-big {
  background: url("../img/logoforteamsblack.png") no-repeat top left !important;
  background-size: 150px 100px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 100px;
  background-position: 0 center !important;
  display: inline-block;
}
.logoforteamsblack {
  background: url("../img/logoforteamsblack.png") no-repeat top left !important;
  background-size: 93px 62px !important;
  padding: 0 0 0 0;
  width: 93px;
  min-height: 62px;
  background-position: 0 center !important;
  display: inline-block;
}
.logoforteamsblack-sm {
  background: url("../img/logoforteamsblack.png") no-repeat top left !important;
  background-size: 62px 41px !important;
  padding: 0 0 0 0;
  width: 62px;
  min-height: 41px;
  background-position: 0 center !important;
  display: inline-block;
}
.celtxbigwhite-img {
  background: url("../img/celtxLogoWhite.svg") no-repeat top left !important;
  background-size: 79px 34px !important;
  padding: 0 0 0 0;
  width: 79px;
  min-height: 34px;
  background-position: 0 center !important;
  display: inline-block;
}
.celtxbiggerwhite-img {
  background: url("../img/celtxLogoWhite.svg") no-repeat top left !important;
  background-size: 100px 44px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 44px;
  background-position: 0 center !important;
  display: inline-block;
}
.dashboard-icon {
  background: url("../img/dashboard/dash-small-screen.png") no-repeat top left !important;
  background-size: 100px 77px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 77px;
  background-position: 0 center !important;
  display: inline-block;
}
.dashboard-icon-small {
  background: url("../img/dashboard/dash-logo-small.png") no-repeat top left !important;
  background-size: 30px 16px !important;
  padding: 0 0 0 0;
  width: 30px;
  min-height: 16px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-tiles {
  background: url("../img/tiles-icon.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
  background-position-x: 0 !important;
  background-position-y: 0 !important;
}
.icon-workspace {
  background: url("../img/workspace-icon.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
  background-position-x: 0 !important;
  background-position-y: 0 !important;
}
.icon-copy {
  background: url("../img/icon-copy.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-alpha {
  background: url("../img/icon-alpha.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-moon {
  background: url("../img/icon-moon.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-goldlock {
  background: url("../img/goldLock.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-greenlock {
  background: url("../img/greenLock.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-moonmulti {
  background: url("../img/icon-moonmulti.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-paste {
  background: url("../img/icon-paste.png") no-repeat top left !important;
  background-size: 14px 14px !important;
  padding: 0 0 0 0;
  width: 14px;
  min-height: 14px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-print-big {
  background: url("../img/printBig.png") no-repeat top left !important;
  background-size: 22px 22px !important;
  padding: 0 0 0 0;
  width: 22px;
  min-height: 22px;
  background-position: 0 center !important;
  display: inline-block;
}
.icon-file-big {
  background: url("../img/fileBig.png") no-repeat top left !important;
  background-size: 22px 22px !important;
  padding: 0 0 0 0;
  width: 22px;
  min-height: 22px;
  background-position: 0 center !important;
  display: inline-block;
}
.checkmark-img {
  background: url("../img/checkmark.png") no-repeat top left !important;
  background-size: 47px 37px !important;
  padding: 0 0 0 0;
  width: 47px;
  min-height: 37px;
  background-position: 0 center !important;
  display: inline-block;
}
.scriptmac-img {
  background: url("../img/script-mac.png") no-repeat top left !important;
  background-size: 118px 100px !important;
  padding: 0 0 0 0;
  width: 118px;
  min-height: 100px;
  background-position: 0 center !important;
  display: inline-block;
}
.applestore-img {
  background: url("../img/applestore.png") no-repeat top left !important;
  background-size: 120px 35px !important;
  padding: 0 0 0 0;
  width: 120px;
  min-height: 35px;
  background-position: 0 center !important;
  display: inline-block;
}
.googleplay-img {
  background: url("../img/googleplay.png") no-repeat top left !important;
  background-size: 129px 45px !important;
  padding: 0 0 0 0;
  width: 129px;
  min-height: 45px;
  background-position: 0 center !important;
  display: inline-block;
}
.edge-writing-img {
  background: url("../img/edge-writing.png") no-repeat top left !important;
  background-size: 707px 250px !important;
  padding: 0 0 0 0;
  width: 707px;
  min-height: 250px;
  background-position: 0 center !important;
  display: inline-block;
}
.edge-writing-guy {
  background: url("../img/edge-writing-guy.jpg") no-repeat top left !important;
  background-size: 708px 250px !important;
  padding: 0 0 0 0;
  width: 708px;
  min-height: 250px;
  background-position: 0 center !important;
  display: inline-block;
}
.comments-graphic {
  background: url("../img/comments-graphic.png") no-repeat top left !important;
  background-size: 100px 72px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 72px;
  background-position: 0 center !important;
  display: inline-block;
}
.exclaim-graphic {
  background: url("../img/exclaim-graphic.png") no-repeat top left !important;
  background-size: 18px 72px !important;
  padding: 0 0 0 0;
  width: 18px;
  min-height: 72px;
  background-position: 0 center !important;
  display: inline-block;
}
.notification-screenshot {
  background: url("../img/notification-screenshot.png") no-repeat top left !important;
  background-size: 342px 220px !important;
  padding: 0 0 0 0;
  width: 342px;
  min-height: 220px;
  background-position: 0 center !important;
  display: inline-block;
}
.notification-box {
  background: url("../img/notification-box.png") no-repeat top left !important;
  background-size: 150px 130px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 130px;
  background-position: 0 center !important;
  display: inline-block;
}
.sides-onset {
  background: url("../img/sides_onset.png") no-repeat top left !important;
  background-size: 300px 169px !important;
  padding: 0 0 0 0;
  width: 300px;
  min-height: 169px;
  background-position: 0 center !important;
  display: inline-block;
}
.sides-screenshot {
  background: url("../img/sides_screenshot.png") no-repeat top left !important;
  background-size: 284px 240px !important;
  padding: 0 0 0 0;
  width: 284px;
  min-height: 240px;
  background-position: 0 center !important;
  display: inline-block;
}
.sharing-screenshot {
  background: url("../img/sharing-screenshot.png") no-repeat top left !important;
  background-size: 198px 100px !important;
  padding: 0 0 0 0;
  width: 198px;
  min-height: 100px;
  background-position: 0 center !important;
  display: inline-block;
}
.mac-sync {
  background: url("../img/macsync.png") no-repeat top left !important;
  background-size: 526px 240px !important;
  padding: 0 0 0 0;
  width: 526px;
  min-height: 240px;
  background-position: 0 center !important;
  display: inline-block;
}
.celtx-team-big-img {
  background: url("../img/celtx-team-big-black.png") no-repeat top left !important;
  background-size: 500px 109px !important;
  padding: 0 0 0 0;
  width: 500px;
  min-height: 109px;
  background-position: 0 center !important;
  display: inline-block;
}
.celtx-team-med-img {
  background: url("../img/celtx-team-big-black.png") no-repeat top left !important;
  background-size: 300px 65px !important;
  padding: 0 0 0 0;
  width: 300px;
  min-height: 65px;
  background-position: 0 center !important;
  display: inline-block;
}
.edgedesktopright-img {
  background: url("../img/edgedesktopright.png") no-repeat top left !important;
  background-size: 200px 209px !important;
  padding: 0 0 0 0;
  width: 200px;
  min-height: 209px;
  background-position: 0 center !important;
  display: inline-block;
}
.bigedgescreen-img {
  background: url("../img/bigedgescreen.png") no-repeat top left !important;
  background-size: 327px 200px !important;
  padding: 0 0 0 0;
  width: 327px;
  min-height: 200px;
  background-position: 0 center !important;
  display: inline-block;
}
.celtx-edge-big-img {
  background: url("../img/celtx-edge-big.png") no-repeat top left !important;
  background-size: 500px 109px !important;
  padding: 0 0 0 0;
  width: 500px;
  min-height: 109px;
  background-position: 0 center !important;
  display: inline-block;
}
.celtx-edge-med-img {
  background: url("../img/celtx-edge-big.png") no-repeat top left !important;
  background-size: 300px 65px !important;
  padding: 0 0 0 0;
  width: 300px;
  min-height: 65px;
  background-position: 0 center !important;
  display: inline-block;
}
.cloud-sync-img {
  background: url("../img/cloud-sync.png") no-repeat top left !important;
  background-size: 150px 150px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 150px;
  background-position: 0 center !important;
  display: inline-block;
}
.edge-shot-img {
  background: url("../img/edge_shot.png") no-repeat top left !important;
  background-size: 209px 240px !important;
  padding: 0 0 0 0;
  width: 209px;
  min-height: 240px;
  background-position: 0 center !important;
  display: inline-block;
}
h2.roles {
  background: url("../img/roles_sm.png") no-repeat top left;
  background-size: 0;
  padding: 0 0 0 45px;
  min-height: 25px;
  background-position: 0 center !important;
  display: inline-block;
  background-size: auto !important;
  background-position: left center;
}
h2.scenes {
  background: url("../img/scenes_sm.png") no-repeat top left;
  background-size: 0;
  padding: 0 0 0 45px;
  min-height: 25px;
  background-position: 0 center !important;
  display: inline-block;
  background-size: auto !important;
  background-position: left center;
}
.img-polaroid {
  padding: 4px;
  background-color: white;
  border: 1px solid #CCC;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-polaroid * {
  vertical-align: bottom;
  max-width: 100%;
}
.tilt-left {
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
}
.tilt-right {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
}
.icon-selection {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.icon-line {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -25px 0px;
}
.icon-arrowline {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -50px 0px;
}
.icon-rectangle {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -75px 0px;
}
.icon-ellipse {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -100px 0px;
}
.icon-bigpicture {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -125px 0px;
}
.icon-bigundo {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -150px 0px;
}
.icon-bigredo {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -175px 0px;
}
.icon-text {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: 0px -25px;
}
.icon-bigplus {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -25px -25px;
}
.icon-bigfullscreen {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -50px -25px;
}
.icon-bigsmallscreen {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -75px -25px;
}
.icon-bigexpand {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -100px -25px;
}
.icon-bigcontract {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -125px -25px;
}
.icon-bigmagnify {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -150px -25px;
}
.icon-textbg {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -175px -25px;
}
.icon-bigbold {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: 0px -50px;
}
.icon-bigitalic {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -25px -50px;
}
.icon-bigunderline {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -50px -50px;
}
.icon-bignote {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -75px -50px;
}
.icon-bigdualdialog {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -100px -50px;
}
.icon-bigsettings {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -150px -100px;
}
.icon-biglock {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -125px -50px;
}
.icon-bigcopy {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -150px -50px;
}
.icon-bigpaste {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -175px -50px;
}
.icon-bigcut {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: 0px -75px;
}
.icon-biglist {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -25px -75px;
}
.icon-bigpin {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -50px -75px;
}
.icon-bigstrike {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -75px -75px;
}
.icon-bigalignleft {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -100px -75px;
}
.icon-bigaligncenter {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -125px -75px;
}
.icon-bigalignright {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -150px -75px;
}
.icon-bigbulletlist {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -175px -75px;
}
.icon-bignumberlist {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: 0px -100px;
}
.icon-bigindentmore {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -25px -100px;
}
.icon-bigindentless {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -50px -100px;
}
.icon-bigdoublespace {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -75px -100px;
}
.icon-bighelp {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -100px -100px;
}
.icon-bigmove {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: auto 125px;
  background-repeat: no-repeat;
  background-position: -125px -100px;
}
.icon-doc-save {
  opacity: 0.8;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.icon-doc-save:hover {
  opacity: 1;
}
.icon-doc-save.active {
  opacity: 1;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -25px 0px;
}
.icon-doc-save.inactive:hover {
  opacity: 0.8;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -75px 0px;
}
.icon-doc-save.success {
  opacity: 1;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -25px 0px;
}
.icon-doc-save.error {
  opacity: 1;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -50px 0px;
}
.active > .icon-doc-save {
  opacity: 1;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -25px 0px;
}
.inactive > .icon-doc-save {
  opacity: 0.8;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -75px 0px;
}
.success > .icon-doc-save {
  opacity: 1;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -75px 0px;
}
.error > .icon-doc-save {
  opacity: 1;
  background-image: url("../img/saveTemplateBig.png");
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: -50px 0px;
}
.readonly > .icon-doc-save {
  opacity: 1;
  background-image: url("../img/readOnlyEye.png");
  display: inline-block;
  width: 29px;
  height: 29px;
  background-size: auto 22px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.icon-chevron-down-block {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: 0px -15px;
}
.icon-chevron-up-block {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: -15px -15px;
}
.icon-redo {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: -15px -30px;
}
.icon-undo {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: -15px -45px;
}
.toolbox-white-img {
  background: url("../img/toolbox-white.png") no-repeat top left !important;
  background-size: 75px 64px !important;
  padding: 0 0 0 0;
  width: 75px;
  min-height: 64px;
  background-position: 0 center !important;
  display: inline-block;
}
.toolbox-white-small-img {
  background: url("../img/toolbox-white.png") no-repeat top left !important;
  background-size: 45px 39px !important;
  padding: 0 0 0 0;
  width: 45px;
  min-height: 39px;
  background-position: 0 center !important;
  display: inline-block;
}
.buddies-white-img {
  background: url("../img/buddies-white.png") no-repeat top left !important;
  background-size: 75px 64px !important;
  padding: 0 0 0 0;
  width: 75px;
  min-height: 64px;
  background-position: 0 center !important;
  display: inline-block;
}
.buddies-white-small-img {
  background: url("../img/buddies-white.png") no-repeat top left !important;
  background-size: 45px 39px !important;
  padding: 0 0 0 0;
  width: 45px;
  min-height: 39px;
  background-position: 0 center !important;
  display: inline-block;
}
.lock-white-img {
  background: url("../img/lock-white.png") no-repeat top left !important;
  background-size: 75px 64px !important;
  padding: 0 0 0 0;
  width: 75px;
  min-height: 64px;
  background-position: 0 center !important;
  display: inline-block;
}
.lock-white-small-img {
  background: url("../img/lock-white.png") no-repeat top left !important;
  background-size: 45px 39px !important;
  padding: 0 0 0 0;
  width: 45px;
  min-height: 39px;
  background-position: 0 center !important;
  display: inline-block;
}
.close-img {
  background: transparent url(../img/close.png);
  width: 20px;
  height: 20px;
  -webkit-background-size: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  background-size: 20px;
}
.close-white-img {
  background: transparent url(../img/close-white.png);
  width: 20px;
  height: 20px;
  -webkit-background-size: 20px;
  -moz-background-size: 20px;
  -o-background-size: 20px;
  background-size: 20px;
}
.greencheck {
  background: url("../img/checkmark.png") no-repeat top left !important;
  background-size: 22px 17px !important;
  padding: 0 0 0 0;
  width: 22px;
  min-height: 17px;
  background-position: 0 center !important;
  display: inline-block;
}
.useroutline-img {
  background: url("../img/user_outline.png") no-repeat top left !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 0;
  width: 36px;
  min-height: 36px;
  background-position: 0 center !important;
  display: inline-block;
}
.wrench-img {
  background: url("../img/wrench.png") no-repeat top left !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 0;
  width: 36px;
  min-height: 36px;
  background-position: 0 center !important;
  display: inline-block;
}
.marketplaceoutline-img {
  background: url("../img/marketplace_outline.png") no-repeat top left !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 0;
  width: 36px;
  min-height: 36px;
  background-position: 0 center !important;
  display: inline-block;
}
.belloutline-img {
  background: url("../img/bell_outline.png") no-repeat top left !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 0;
  width: 36px;
  min-height: 36px;
  background-position: 0 center !important;
  display: inline-block;
}
.teamscreen-img {
  background: url("../img/teamscreen.jpg") no-repeat top left !important;
  background-size: 360px 211px !important;
  padding: 0 0 0 0;
  width: 360px;
  min-height: 211px;
  background-position: 0 center !important;
  display: inline-block;
}
.teamshoot-img {
  background: url("../img/teamshoot.jpg") no-repeat top left !important;
  background-size: 600px 400px !important;
  padding: 0 0 0 0;
  width: 600px;
  min-height: 400px;
  background-position: 0 center !important;
  display: inline-block;
}
.teamshoot-small-img {
  background: url("../img/teamshoot.jpg") no-repeat top left !important;
  background-size: 300px 200px !important;
  padding: 0 0 0 0;
  width: 300px;
  min-height: 200px;
  background-position: 0 center !important;
  display: inline-block;
}
.teamshoot2-img {
  background: url("../img/teamshoot2.jpg") no-repeat top left !important;
  background-size: 500px 333px !important;
  padding: 0 0 0 0;
  width: 500px;
  min-height: 333px;
  background-position: 0 center !important;
  display: inline-block;
}
.teamshoot2-small-img {
  background: url("../img/teamshoot2.jpg") no-repeat top left !important;
  background-size: 300px 200px !important;
  padding: 0 0 0 0;
  width: 300px;
  min-height: 200px;
  background-position: 0 center !important;
  display: inline-block;
}
.teamshoot2-smaller-img {
  background: url("../img/teamshoot2.jpg") no-repeat top left !important;
  background-size: 180px 120px !important;
  padding: 0 0 0 0;
  width: 180px;
  min-height: 120px;
  background-position: 0 center !important;
  display: inline-block;
}
.camdirect-img {
  background: url("../img/camdirect_sm.jpg") no-repeat top left !important;
  background-size: 400px 266px !important;
  padding: 0 0 0 0;
  width: 400px;
  min-height: 266px;
  background-position: 0 center !important;
  display: inline-block;
}
.bigheart-img {
  background: url("../img/bigheart.png") no-repeat top left !important;
  background-size: 200px 200px !important;
  padding: 0 0 0 0;
  width: 200px;
  min-height: 200px;
  background-position: 0 center !important;
  display: inline-block;
}
.present-img {
  background: url("../img/present.png") no-repeat top left !important;
  background-size: 100px 100px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 100px;
  background-position: 0 center !important;
  display: inline-block;
}
.screenplay-img {
  background: url("../img/screenplay.jpg") no-repeat top left !important;
  background-size: 500px 280px !important;
  padding: 0 0 0 0;
  width: 500px;
  min-height: 280px;
  background-position: 0 center !important;
  display: inline-block;
}
.scripts-img {
  background: url("../img/scripts.png") no-repeat top left !important;
  background-size: 600px 316px !important;
  padding: 0 0 0 0;
  width: 600px;
  min-height: 316px;
  background-position: 0 center !important;
  display: inline-block;
}
.schedules-img {
  background: url("../img/schedule.png") no-repeat top left !important;
  background-size: 240px 104px !important;
  padding: 0 0 0 0;
  width: 240px;
  min-height: 104px;
  background-position: 0 center !important;
  display: inline-block;
}
.dragdropfiles-img {
  background: url("../img/dragdropfiles.png") no-repeat top left !important;
  background-size: 70px 70px !important;
  padding: 0 0 0 0;
  width: 70px;
  min-height: 70px;
  background-position: 0 center !important;
  display: inline-block;
}
.firefox-logo {
  background: url("../img/firefox-logo.png") no-repeat top left !important;
  background-size: 150px 150px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 150px;
  background-position: 0 center !important;
  display: inline-block;
}
.chrome-logo {
  background: url("../img/chrome-logo.png") no-repeat top left !important;
  background-size: 150px 150px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 150px;
  background-position: 0 center !important;
  display: inline-block;
}
.safari-logo {
  background: url("../img/safari-logo.png") no-repeat top left !important;
  background-size: 150px 150px !important;
  padding: 0 0 0 0;
  width: 150px;
  min-height: 150px;
  background-position: 0 center !important;
  display: inline-block;
}
.storywrite-img {
  background: url("../img/storywrite.jpg") no-repeat top left !important;
  background-size: 400px 266px !important;
  padding: 0 0 0 0;
  width: 400px;
  min-height: 266px;
  background-position: 0 center !important;
  display: inline-block;
}
.story1-img {
  background: url("../img/story1.jpg") no-repeat top left !important;
  background-size: 400px 226px !important;
  padding: 0 0 0 0;
  width: 400px;
  min-height: 226px;
  background-position: 0 center !important;
  display: inline-block;
}
.story2-img {
  background: url("../img/story2.jpg") no-repeat top left !important;
  background-size: 400px 225px !important;
  padding: 0 0 0 0;
  width: 400px;
  min-height: 225px;
  background-position: 0 center !important;
  display: inline-block;
}
.waver-img {
  background: url("../img/waver.png") no-repeat top left !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 0;
  width: 36px;
  min-height: 36px;
  background-position: 0 center !important;
  display: inline-block;
}
.biginfo-img {
  background: url("../img/biginfo.png") no-repeat top left !important;
  background-size: 36px 36px !important;
  padding: 0 0 0 0;
  width: 36px;
  min-height: 36px;
  background-position: 0 center !important;
  display: inline-block;
}
.img-flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.plangraphicimg {
  background: url("../img/plan/plangraphic.png") no-repeat top left !important;
  background-size: 100px 100px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 100px;
  background-position: 0 center !important;
  display: inline-block;
}
@media screen {
  .print-active-tab-title {
    display: none;
  }
}
/*****************************************************************************************************************
     DISCLAIMER: This class has a lot of occurrences of the keyword '!important' however
     I want to emphasize at the time of writing this class that those words were required to override other
     '!important' commands used elsewhere. Preferably we would not use the keyword '!important' as much and
     instead rely on the specificity of the selectors. If possible reduce and remove the use of keyword important
     as much as possible.

     Thanks! Enjoy editing print :D
******************************************************************************************************************/
@media print {
  iframe#launcher,
  iframe[data-product='web_widget'],
  iframe#webWidget,
  iframe#launcher *,
  iframe[data-product='web_widget'] *,
  iframe#webWidget * {
    display: none !important;
  }
  .print-show {
    display: block !important;
  }
  body {
    overflow: visible !important;
    min-height: 1px !important;
    height: auto !important;
    background: transparent !important;
  }
  #prairie-nav-container {
    display: none !important;
  }
  .file-edit-view-toolbar {
    display: none !important;
  }
  .print-active-tab-title {
    display: block;
  }
  .gallery-item-thumbnail .img-cover {
    -webkit-print-color-adjust: exact;
  }
  .lightbox {
    display: none;
  }
  .spinnerdots {
    display: none;
  }
  .avoid-page-break-inside {
    page-break-inside: avoid !important;
  }
  #topnavbar-container,
  .file-header-container,
  .file-header-content-bg,
  .goog-toolbar {
    display: none !important;
  }
  .shotlist-mainview-container .file-header-content-bg {
    display: none;
  }
  .spreadsheet-scene-content {
    width: auto !important;
  }
  .spreadsheet-content-view .table td:last-child,
  .spreadsheet-content-view .table th:last-child {
    border-right: 1px solid #ddd;
  }
  .editor-header-container {
    margin-top: 0 !important;
  }
  #link-to-script {
    visibility: hidden;
  }
  #editor-container,
  #editor-content,
  .card-editor,
  .card-editor-content,
  .editor-pane {
    height: auto !important;
    border: none;
    background: transparent !important;
    padding: 0;
    margin: 0;
    overflow: visible !important;
  }
  #shotlist-editor-content {
    height: auto !important;
  }
  .unlinked-cards {
    overflow: visible;
  }
  .index-card {
    height: auto !important;
    display: inline-block;
    page-break-inside: avoid !important;
  }
  .index-card .card-description span,
  .index-card .card-tags {
    height: auto !important;
  }
  .index-card * {
    page-break-inside: avoid !important;
  }
  .autoblock-colorselect-caret {
    display: none !important;
  }
  .gutter-horizontal {
    display: none;
  }
  #pane1,
  #pane2 {
    width: 100% !important;
    height: auto !important;
  }
  .scene-container {
    overflow: visible;
    page-break-before: auto;
    display: block;
    page-break-inside: avoid;
  }
  .sidenav-light {
    display: none;
  }
  .scene-list-print-footer {
    display: block;
  }
  .scene-list-print-footer .details {
    display: none;
  }
  #stickyheadertable-tableheader {
    opacity: 1 !important;
  }
  .container-fluid {
    padding: 0;
  }
  .scene-list-footer {
    display: none;
  }
  .spreadsheet-content-view {
    padding: 0;
    width: 100%;
    background: white;
    word-break: break-word;
  }
  .container-fluid {
    padding: 0;
  }
  .cx-processinglabel {
    display: none;
  }
  ::-webkit-input-placeholder {
    color: transparent;
  }
  :-moz-placeholder {
    /* Firefox 18- */
    color: transparent;
  }
  ::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent;
  }
  :-ms-input-placeholder {
    color: transparent;
  }
  ::-webkit-outer-spin-button,
  ::-webkit-inner-spin-button,
  ::-webkit-clear-button {
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
  }
  .fc-header .fc-button {
    display: none;
  }
  .striplist-table {
    border: 1px solid #333;
    font-size: 11px;
  }
  .top-bar {
    display: none !important;
  }
  .itemForm {
    margin-left: auto;
    margin-right: auto;
    width: 540px;
    overflow-x: hidden;
  }
  .editorlist {
    overflow: visible;
    height: 100%;
  }
  .editorlist .editorlist-table-row {
    page-break-inside: avoid !important;
  }
  .top-bar {
    display: none !important;
  }
  .pdfcomponent,
  #typeset-container {
    overflow: visible !important;
    height: auto !important;
    margin: 0 !important;
  }
  .typsetpage-container {
    overflow: visible !important;
    height: auto !important;
  }
  .typsetpage-container #typeset-options,
  .typsetpage-container .goog-toolbar {
    display: none !important;
  }
  .typsetpage-container .pdfcanvas-container {
    background: transparent !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .typsetpage-container .pdfcanvas-item {
    margin: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    page-break-after: always !important;
  }
  .print-heading-h1 {
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 24px;
  }
  .print-heading-h3 {
    display: block;
    font-size: 18px;
    marign-bottom: 20px;
  }
  .editor-content {
    /* Game editor */
  }
  .editor-content .full {
    font-family: monospace;
    font-size: 10pt;
  }
  .editor-content .cx-game div.page {
    border: none;
  }
  .editor-content .cx-game div.sequence {
    display: block !important;
  }
  .editor-content .cx-game div.page {
    border: none;
  }
  .editor-content .cx-game .sel_deco {
    border: none !important;
  }
  .editor-content .cx-game .Prosemirror-selected {
    outline: none !important;
  }
  .visualize {
    /** Game editor visualization */
    width: 100vw !important;
    height: auto !important;
  }
  div.print-title {
    display: none;
  }
  .editor-status-bar,
  .cx-projectpalette-container {
    display: none;
  }
  select,
  input,
  textarea,
  img,
  tr {
    break-inside: avoid !important;
  }
  div#breakdown-editor-content,
  div#shotlist-editor-content {
    border-top: none !important;
  }
  div#breakdown-editor-content .flex-table,
  div#shotlist-editor-content .flex-table,
  div#breakdown-editor-content .flex-border,
  div#shotlist-editor-content .flex-border {
    break-inside: avoid !important;
  }
  [class*="walkme-"],
  [class*="wm-"] {
    display: none !important;
  }
  /*****************************************************************
          Print for international AV Legacy documents
  ******************************************************************/
  .cx-pm-aveditor .cx-audiovisual .av_table * {
    visibility: visible !important;
    overflow: visible !important;
  }
  .cx-pm-aveditor .cx-audiovisual .cx-audiovideo div.av_table {
    padding: 5px !important;
    margin: 0 !important;
    width: unset !important;
  }
  .cx-pm-aveditor .cx-audiovisual .ProseMirror-pane {
    height: unset !important;
  }
  /*****************************************************************
        End of print for international AV Legacy documents
  ******************************************************************/
  /*****************************************************************
            Print for international MCAV documents
  ******************************************************************/
  .cx-pm-av2editor,
  .cx-pm-av2editor * {
    visibility: hidden;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    overflow: visible !important;
  }
  .cx-pm-av2editor .cx-audiovideo2 .av_table,
  .cx-pm-av2editor * .cx-audiovideo2 .av_table,
  .cx-pm-av2editor .cx-audiovideo2 .av_table *,
  .cx-pm-av2editor * .cx-audiovideo2 .av_table * {
    visibility: visible !important;
  }
  .cx-pm-av2editor .cx-audiovideo2 .av_table .table-header .title-field .chevron,
  .cx-pm-av2editor * .cx-audiovideo2 .av_table .table-header .title-field .chevron,
  .cx-pm-av2editor .cx-audiovideo2 .av_table * .table-header .title-field .chevron,
  .cx-pm-av2editor * .cx-audiovideo2 .av_table * .table-header .title-field .chevron {
    display: none;
  }
  .cx-pm-av2editor .cx-audiovideo2 .av_table .image-found,
  .cx-pm-av2editor * .cx-audiovideo2 .av_table .image-found,
  .cx-pm-av2editor .cx-audiovideo2 .av_table * .image-found,
  .cx-pm-av2editor * .cx-audiovideo2 .av_table * .image-found {
    object-fit: contain !important;
    overflow: hidden !important;
  }
  .cx-pm-av2editor .cx-audiovideo2:not(.horizontal-storyboard).vertical-script div.av_table,
  .cx-pm-av2editor * .cx-audiovideo2:not(.horizontal-storyboard).vertical-script div.av_table {
    margin: 0 !important;
  }
  .cx-pm-av2editor .cx-audiovideo2:not(.horizontal-storyboard) div.av_table,
  .cx-pm-av2editor * .cx-audiovideo2:not(.horizontal-storyboard) div.av_table {
    padding: 0;
    display: block;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_table-content,
  .cx-pm-av2editor * .horizontal-storyboard .av_table-content {
    display: inline-block !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row,
  .cx-pm-av2editor * .horizontal-storyboard .av_row {
    border: 1px solid #333 !important;
    min-height: 95vh;
    width: 100% !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row:nth-of-type(1),
  .cx-pm-av2editor * .horizontal-storyboard .av_row:nth-of-type(1),
  .cx-pm-av2editor .horizontal-storyboard .av_row:nth-of-type(2),
  .cx-pm-av2editor * .horizontal-storyboard .av_row:nth-of-type(2) {
    margin-top: 0;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row .av_row-image-column *,
  .cx-pm-av2editor * .horizontal-storyboard .av_row .av_row-image-column * {
    visibility: hidden !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row .av_row-image-column,
  .cx-pm-av2editor * .horizontal-storyboard .av_row .av_row-image-column {
    background-color: transparent !important;
    left: -1px !important;
    border: 1px solid #333 !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row .av_row-image-column .image-found,
  .cx-pm-av2editor * .horizontal-storyboard .av_row .av_row-image-column .image-found {
    visibility: visible !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row .av_row-spine-hamburger,
  .cx-pm-av2editor * .horizontal-storyboard .av_row .av_row-spine-hamburger,
  .cx-pm-av2editor .horizontal-storyboard .av_row .cxi-down,
  .cx-pm-av2editor * .horizontal-storyboard .av_row .cxi-down,
  .cx-pm-av2editor .horizontal-storyboard .av_row .infoSelect__indicators,
  .cx-pm-av2editor * .horizontal-storyboard .av_row .infoSelect__indicators {
    display: none !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row-spine,
  .cx-pm-av2editor * .horizontal-storyboard .av_row-spine {
    background-color: gray !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row,
  .cx-pm-av2editor * .horizontal-storyboard .av_row,
  .cx-pm-av2editor .horizontal-storyboard .av_row *,
  .cx-pm-av2editor * .horizontal-storyboard .av_row * {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
  .cx-pm-av2editor .horizontal-storyboard .av_row:nth-of-type(2n),
  .cx-pm-av2editor * .horizontal-storyboard .av_row:nth-of-type(2n) {
    margin-left: 100px !important;
  }
  .cx-pm-av2editor .vertical-shotlist div.av_table,
  .cx-pm-av2editor * .vertical-shotlist div.av_table {
    margin-left: 0 !important;
  }
  .cx-pm-av2editor .vertical-shotlist div.av_table,
  .cx-pm-av2editor * .vertical-shotlist div.av_table,
  .cx-pm-av2editor .vertical-shotlist div.av_table *,
  .cx-pm-av2editor * .vertical-shotlist div.av_table * {
    width: unset !important;
    word-break: break-word;
  }
  .cx-pm-av2editor .av_row,
  .cx-pm-av2editor * .av_row {
    break-inside: avoid !important;
    box-sizing: border-box;
  }
  .cx-pm-av2editor #breakdown-editor-content .breakdown-spreadsheet,
  .cx-pm-av2editor * #breakdown-editor-content .breakdown-spreadsheet,
  .cx-pm-av2editor #breakdown-editor-content .breakdown-spreadsheet *,
  .cx-pm-av2editor * #breakdown-editor-content .breakdown-spreadsheet * {
    visibility: visible !important;
  }
  .cx-pm-av2editor #breakdown-editor-content .print-show,
  .cx-pm-av2editor * #breakdown-editor-content .print-show {
    display: block !important;
    visibility: visible !important;
  }
  /******************************************************************
              End print for international MCAV documents
   ******************************************************************/
  /************************************************************
             Print for international reports
   ************************************************************/
  .schedulereports,
  .schedulereports * {
    visibility: hidden !important;
    padding: 0 !important;
  }
  .schedulereports .schedulereports-content,
  .schedulereports * .schedulereports-content {
    margin: 0 !important;
  }
  .schedulereports .print-show,
  .schedulereports * .print-show {
    display: none !important;
  }
  .schedulereports .tabber-content,
  .schedulereports * .tabber-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
  }
  .schedulereports .tabber-content[name="Resource Conflict Report"],
  .schedulereports * .tabber-content[name="Resource Conflict Report"],
  .schedulereports .tabber-content table,
  .schedulereports * .tabber-content table {
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */
    width: fill-available;
  }
  .schedulereports .tabber-contents *,
  .schedulereports * .tabber-contents * {
    visibility: visible !important;
  }
  .schedulereports .call-sheet-top,
  .schedulereports * .call-sheet-top,
  .schedulereports .call-sheet-note,
  .schedulereports * .call-sheet-note,
  .schedulereports .call-sheet-section tr,
  .schedulereports * .call-sheet-section tr {
    break-inside: avoid;
  }
  .schedulereports .dood-view-select,
  .schedulereports * .dood-view-select {
    display: none;
  }
  .schedulereports .schedulereports-dood,
  .schedulereports * .schedulereports-dood,
  .schedulereports .schedulereports-scenesummary,
  .schedulereports * .schedulereports-scenesummary {
    width: 95%;
  }
  .schedulereports .call-sheet-top-block,
  .schedulereports * .call-sheet-top-block {
    border: 1px solid #555555;
  }
  .schedulereports .crew-grid-column,
  .schedulereports * .crew-grid-column {
    width: 33.33% !important;
  }
  .schedulereports .call-sheet-add-content,
  .schedulereports * .call-sheet-add-content {
    display: none;
  }
  .av-schedule .tabber-content,
  .av-schedule .call-sheet-container {
    width: 100%;
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;
    /* Mozilla-based browsers will ignore this. */
    width: fill-available;
  }
  .av-schedule .schedulereports-report-shotlist {
    width: fit-content !important;
  }
  #reports-sidebar {
    display: none !important;
  }
  #editor-container {
    left: 0 !important;
  }
  .production-main {
    overflow: visible;
  }
  .production-main.schedule,
  .production-main .calendar-toolbar,
  .production-main.schedule-editor {
    background-color: transparent !important;
  }
  /************************************************************
               End print for international reports
  ************************************************************/
  /************************************************************
               Print for schedule calendar
  ************************************************************/
  .calendar-grow-down,
  .calendar-grow-down * {
    visibility: visible !important;
    overflow: visible !important;
  }
  .calendar-grow-down .cx-event-remove,
  .calendar-grow-down * .cx-event-remove {
    display: none;
  }
  /************************************************************
               End print for schedule calendar
  ************************************************************/
  /************************************************************
               Print for international storyboard
  ************************************************************/
  .cx-stybd-container,
  .cx-stybd-container * {
    visibility: hidden !important;
    overflow: visible !important;
  }
  .cx-stybd-container #details-container,
  .cx-stybd-container #details-container * {
    visibility: visible !important;
  }
  .cx-stybd-container #details-container {
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
  }
  .cx-stybd-container #details-container .cx-stybd-shotplaceholder,
  .cx-stybd-container #details-container .shot-edit-dropdown,
  .cx-stybd-container #details-container .sequence-edit-dropdown,
  .cx-stybd-container #details-container .goog-menu-button-dropdown,
  .cx-stybd-container #details-container .cx-stybrd-addimage * {
    display: none !important;
  }
  .cx-stybd-container #details-container .cx-stybd-shot-selection {
    font-weight: bold;
    display: block !important;
    text-align: left !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
  }
  .cx-stybd-container #details-container .cx-stybd-shot {
    break-inside: avoid;
  }
  .cx-stybd-container #details-container .goog-menu-button-caption {
    font-size: 16px !important;
    padding: 10px 0 0 20px;
    text-overflow: unset !important;
    white-space: nowrap !important;
  }
  .cx-stybd-container #details-container #details-container li {
    break-before: page !important;
    break-inside: avoid !important;
  }
  .cx-stybd-container #details-container #details-container li:nth-of-type(1) {
    break-before: auto;
  }
  .cx-stybd-container #details-container .cx-stybd-shot:nth-of-type(3n+1) {
    break-inside: avoid;
    height: 90vh !important;
  }
  .cx-stybd-container #details-container .cx-stybd-sketch,
  .cx-stybd-container #details-container .cx-stybd-image {
    border: 2px solid #333 !important;
    break-inside: avoid;
  }
  .cx-stybd-container #details-container .cx-stybd-shot-list {
    display: inline-block !important;
    padding-top: 14px !important;
  }
  /************************************************************
           End print for international storyboard
  ************************************************************/
  /************************************************************
             Print for budget and catalog
  ************************************************************/
  .budgetnav.sidenav {
    display: none;
  }
  .items-expand-collapse {
    display: none !important;
  }
  .catalog-nav {
    display: none !important;
  }
  .catalog-new-search {
    visibility: hidden;
  }
  .catalog-view,
  .catalog-view * {
    visibility: hidden !important;
  }
  .catalog-view .catalog-table__item-row,
  .catalog-view * .catalog-table__item-row {
    break-inside: avoid !important;
  }
  .catalog-view .print-title,
  .catalog-view * .print-title {
    visibility: visible !important;
    display: block;
  }
  .catalog-view .catalog-table *,
  .catalog-view * .catalog-table * {
    visibility: visible !important;
    overflow: visible !important;
  }
  .catalog-view ul.category-list,
  .catalog-view * ul.category-list {
    border: unset !important;
  }
  .catalog-view ul.category-list *,
  .catalog-view * ul.category-list * {
    word-break: break-word;
    text-overflow: unset !important;
    white-space: unset !important;
    font-size: 11px !important;
  }
  .catalog-view ul.category-list .input-container,
  .catalog-view * ul.category-list .input-container {
    padding: 2px !important;
    display: block !important;
  }
  .catalog-view ul.category-list .input-controls-container,
  .catalog-view * ul.category-list .input-controls-container,
  .catalog-view ul.category-list .editableNumeric,
  .catalog-view * ul.category-list .editableNumeric {
    border: unset !important;
    background-color: unset !important;
    padding: 0 !important;
  }
  .catalog-view .catalog-table__sort-by-header,
  .catalog-view * .catalog-table__sort-by-header {
    overflow: visible !important;
  }
  .catalog-view .catalog-table__sort-by-header div,
  .catalog-view * .catalog-table__sort-by-header div {
    white-space: nowrap !important;
  }
  .catalog-view .catalog-table__sort-by-header .col-thumbnail,
  .catalog-view * .catalog-table__sort-by-header .col-thumbnail {
    padding-left: 10px !important;
  }
  .catalog-view .catalog-table__checkbox-col,
  .catalog-view * .catalog-table__checkbox-col,
  .catalog-view .catalog-table__expander,
  .catalog-view * .catalog-table__expander,
  .catalog-view .checkbox.catalog-category,
  .catalog-view * .checkbox.catalog-category {
    display: none;
  }
  .catalog-view .col-name.active,
  .catalog-view * .col-name.active,
  .catalog-view .col-short.active,
  .catalog-view * .col-short.active,
  .catalog-view .col-desc.active,
  .catalog-view * .col-desc.active,
  .catalog-view .col-name-budget.active,
  .catalog-view * .col-name-budget.active {
    color: #fff !important;
  }
  .catalog-view .col-name.active:after,
  .catalog-view * .col-name.active:after,
  .catalog-view .col-short.active:after,
  .catalog-view * .col-short.active:after,
  .catalog-view .col-desc.active:after,
  .catalog-view * .col-desc.active:after,
  .catalog-view .col-name-budget.active:after,
  .catalog-view * .col-name-budget.active:after {
    content: '' !important;
  }
  .catalog-view .empty-budget-column-header,
  .catalog-view * .empty-budget-column-header {
    display: none !important;
  }
  .catalog-view .controlCol,
  .catalog-view * .controlCol {
    display: none;
  }
  .catalog-view .arrow-icon,
  .catalog-view * .arrow-icon {
    display: none;
  }
  .catalog-item-detail-panel,
  .catalog-item-detail-panel * {
    visibility: visible !important;
    color: black !important;
  }
  .catalog-item-detail-panel {
    background-color: transparent !important;
  }
  .catalog-item-detail-panel .catalog-item-detail__controls {
    display: none;
  }
  .catalog-item-detail-panel .catalog-item__summary {
    float: none;
    border: 1px solid black;
  }
  .catalog-item-detail-panel .catalog-form {
    float: none;
    margin: 0;
    border-left: unset;
    padding-left: 0;
  }
  .catalog-item-detail-panel .catalog-form .imagethumbnail,
  .catalog-item-detail-panel .catalog-form .add-image-btn {
    border: 1px solid black;
  }
  .catalog-item-detail-panel .catalog-form .add-image-btn * {
    visibility: hidden !important;
  }
  .catalog-item-detail-panel .catalog-form fieldset.general,
  .catalog-item-detail-panel .catalog-form fieldset.general input,
  .catalog-item-detail-panel .catalog-form fieldset.general textarea,
  .catalog-item-detail-panel .catalog-form fieldset.catalog-form__media,
  .catalog-item-detail-panel .catalog-form fieldset.roles,
  .catalog-item-detail-panel .catalog-form fieldset.actors,
  .catalog-item-detail-panel .catalog-form .input-controls-container {
    border: 1px solid black !important;
    padding: 10px;
    margin-right: 0;
  }
  .catalog-item-detail-panel .catalog-form div.react-accordion__item--show,
  .catalog-item-detail-panel .catalog-form div.react-accordion__item--show * {
    visibility: visible !important;
  }
  .catalog-item-detail-panel .catalog-form div.react-accordion__item--show {
    display: block !important;
  }
  .catalog-item-detail-panel .catalog-form .react-accordion__item,
  .catalog-item-detail-panel .catalog-form .react-accordion__item-arrow,
  .catalog-item-detail-panel .catalog-form .btn-control[name="editcharacternumber"] {
    display: none !important;
  }
  .catalog-item-detail-panel .catalog-form .react-accordion,
  .catalog-item-detail-panel .catalog-form .react-accordion * {
    visibility: collapse !important;
  }
  .catalog-item-detail-panel .catalog-form input,
  .catalog-item-detail-panel .catalog-form textarea {
    break-inside: avoid;
    border: 1px solid black !important;
  }
  .catalog-item-detail-panel .catalog-form fieldset.general li {
    break-inside: avoid;
  }
  .catalog-item-detail-panel .catalog-form .react-accordion__item {
    margin-bottom: 20px;
    border: 1px solid black;
    padding: 10px;
  }
  .catalog-item-detail-panel .catalog-form .input-controls-container input {
    border: unset !important;
  }
  .catalog-item-detail-panel .catalog-form #budget.react-accordion__item * {
    background-color: transparent;
  }
  .catalog-item-detail-panel .catalog-form #budget.react-accordion__item .input-container {
    padding: 2px !important;
  }
  .catalog-item-detail-panel .catalog-form .catalog-address-map {
    width: unset;
    height: unset;
  }
  .catalog-item-detail-panel .catalog-form .catalog-address-map .map-canvas-container {
    display: none !important;
  }
  .catalog-item-detail-panel .catalog-form .catalog-address-map .static-map-image {
    display: block !important;
  }
  .catalog-item-detail-panel .catalog-form #show-estimate.highlight,
  .catalog-item-detail-panel .catalog-form #show-actual.highlight {
    border: 1px solid black;
  }
  .catalog-item-detail-panel .catalog-form .react-accordion__item-title {
    break-inside: avoid;
  }
  .catalog-item-detail-panel .catalog-form .btn-control[name="editcharacternumber"] {
    display: none;
  }
  .catalog-item-detail-panel .catalog-form .character-number {
    background-color: transparent !important;
  }
  .catalog-item-detail-panel .catalog-item-detail__title {
    padding-bottom: 15px;
    font-size: 30px !important;
    font-weight: bold;
  }
  .slide-out-panel {
    left: 0 !important;
    bottom: unset !important;
    box-shadow: unset !important;
  }
  .slide-out-panel .slide-out-panel-content {
    height: unset !important;
  }
  .slide-out-panel .editorlist-itempage,
  .slide-out-panel .editorlist-itempage * {
    visibility: visible !important;
    overflow: visible !important;
  }
  .slide-out-panel .slide-out-panel-title {
    display: none;
  }
  .slide-out-panel .editorlist-itempage {
    margin: 0 !important;
    padding: 0 !important;
  }
  .slide-out-panel .grow-down {
    overflow-y: visible !important;
  }
  .slide-out-panel .editorlist-itempage-photosidecontainer,
  .slide-out-panel .editorlist-itempage-content-container {
    height: unset !important;
    float: none;
  }
  .slide-out-panel .editorlist-itempage-addmedia,
  .slide-out-panel .cxform-title-collapsearrow {
    display: none;
  }
  .slide-out-panel select,
  .slide-out-panel input,
  .slide-out-panel textarea,
  .slide-out-panel img,
  .slide-out-panel .cxform-collapsable {
    break-inside: avoid !important;
  }
  .editorlist-container .editorlist-table {
    border: 1px solid black;
  }
  .editorlist-container .editorlist-table-rowheader-data.active span {
    color: #555 !important;
  }
  .editorlist-container .editorlist-table-rowheader-data.active span:after {
    content: '' !important;
  }
  .budget-container.reportsView {
    background: none !important;
  }
  .budget-container .rate-order-select-container {
    display: none !important;
  }
  .budget-container .fa-plus-square-o,
  .budget-container .fa-minus-square-o,
  .budget-container .newItemBtn,
  .budget-container .removeItemBtn,
  .budget-container .icon-edit {
    display: none !important;
  }
  .budget-container .print-title {
    display: block !important;
  }
  #currency-views,
  #fevhSecondaryToolbar {
    display: none;
  }
  .slide-out-panel-slideIn ~ #editor-content {
    display: none;
  }
  /************************************************************
           End print for budget and catalog
  ************************************************************/
  /************************************************************
         Print for collaborators
  ************************************************************/
  #sidebar {
    display: none;
  }
  #scroll-container {
    height: unset !important;
  }
  .studio-management-plan-container .nonfilelist-container,
  .studio-management-plan-container .nonfilelist-container * {
    visibility: visible;
    overflow: visible;
  }
  .studio-management-plan-container [data-qa='cx.ui.studioManagement.collaborators'] {
    max-width: unset !important;
  }
  .studio-management-plan-container [data-qa='cx.ui.studioManagement.collaborators'] .studio-management-section-subtitle {
    display: none;
  }
  .studio-management-plan-container .studio-management-contacts-list {
    max-height: unset !important;
    overflow-y: visible;
  }
  .studio-management-plan-container div.studio-management-contact-item {
    break-inside: avoid;
  }
  /************************************************************
       End print for collaborators
  ************************************************************/
}
.fadeIn {
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
}
.fadeOut {
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0 !important;
}
.growAnimation {
  -webkit-transition: width 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: width 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: width 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: width 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.fadeDown {
  -webkit-transition: margin 500ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: margin 500ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: margin 500ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: margin 500ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin 500ms cubic-bezier(0.645, 0.045, 0.355, 1), opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-top: auto !important;
  opacity: 1 !important;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-slow {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-cow {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-fast {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-faster {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-fastest {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-medium {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-dialog {
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.cx-pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes highlightactive {
  0%,
  100% {
    background-color: transparent;
  }
  20%,
  70% {
    background-color: #c7eefe;
  }
}
@keyframes highlightactive {
  0%,
  100% {
    background-color: transparent;
  }
  20%,
  70% {
    background-color: #c7eefe;
  }
}
.highlightactive {
  -webkit-animation-name: highlightactive;
  animation-name: highlightactive;
}
.dot-typing {
  position: relative;
  left: -10000px;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  margin-top: 1em;
  font-size: 4px;
  background-color: #2FB5B4;
  color: #2FB5B4;
  box-shadow: calc(10000px - 1.5em) 0 0 0, 10000px 0 0 0, calc(10000px + 1.5em) 0 0 0;
  animation: dotTyping 1.5s infinite linear;
  display: block;
}
@keyframes dotTyping {
  0% {
    box-shadow: calc(10000px - 1.5em) 0 0 0, 10000px 0 0 0, calc(10000px + 1.5em) 0 0 0;
  }
  16.667% {
    box-shadow: calc(10000px - 1.5em) -1em 0 0, 10000px 0 0 0, calc(10000px + 1.5em) 0 0 0;
  }
  33.333% {
    box-shadow: calc(10000px - 1.5em) 0 0 0, 10000px 0 0 0, calc(10000px + 1.5em) 0 0 0;
  }
  50% {
    box-shadow: calc(10000px - 1.5em) 0 0 0, 10000px -1em 0 0, calc(10000px + 1.5em) 0 0 0;
  }
  66.667% {
    box-shadow: calc(10000px - 1.5em) 0 0 0, 10000px 0 0 0, calc(10000px + 1.5em) 0 0 0;
  }
  83.333% {
    box-shadow: calc(10000px - 1.5em) 0 0 0, 10000px 0 0 0, calc(10000px + 1.5em) -1em 0 0;
  }
  100% {
    box-shadow: calc(10000px - 1.5em) 0 0 0, 10000px 0 0 0, calc(10000px + 1.5em) 0 0 0;
  }
}
.cx-stybd-container {
  position: relative;
  overflow: hidden;
}
.cx-stydb-sequence-list {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 266px;
  padding: 0;
  margin: 0;
  background-color: #242524;
}
.cx-stydb-sequence-list h4 {
  margin: 6px 0px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#details-container {
  list-style-position: inside;
  margin-left: 224px;
  margin-right: 0px;
  color: #222;
  padding-bottom: 50px;
}
#details-container > li {
  font-size: 14px;
  color: #333;
  display: block;
}
*[viewclass="picture"] .cx-stybrd-plus,
*[viewclass="sketch"] .cx-stybrd-plus,
*[viewclass="both"] .cx-stybrd-plus {
  margin-top: 35px;
}
*[viewclass="sketch"] .cx-stybd-image {
  display: none;
}
*[viewclass="picture"] .cx-stybd-sketch {
  display: none;
}
#sequence-list {
  background: #242524;
  width: 100%;
  overflow-y: auto;
  margin-left: 0;
  list-style-position: inside;
}
#sequence-list li {
  padding: 5px 10px;
  color: #ddd;
}
#sequence-list li a {
  color: #ddd;
}
#sequence-list li.active {
  color: #F6F6F6;
  background-color: #434445;
}
#sequence-list li.active a {
  color: #F6F6F6;
}
ol.cx-stybd-shot-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
  padding: 20px 0 0 20px;
  font-size: 16px;
}
.cx-stybrd-shot-head {
  color: #333;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.cx-stybrd-shot-head:before,
.cx-stybrd-shot-head:after {
  display: table;
  content: "";
}
.cx-stybrd-shot-head:after {
  clear: both;
}
.cx-stybrd-shot-head .cx-stybrd-shot-cog-btn {
  display: inline;
  background: #fafafa;
  box-shadow: inset 0 1px 0 rgb(255 255 12.75%), 0 1px 2px rgb(0 0 0%);
  border: 1px solid #cccccc;
}
.cx-stybrd-shot-number {
  float: left;
  padding: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: white;
  background: #607d8b;
  border: 1px solid #546e7a;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  min-width: 50px;
  padding: 15px 0px;
  margin: 0 0 -15px -15px;
  z-index: 9;
  position: relative;
  font-size: 18px;
  cursor: move;
}
.cx-stybrd-shot-number:before {
  content: '\2261';
  font-size: 28px;
  line-height: 18px;
}
#details-container > li {
  counter-increment: scenenumber;
}
#details-container > li .cx-stybd-shot-list .cx-stybd-shot {
  counter-increment: shotnumber;
}
#details-container > li .cx-stybd-shot-list .cx-stybd-shot .cx-stybrd-shot-number:before {
  content: counter(scenenumber) "." counter(shotnumber);
  font-size: 18px;
  line-height: 18px;
}
.cx-stybd-shot {
  color: #555;
  margin: 0 20px 20px 20px;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  padding: 0;
  position: relative;
  width: auto;
}
.cx-stybrd-shot-container {
  min-width: 216px;
  text-align: center;
}
.cx-stybrd-shot-container.dragging {
  background: black;
}
.cx-stybrd-shot-container.cx-stybrd-shot-container-withhandle {
  padding-top: 0;
  padding-bottom: 46px;
}
.cx-stybrd-shot-container.cx-stybd-shotplaceholder {
  border: #2FB5B4 4px dashed;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0.85;
  color: #2FB5B4;
}
.cx-stybrd-shot-container.cx-stybd-shotplaceholder:hover {
  color: #35D4D2;
  opacity: 1;
  cursor: hand;
  cursor: pointer;
}
ol.cx-stybd-shot-list li h1,
ol.cx-stybd-shot-list li h3 {
  text-align: center;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 300;
}
.cx-stybrd-plus {
  font-size: 120px;
  line-height: 120px;
  margin-top: 100px;
  color: #2FB5B4;
}
div.cx-stybd-image,
div.cx-stybd-sketch {
  height: 141px;
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0;
  background-position-x: center;
  background-position-y: 10px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: white;
}
div.cx-stybd-image.loading,
div.cx-stybd-sketch.loading {
  background-image: url("../img/loading-circle32.gif") !important;
  background-position-y: 50px;
  background-repeat: no-repeat;
  background-color: transparent;
}
div.cx-stybd-image.loading .view-btn,
div.cx-stybd-sketch.loading .view-btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
div.cx-stybd-image.loading img,
div.cx-stybd-sketch.loading img {
  display: none;
}
div.cx-stybd-image:hover .change-btn,
div.cx-stybd-sketch:hover .change-btn {
  opacity: 0.7;
}
div.cx-stybd-image img,
div.cx-stybd-sketch img {
  max-width: 100%;
  background: #fff;
  max-height: 140px;
}
div.cx-stybd-image .view-btn,
div.cx-stybd-sketch .view-btn {
  text-align: center;
  position: relative;
  display: block;
  height: 98%;
  overflow: hidden;
  padding: 1px;
}
div.cx-stybd-image .change-btn,
div.cx-stybd-sketch .change-btn {
  opacity: 0;
  background: #2FB5B4;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 2px 4px;
  z-index: 2;
}
div.cx-stybd-image .change-btn:hover,
div.cx-stybd-sketch .change-btn:hover {
  opacity: 1;
}
div.cx-stybrd-addimage {
  background-repeat: no-repeat;
  background-color: white;
  color: #2FB5B4;
}
div.cx-stybrd-addimage:hover {
  cursor: hand;
  cursor: pointer;
  color: #35D4D2;
}
div.cx-stybrd-addsketch {
  background-color: white;
  background-repeat: no-repeat;
  color: #2FB5B4;
}
div.cx-stybrd-addsketch:hover {
  cursor: hand;
  cursor: pointer;
  color: #35D4D2;
}
.cx-stybd-sequence-title {
  cursor: pointer;
  cursor: hand;
  min-width: 220px;
  min-height: 15px;
  display: inline-block;
  vertical-align: bottom;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-stybd-sequence-title.disabled {
  opacity: 1;
  cursor: default;
}
.cx-stybd-sequence-title-header {
  cursor: default;
  padding: 10px 20px;
  font-weight: normal;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  -webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eee);
  background-image: linear-gradient(top, #f5f5f5, #eee);
  background-repeat: repeat-x;
  border-color: #eee #eee #c8c8c8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  background: #242524;
  font-size: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: white;
  padding: 10px;
  margin: 0 !important;
  height: 20px;
  display: list-item;
}
.cx-stybd-sequence-title-header i {
  margin-top: 3px;
}
.cx-stybd-sequence-title-header .cx-dropdown-toggle {
  border: none;
  margin: 0 50px;
}
.cx-stybrd-description {
  margin: 0 0 10px 0;
  max-width: 90%;
  resize: none;
}
.sequence-list-item.sequence-item-move-moving {
  padding: 5px 10px;
  background-color: #434445;
  width: 200px;
}
.sequence-item-move-moving {
  list-style: none;
  z-index: 1000000;
}
.cx-stybd-shot-selection.goog-menu-button {
  margin: 0 !important;
  padding: 1px 2px 1px 2px;
  background: inherit;
  background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -ms-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: linear-gradient(top, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.cx-stybd-shot-selection.goog-menu-button:hover,
.cx-stybd-shot-selection.goog-menu-button:active,
.cx-stybd-shot-selection.goog-menu-button.active {
  background: #f2f2f2 !important;
  cursor: pointer;
  cursor: hand;
}
.cx-stybd-shot-selection.goog-menu-button:active,
.cx-stybd-shot-selection.goog-menu-button.active {
  background: #cccccc \9;
}
.cx-stybd-shot-selection.goog-menu-button .goog-menu-button-caption {
  color: #555;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  text-align: left;
}
.cx-stybd-shot-selection.goog-menu-button .goog-menu-button-outer-box,
.cx-stybd-shot-selection.goog-menu-button .goog-menu-button-inner-box {
  border: none;
}
.cx-stybrd-shot-title {
  display: block;
  font-weight: 500;
  border-top: none;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  background: #eceff1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  resize: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  text-align: left;
  padding: 4px;
  min-height: 45px;
  max-height: 300px;
  margin: 0px 10px;
  overflow: auto;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.cx-stybrd-shot-title:focus {
  outline: none;
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.cx-stybrd-shot-title .cx-stybrd-placeholder {
  color: #999;
}
.view-filter .btn-toolbar {
  border-right: 1px solid #ddd;
  padding-right: 16px;
  margin-right: 10px;
  margin-bottom: 0;
  line-height: 0;
  margin-top: 14px;
}
.view-filter .btn-toolbar.no-border {
  border-right: none;
}
.cx-stybd-sketch:hover .sketch-help-text {
  opacity: 1;
}
.sketch-help-text {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 30px;
  height: 111px;
  cursor: hand;
  cursor: pointer;
  color: #2FB5B4;
  background-color: #c8fbff;
  z-index: 1;
}
.sketch-help-text:hover {
  color: #35D4D2;
}
.cx-stybd-sequence-title-textbox {
  margin: 0;
  padding: 1px 4px;
}
.cx-stydb-sequence-list-toolbar {
  cursor: default;
  padding: 10px 20px;
  font-weight: normal;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  -webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 3px -1px #fff, 0 0 3px rgba(0,0,0,0.2);
  background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eee);
  background-image: linear-gradient(top, #f5f5f5, #eee);
  background-repeat: repeat-x;
  border-color: #eee #eee #c8c8c8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  -o-user-select: none;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  position: relative;
  padding: 5px 10px;
}
.cx-stydb-sequence-list-toolbar h4 {
  margin: 0px;
  font-size: 12px;
  line-height: 17px;
}
.cx-stydb-sequence-list-toolbar #add-sequence-button,
.cx-stydb-sequence-list-toolbar #sbplayer-button {
  text-shadow: none;
  box-shadow: none;
  background-color: #56c9cf;
  border: none;
  border-radius: 0;
  color: white;
  margin-right: 5px;
}
.cx-stydb-sequence-list-toolbar #sbplayer-button {
  background-color: #4f4f4f;
}
div.cx-stydb-sequence-list-toolbar {
  box-shadow: none;
  background-image: none;
  border: none;
  padding: 10px;
  margin: 0px;
  height: 20px;
  background-color: #242524;
  color: white;
}
#cx-details-container {
  background-color: #F5F6F7;
}
.cx-stybd-shot.gettingDragged {
  opacity: 0 !important;
}
@media (max-width: 675px) {
  .cx-stybd-shot-list {
    text-align: center;
  }
  .cx-stydb-sequence-list {
    width: 130px;
  }
  .cx-stydb-sequence-list .sequence-list-item .draghandle {
    display: none;
  }
  #details-container {
    margin-left: 130px;
  }
  .cx-stybd-sequence-title-header .cx-stybd-sequence-title {
    min-width: 190px;
  }
  .cx-stybd-sequence-title-header input {
    width: 190px;
  }
}
@media (max-width: 600px) {
  .cx-stybd-shot-selection.goog-menu-button .goog-menu-button-caption {
    width: 70px !important;
  }
  .cx-stybrd-shot-number {
    min-width: 40px;
    padding: 10px 0px;
    margin: 0 0 -10px -10px;
    font-size: 14px;
    line-height: 14px;
  }
  .cx-stybrd-shot-number:before {
    font-size: 24px;
    line-height: 14px;
  }
  .cx-stybd-shot-list {
    margin-top: 10px !important;
    padding: 8px 0 0 8px !important;
  }
  .cx-stybrd-shot-head {
    margin-left: -5px;
    margin-right: -5px;
  }
  .cx-stybd-shot,
  .cx-stybd-shotplaceholder {
    margin: 0 6px 12px 10px !important;
    width: 190px !important;
  }
  .cx-stybrd-shot-container {
    min-width: 180px !important;
    width: 180px !important;
    padding-left: 4px;
    padding-right: 4px;
  }
  .cx-stybd-shot-selection.goog-menu-button .goog-menu-button-caption {
    width: 157px;
  }
}
@media (max-width: 385px) {
  .cx-stydb-sequence-list {
    width: 90px;
  }
  .cx-stydb-sequence-list .cx-stydb-sequence-list-toolbar div {
    float: initial;
  }
  .cx-stydb-sequence-list .cx-stydb-sequence-list-toolbar h4 {
    display: none;
  }
  .cx-stydb-sequence-list .sequence-list-item .draghandle {
    display: none;
  }
  #details-container {
    margin-left: 90px;
  }
  .cx-stybd-sequence-title-header .cx-stybd-sequence-title {
    min-width: 120px;
  }
  .cx-stybd-sequence-title-header input {
    width: 120px;
  }
}
.stry-player-image-background {
  background-color: white;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.stry-player-image-display {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  position: absolute;
  background-color: #f2f4f5;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.stry-player-image-display .sequence {
  margin: 8px;
  padding: 10px;
  background-color: white;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font-weight: 500;
  color: #555;
}
.stry-player-image-display .desc {
  position: absolute;
  left: 20%;
  bottom: 24px;
  background-color: rgba(255, 255, 255, 0.95);
  text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
  width: 60%;
  padding: 5px;
  text-align: center;
  min-height: 30px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.stbdplayer-controls,
.stbdplayer-type,
.stbdplayer-controlSpeed {
  z-index: 11000;
  font-size: 30px;
  color: black;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.stbdplayer-controls a,
.stbdplayer-type a,
.stbdplayer-controlSpeed a {
  color: #404040;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.75);
  height: 30px;
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  padding: 10px;
  display: inline-block;
  vertical-align: top;
}
.stbdplayer-controls a i,
.stbdplayer-type a i,
.stbdplayer-controlSpeed a i {
  font-size: 30px;
}
.stbdplayer-controls a:hover,
.stbdplayer-type a:hover,
.stbdplayer-controlSpeed a:hover {
  color: #35D4D2;
}
.stbdplayer-controls a.active,
.stbdplayer-type a.active,
.stbdplayer-controlSpeed a.active {
  color: #2FB5B4;
}
.stbdplayer-controls {
  bottom: 20px;
  right: 5px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.stbdplayer-type {
  top: 10px;
  right: 5px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.stbdplayer-controlSpeed {
  bottom: 20px;
  left: 5px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}
.stbdplayer-controlSpeed .stbdplayer-close-icon {
  margin-left: -32px;
}
.storyboard-progress-bar {
  height: 10px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: white;
  opacity: 0.2;
  position: absolute;
  z-index: 10000;
}
.storyboard-progress-bar div {
  width: 0px;
  height: 10px;
  opacity: 0.9;
  background-color: #2980B9;
}
.image-progress-bar {
  height: 1px;
  padding-top: 1px;
  bottom: 10px;
  left: 0px;
  right: 0px;
  position: absolute;
  z-index: 10000;
  opacity: 0.9;
  background-color: white;
}
.image-progress-bar div {
  width: 0px;
  height: 1px;
  opacity: 1;
  background-color: black;
}
.image-progress-grow-fast {
  -webkit-transition: width 2900ms linear;
  -moz-transition: width 2900ms linear;
  -o-transition: width 2900ms linear;
  -ms-transition: width 2900ms linear;
  transition: width 2900ms linear;
}
.image-progress-grow-med {
  -webkit-transition: width 6400ms linear;
  -moz-transition: width 6400ms linear;
  -o-transition: width 6400ms linear;
  -ms-transition: width 6400ms linear;
  transition: width 6400ms linear;
}
.image-progress-grow-slow {
  -webkit-transition: width 9900ms linear;
  -moz-transition: width 9900ms linear;
  -o-transition: width 9900ms linear;
  -ms-transition: width 9900ms linear;
  transition: width 9900ms linear;
}
.img-list.img-list-stretch .stry-player-image-display {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.map-canvas-container {
  position: relative;
  background: #f5f5f5;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
}
.map-canvas-update-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -10px;
  font-size: 20px;
  line-height: 20px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  color: #2FB5B4;
  text-shadow: 0 1px rgba(0, 0, 0, 0.05);
}
.map-canvas-update {
  cursor: hand;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.65);
  width: 90%;
  height: 90%;
  padding: 5%;
  position: absolute;
  top: 0;
  left: 0;
}
.map-canvas-update:hover .map-canvas-update-text {
  color: #35D4D2;
  text-decoration: underline;
}
.map-canvas {
  width: 100%;
  height: 100%;
  text-align: center;
}
.map-canvas i {
  font-size: 100px;
  margin-top: -50px;
  position: relative;
  top: 50%;
  color: #888;
}
.tabber-contents {
  padding: 10px;
  background: #f5f5f5;
  border: solid 1px #ddd;
  border-top: none;
  text-align: left;
}
.tabber-tabs {
  margin-bottom: 0;
}
.tabber-tab {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.tabber-tab a {
  color: #666;
  padding: 8px 10px !important;
  margin: 0 !important;
}
.tabber-tab.active a {
  font-weight: bold;
  color: inherit;
  background: #f5f5f5;
}
.tabber-light .tabber-contents,
.tabber-light .tabber-tab.active a {
  background: #ffffff;
}
.tabber-dark .tabber-contents,
.tabber-dark .tabber-tab.active a {
  background: #E0E0E0;
}
.tabber-transparent {
  border: none;
}
.tabber-transparent .tabber-tabs {
  background: rgba(255, 255, 255, 0.2);
}
.tabber-transparent .tabber-contents,
.tabber-transparent .tabber-tab.active a,
.tabber-transparent .tabber-contents,
.tabber-transparent .tabber-tab a {
  background: transparent;
  border: none;
  color: white !important;
}
.tabber-transparent .tabber-contents:hover,
.tabber-transparent .tabber-tab.active a:hover,
.tabber-transparent .tabber-contents:hover,
.tabber-transparent .tabber-tab a:hover {
  background: transparent;
  border-color: transparent !important;
}
.tabber-transparent .tabber-tab.active a {
  background: #3b3d3e !important;
}
.tabber-transparent .tabber-tab.active a:hover {
  background: #3b3d3e !important;
}
.tabber-transparent .nav-tabs {
  border-bottom: none;
}
.tabber-transparent .nav-tabs li {
  margin-bottom: 0px;
}
.tabber-transparent .nav-tabs > li > a {
  color: white;
}
.tabber-transparent .nav-tabs > li > a:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: #2FB5B4;
}
.tabber-uppercase .tabber-contents,
.tabber-uppercase .tabber-tab a {
  text-transform: uppercase;
  border-radius: 0;
}
.tabber-vertical .tabber-tabs {
  display: inline-block;
  vertical-align: top;
  border-bottom: none;
}
.tabber-vertical .tabber-tab {
  float: none;
  display: block;
}
.tabber-vertical .tabber-tab a {
  margin-right: 0 !important;
  border-radius: 4px 0 0 4px;
  position: relative;
  right: -1px;
}
.tabber-vertical .tabber-tab.active a {
  border: solid 1px #CCC;
  border-right: none;
}
.tabber-vertical .tabber-contents {
  display: inline-block;
  vertical-align: top;
  border: solid 1px #CCC;
}
.tabber-minimal .tabber-contents {
  background: white;
  padding: 0px;
  border: 0px;
}
.tabber-minimal .tabber-tab {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.tabber-minimal .tabber-tab a {
  border: 0px;
  border-bottom: 4px solid transparent;
}
.tabber-minimal .tabber-tab a:hover {
  border: 0px;
  border-bottom: 4px solid transparent;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.05);
}
.tabber-minimal .tabber-tab.active a {
  background: #c4e6f2 !important;
  border: 0px;
  border-bottom: 4px solid #4fb1e8;
}
.tabber-flat .tabber-contents {
  background: white;
  padding: 0px;
  border: 0px;
}
.tabber-flat .tabber-tab a {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  background: white;
  color: #aaa;
}
.tabber-flat .tabber-tab.active a {
  background: white;
}
.tabber-flat .nav-tabs {
  border: none;
}
.tabber-flat .tabber-tab a {
  border: none;
}
.tabber-vertical.tabber-minimal .tabber-tab a {
  right: auto;
  border: 0px;
  border-right: 4px solid transparent;
}
.tabber-vertical.tabber-minimal .tabber-tab a:hover {
  border: 0px;
  border-right: 4px solid transparent;
}
.tabber-vertical.tabber-minimal .tabber-tab.active a {
  border-right: 4px solid #4fc0e8;
}
.tabber-tab-blue a {
  border: 1px solid transparent;
}
.tabber-tab-blue a:hover {
  border: 1px solid transparent;
}
.tabber-tab-blue.active a {
  color: #4fc0e8 !important;
}
.tabber-tab-blue.active a:hover {
  color: #4fc0e8 !important;
}
.tabber-tab-purple a {
  border: 1px solid transparent;
}
.tabber-tab-purple a:hover {
  border: 1px solid transparent;
}
.tabber-tab-purple.active a {
  color: #b42eda !important;
}
.tabber-tab-purple.active a:hover {
  color: #b42eda !important;
}
.tabber-tab-green a {
  border: 1px solid transparent;
}
.tabber-tab-green a:hover {
  border: 1px solid transparent;
}
.tabber-tab-green.active a {
  color: #3dd57d !important;
}
.tabber-tab-green.active a:hover {
  color: #3dd57d !important;
}
.tabber-tab-indigo a {
  border: 1px solid transparent;
}
.tabber-tab-indigo a:hover {
  border: 1px solid transparent;
}
.tabber-tab-indigo.active a {
  color: #426de6 !important;
}
.tabber-tab-indigo.active a:hover {
  color: #426de6 !important;
}
.tabber-tab-mint a {
  border: 1px solid transparent;
}
.tabber-tab-mint a:hover {
  border: 1px solid transparent;
}
.tabber-tab-mint.active a {
  color: #3fe18b !important;
}
.tabber-tab-mint.active a:hover {
  color: #3fe18b !important;
}
.tabber-center {
  text-align: center;
}
.tabber-center .tabber-tab {
  float: none !important;
  display: inline-block;
}
.tabber-big .tabber-tab a {
  font-size: 18px;
  padding: 15px 40px !important;
}
/*! Blueprint CSS 3.1.1 https://blueprintcss.dev License MIT 2019 */
html {
  box-sizing: border-box;
}
[bp~=container] {
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 1000px;
}
[bp~=grid] {
  display: grid!important;
  grid-gap: 16px;
  grid-template-columns: repeat(12, 1fr);
}
[bp~=vertical-start] {
  align-items: start;
}
[bp~=vertical-center] {
  align-items: center;
}
[bp~=vertical-end] {
  align-items: end;
}
[bp~=between] {
  justify-content: center;
}
[bp~=gap-none] {
  grid-gap: 0;
  margin-bottom: 0;
}
[bp~=gap-column-none] {
  grid-column-gap: 0;
}
[bp~=gap-row-none] {
  grid-row-gap: 0;
  margin-bottom: 0;
}
[bp~=first] {
  order: -1;
}
[bp~=last] {
  order: 12;
}
[bp~=hide] {
  display: none !important;
}
[bp~=show] {
  display: initial !important;
}
[bp~=grid][bp*='@'],
[bp~=grid][bp*='@lg'],
[bp~=grid][bp*='@md'],
[bp~=grid][bp*='@sm'],
[bp~=grid][bp*='@xl'] {
  grid-template-columns: 12fr;
}
[bp~='10@lg'],
[bp~='10@md'],
[bp~='10@sm'],
[bp~='10@xl'],
[bp~='11@lg'],
[bp~='11@md'],
[bp~='11@sm'],
[bp~='11@xl'],
[bp~='12@lg'],
[bp~='12@md'],
[bp~='12@sm'],
[bp~='12@xl'],
[bp~='1@lg'],
[bp~='1@md'],
[bp~='1@sm'],
[bp~='1@xl'],
[bp~='2@lg'],
[bp~='2@md'],
[bp~='2@sm'],
[bp~='2@xl'],
[bp~='3@lg'],
[bp~='3@md'],
[bp~='3@sm'],
[bp~='3@xl'],
[bp~='4@lg'],
[bp~='4@md'],
[bp~='4@sm'],
[bp~='4@xl'],
[bp~='5@lg'],
[bp~='5@md'],
[bp~='5@sm'],
[bp~='5@xl'],
[bp~='6@lg'],
[bp~='6@md'],
[bp~='6@sm'],
[bp~='6@xl'],
[bp~='7@lg'],
[bp~='7@md'],
[bp~='7@sm'],
[bp~='7@xl'],
[bp~='8@lg'],
[bp~='8@md'],
[bp~='8@sm'],
[bp~='8@xl'],
[bp~='9@lg'],
[bp~='9@md'],
[bp~='9@sm'],
[bp~='9@xl'] {
  grid-column: span 12;
}
[bp~=grid][bp~='1'] {
  grid-template-columns: repeat(12, 1fr);
}
[bp~='1'] {
  grid-column: span 1 / span 1;
}
[bp~=grid][bp~='2'] {
  grid-template-columns: repeat(6, 1fr);
}
[bp~='2'] {
  grid-column: span 2 / span 2;
}
[bp~=grid][bp~='3'] {
  grid-template-columns: repeat(4, 1fr);
}
[bp~='3'] {
  grid-column: span 3 / span 3;
}
[bp~=grid][bp~='4'] {
  grid-template-columns: repeat(3, 1fr);
}
[bp~='4'] {
  grid-column: span 4 / span 4;
}
[bp~=grid][bp~='5'] {
  grid-template-columns: repeat(2.4, 1fr);
}
[bp~='5'] {
  grid-column: span 5 / span 5;
}
[bp~=grid][bp~='6'] {
  grid-template-columns: repeat(2, 1fr);
}
[bp~='6'] {
  grid-column: span 6 / span 6;
}
[bp~=grid][bp~='7'] {
  grid-template-columns: repeat(1.71429, 1fr);
}
[bp~='7'] {
  grid-column: span 7 / span 7;
}
[bp~=grid][bp~='8'] {
  grid-template-columns: repeat(1.5, 1fr);
}
[bp~='8'] {
  grid-column: span 8 / span 8;
}
[bp~=grid][bp~='9'] {
  grid-template-columns: repeat(1.33333, 1fr);
}
[bp~='9'] {
  grid-column: span 9 / span 9;
}
[bp~=grid][bp~='10'] {
  grid-template-columns: repeat(1.2, 1fr);
}
[bp~='10'] {
  grid-column: span 10 / span 10;
}
[bp~=grid][bp~='11'] {
  grid-template-columns: repeat(1.09091, 1fr);
}
[bp~='11'] {
  grid-column: span 11 / span 11;
}
[bp~=grid][bp~='12'] {
  grid-template-columns: repeat(1, 1fr);
}
[bp~='12'] {
  grid-column: span 12 / span 12;
}
[bp~=offset-1] {
  grid-column-start: 1;
}
[bp~=offset-2] {
  grid-column-start: 2;
}
[bp~=offset-3] {
  grid-column-start: 3;
}
[bp~=offset-4] {
  grid-column-start: 4;
}
[bp~=offset-5] {
  grid-column-start: 5;
}
[bp~=offset-6] {
  grid-column-start: 6;
}
[bp~=offset-7] {
  grid-column-start: 7;
}
[bp~=offset-8] {
  grid-column-start: 8;
}
[bp~=offset-9] {
  grid-column-start: 9;
}
[bp~=offset-10] {
  grid-column-start: 10;
}
[bp~=offset-11] {
  grid-column-start: 11;
}
[bp~=offset-12] {
  grid-column-start: 12;
}
@media (min-width: 480px) {
  [bp~=grid][bp~='1@sm'] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~='1@sm'] {
    grid-column: span 1 / span 1;
  }
  [bp~=grid][bp~='2@sm'] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~='2@sm'] {
    grid-column: span 2 / span 2;
  }
  [bp~=grid][bp~='3@sm'] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~='3@sm'] {
    grid-column: span 3 / span 3;
  }
  [bp~=grid][bp~='4@sm'] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~='4@sm'] {
    grid-column: span 4 / span 4;
  }
  [bp~=grid][bp~='5@sm'] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~='5@sm'] {
    grid-column: span 5 / span 5;
  }
  [bp~=grid][bp~='6@sm'] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~='6@sm'] {
    grid-column: span 6 / span 6;
  }
  [bp~=grid][bp~='7@sm'] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~='7@sm'] {
    grid-column: span 7 / span 7;
  }
  [bp~=grid][bp~='8@sm'] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~='8@sm'] {
    grid-column: span 8 / span 8;
  }
  [bp~=grid][bp~='9@sm'] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~='9@sm'] {
    grid-column: span 9 / span 9;
  }
  [bp~=grid][bp~='10@sm'] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~='10@sm'] {
    grid-column: span 10 / span 10;
  }
  [bp~=grid][bp~='11@sm'] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~='11@sm'] {
    grid-column: span 11 / span 11;
  }
  [bp~=grid][bp~='12@sm'] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~='12@sm'] {
    grid-column: span 12 / span 12;
  }
  [bp~='offset-1@sm'] {
    grid-column-start: 1;
  }
  [bp~='offset-2@sm'] {
    grid-column-start: 2;
  }
  [bp~='offset-3@sm'] {
    grid-column-start: 3;
  }
  [bp~='offset-4@sm'] {
    grid-column-start: 4;
  }
  [bp~='offset-5@sm'] {
    grid-column-start: 5;
  }
  [bp~='offset-6@sm'] {
    grid-column-start: 6;
  }
  [bp~='offset-7@sm'] {
    grid-column-start: 7;
  }
  [bp~='offset-8@sm'] {
    grid-column-start: 8;
  }
  [bp~='offset-9@sm'] {
    grid-column-start: 9;
  }
  [bp~='offset-10@sm'] {
    grid-column-start: 10;
  }
  [bp~='offset-11@sm'] {
    grid-column-start: 11;
  }
  [bp~='offset-12@sm'] {
    grid-column-start: 12;
  }
  [bp~='hide@sm'] {
    display: none !important;
  }
  [bp~='show@sm'] {
    display: initial !important;
  }
  [bp~='first@sm'] {
    order: -1;
  }
  [bp~='last@sm'] {
    order: 12;
  }
}
@media (min-width: 720px) {
  [bp~=grid][bp~='1@md'] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~='1@md'] {
    grid-column: span 1 / span 1;
  }
  [bp~=grid][bp~='2@md'] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~='2@md'] {
    grid-column: span 2 / span 2;
  }
  [bp~=grid][bp~='3@md'] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~='3@md'] {
    grid-column: span 3 / span 3;
  }
  [bp~=grid][bp~='4@md'] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~='4@md'] {
    grid-column: span 4 / span 4;
  }
  [bp~=grid][bp~='5@md'] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~='5@md'] {
    grid-column: span 5 / span 5;
  }
  [bp~=grid][bp~='6@md'] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~='6@md'] {
    grid-column: span 6 / span 6;
  }
  [bp~=grid][bp~='7@md'] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~='7@md'] {
    grid-column: span 7 / span 7;
  }
  [bp~=grid][bp~='8@md'] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~='8@md'] {
    grid-column: span 8 / span 8;
  }
  [bp~=grid][bp~='9@md'] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~='9@md'] {
    grid-column: span 9 / span 9;
  }
  [bp~=grid][bp~='10@md'] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~='10@md'] {
    grid-column: span 10 / span 10;
  }
  [bp~=grid][bp~='11@md'] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~='11@md'] {
    grid-column: span 11 / span 11;
  }
  [bp~=grid][bp~='12@md'] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~='12@md'] {
    grid-column: span 12 / span 12;
  }
  [bp~='offset-1@md'] {
    grid-column-start: 1;
  }
  [bp~='offset-2@md'] {
    grid-column-start: 2;
  }
  [bp~='offset-3@md'] {
    grid-column-start: 3;
  }
  [bp~='offset-4@md'] {
    grid-column-start: 4;
  }
  [bp~='offset-5@md'] {
    grid-column-start: 5;
  }
  [bp~='offset-6@md'] {
    grid-column-start: 6;
  }
  [bp~='offset-7@md'] {
    grid-column-start: 7;
  }
  [bp~='offset-8@md'] {
    grid-column-start: 8;
  }
  [bp~='offset-9@md'] {
    grid-column-start: 9;
  }
  [bp~='offset-10@md'] {
    grid-column-start: 10;
  }
  [bp~='offset-11@md'] {
    grid-column-start: 11;
  }
  [bp~='offset-12@md'] {
    grid-column-start: 12;
  }
  [bp~='hide@md'] {
    display: none !important;
  }
  [bp~='show@md'] {
    display: initial !important;
  }
  [bp~='first@md'] {
    order: -1;
  }
  [bp~='last@md'] {
    order: 12;
  }
}
@media (min-width: 960px) {
  [bp~=grid][bp~='1@lg'] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~='1@lg'] {
    grid-column: span 1 / span 1;
  }
  [bp~=grid][bp~='2@lg'] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~='2@lg'] {
    grid-column: span 2 / span 2;
  }
  [bp~=grid][bp~='3@lg'] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~='3@lg'] {
    grid-column: span 3 / span 3;
  }
  [bp~=grid][bp~='4@lg'] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~='4@lg'] {
    grid-column: span 4 / span 4;
  }
  [bp~=grid][bp~='5@lg'] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~='5@lg'] {
    grid-column: span 5 / span 5;
  }
  [bp~=grid][bp~='6@lg'] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~='6@lg'] {
    grid-column: span 6 / span 6;
  }
  [bp~=grid][bp~='7@lg'] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~='7@lg'] {
    grid-column: span 7 / span 7;
  }
  [bp~=grid][bp~='8@lg'] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~='8@lg'] {
    grid-column: span 8 / span 8;
  }
  [bp~=grid][bp~='9@lg'] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~='9@lg'] {
    grid-column: span 9 / span 9;
  }
  [bp~=grid][bp~='10@lg'] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~='10@lg'] {
    grid-column: span 10 / span 10;
  }
  [bp~=grid][bp~='11@lg'] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~='11@lg'] {
    grid-column: span 11 / span 11;
  }
  [bp~=grid][bp~='12@lg'] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~='12@lg'] {
    grid-column: span 12 / span 12;
  }
  [bp~='offset-1@lg'] {
    grid-column-start: 1;
  }
  [bp~='offset-2@lg'] {
    grid-column-start: 2;
  }
  [bp~='offset-3@lg'] {
    grid-column-start: 3;
  }
  [bp~='offset-4@lg'] {
    grid-column-start: 4;
  }
  [bp~='offset-5@lg'] {
    grid-column-start: 5;
  }
  [bp~='offset-6@lg'] {
    grid-column-start: 6;
  }
  [bp~='offset-7@lg'] {
    grid-column-start: 7;
  }
  [bp~='offset-8@lg'] {
    grid-column-start: 8;
  }
  [bp~='offset-9@lg'] {
    grid-column-start: 9;
  }
  [bp~='offset-10@lg'] {
    grid-column-start: 10;
  }
  [bp~='offset-11@lg'] {
    grid-column-start: 11;
  }
  [bp~='offset-12@lg'] {
    grid-column-start: 12;
  }
  [bp~='hide@lg'] {
    display: none !important;
  }
  [bp~='show@lg'] {
    display: initial !important;
  }
  [bp~='first@lg'] {
    order: -1;
  }
  [bp~='last@lg'] {
    order: 12;
  }
}
@media (min-width: 1440px) {
  [bp~=grid][bp~='1@xl'] {
    grid-template-columns: repeat(12, 1fr);
  }
  [bp~='1@xl'] {
    grid-column: span 1 / span 1;
  }
  [bp~=grid][bp~='2@xl'] {
    grid-template-columns: repeat(6, 1fr);
  }
  [bp~='2@xl'] {
    grid-column: span 2 / span 2;
  }
  [bp~=grid][bp~='3@xl'] {
    grid-template-columns: repeat(4, 1fr);
  }
  [bp~='3@xl'] {
    grid-column: span 3 / span 3;
  }
  [bp~=grid][bp~='4@xl'] {
    grid-template-columns: repeat(3, 1fr);
  }
  [bp~='4@xl'] {
    grid-column: span 4 / span 4;
  }
  [bp~=grid][bp~='5@xl'] {
    grid-template-columns: repeat(2.4, 1fr);
  }
  [bp~='5@xl'] {
    grid-column: span 5 / span 5;
  }
  [bp~=grid][bp~='6@xl'] {
    grid-template-columns: repeat(2, 1fr);
  }
  [bp~='6@xl'] {
    grid-column: span 6 / span 6;
  }
  [bp~=grid][bp~='7@xl'] {
    grid-template-columns: repeat(1.71429, 1fr);
  }
  [bp~='7@xl'] {
    grid-column: span 7 / span 7;
  }
  [bp~=grid][bp~='8@xl'] {
    grid-template-columns: repeat(1.5, 1fr);
  }
  [bp~='8@xl'] {
    grid-column: span 8 / span 8;
  }
  [bp~=grid][bp~='9@xl'] {
    grid-template-columns: repeat(1.33333, 1fr);
  }
  [bp~='9@xl'] {
    grid-column: span 9 / span 9;
  }
  [bp~=grid][bp~='10@xl'] {
    grid-template-columns: repeat(1.2, 1fr);
  }
  [bp~='10@xl'] {
    grid-column: span 10 / span 10;
  }
  [bp~=grid][bp~='11@xl'] {
    grid-template-columns: repeat(1.09091, 1fr);
  }
  [bp~='11@xl'] {
    grid-column: span 11 / span 11;
  }
  [bp~=grid][bp~='12@xl'] {
    grid-template-columns: repeat(1, 1fr);
  }
  [bp~='12@xl'] {
    grid-column: span 12 / span 12;
  }
  [bp~='offset-1@xl'] {
    grid-column-start: 1;
  }
  [bp~='offset-2@xl'] {
    grid-column-start: 2;
  }
  [bp~='offset-3@xl'] {
    grid-column-start: 3;
  }
  [bp~='offset-4@xl'] {
    grid-column-start: 4;
  }
  [bp~='offset-5@xl'] {
    grid-column-start: 5;
  }
  [bp~='offset-6@xl'] {
    grid-column-start: 6;
  }
  [bp~='offset-7@xl'] {
    grid-column-start: 7;
  }
  [bp~='offset-8@xl'] {
    grid-column-start: 8;
  }
  [bp~='offset-9@xl'] {
    grid-column-start: 9;
  }
  [bp~='offset-10@xl'] {
    grid-column-start: 10;
  }
  [bp~='offset-11@xl'] {
    grid-column-start: 11;
  }
  [bp~='offset-12@xl'] {
    grid-column-start: 12;
  }
  [bp~='hide@xl'] {
    display: none !important;
  }
  [bp~='show@xl'] {
    display: initial !important;
  }
  [bp~='first@xl'] {
    order: -1;
  }
  [bp~='last@xl'] {
    order: 12;
  }
}
[bp~=flex] {
  flex-wrap: wrap;
  display: flex;
}
[bp~=fill] {
  flex: 1 1 0%;
  flex-basis: 0%;
}
[bp~=fit] {
  flex-basis: auto;
}
[bp~=float-center] {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
}
[bp~=float-left] {
  float: left;
}
[bp~=float-right] {
  float: right;
}
[bp~=clear-fix]::after {
  content: '';
  display: table;
  clear: both;
}
[bp~=text-left] {
  text-align: left;
}
[bp~=text-right] {
  text-align: right;
}
[bp~=text-center] {
  text-align: center;
}
[bp~='1--max'] {
  max-width: 83.33333px !important;
}
[bp~='2--max'] {
  max-width: 166.66667px !important;
}
[bp~='3--max'] {
  max-width: 250px !important;
}
[bp~='4--max'] {
  max-width: 333.33333px !important;
}
[bp~='5--max'] {
  max-width: 416.66667px !important;
}
[bp~='6--max'] {
  max-width: 500px !important;
}
[bp~='7--max'] {
  max-width: 583.33333px !important;
}
[bp~='8--max'] {
  max-width: 666.66667px !important;
}
[bp~='9--max'] {
  max-width: 750px !important;
}
[bp~='10--max'] {
  max-width: 833.33333px !important;
}
[bp~='11--max'] {
  max-width: 916.66667px !important;
}
[bp~='12--max'] {
  max-width: 1000px !important;
}
[bp~=full-width] {
  width: 100%;
}
@media (max-width: 480px) {
  [bp~='full-width-until@sm'] {
    width: 100%!important;
    max-width: 100% !important;
  }
}
@media (max-width: 720px) {
  [bp~='full-width-until@md'] {
    width: 100%!important;
    max-width: 100% !important;
  }
}
@media (max-width: 960px) {
  [bp~='full-width-until@lg'] {
    width: 100%!important;
    max-width: 100% !important;
  }
}
@media (max-width: 1440px) {
  [bp~='full-width-until@xl'] {
    width: 100%!important;
    max-width: 100% !important;
  }
}
[bp~=margin--xs] {
  margin: 4px !important;
}
[bp~=margin-top--xs] {
  margin-top: 4px !important;
}
[bp~=margin-bottom--xs] {
  margin-bottom: 4px !important;
}
[bp~=margin-right--xs] {
  margin-right: 4px !important;
}
[bp~=margin-left--xs] {
  margin-left: 4px !important;
}
[bp~=padding--xs] {
  padding: 4px !important;
}
[bp~=padding-top--xs] {
  padding-top: 4px !important;
}
[bp~=padding-bottom--xs] {
  padding-bottom: 4px !important;
}
[bp~=padding-right--xs] {
  padding-right: 4px !important;
}
[bp~=padding-left--xs] {
  padding-left: 4px !important;
}
[bp~=margin--sm] {
  margin: 8px !important;
}
[bp~=margin-top--sm] {
  margin-top: 8px !important;
}
[bp~=margin-bottom--sm] {
  margin-bottom: 8px !important;
}
[bp~=margin-right--sm] {
  margin-right: 8px !important;
}
[bp~=margin-left--sm] {
  margin-left: 8px !important;
}
[bp~=padding--sm] {
  padding: 8px !important;
}
[bp~=padding-top--sm] {
  padding-top: 8px !important;
}
[bp~=padding-bottom--sm] {
  padding-bottom: 8px !important;
}
[bp~=padding-right--sm] {
  padding-right: 8px !important;
}
[bp~=padding-left--sm] {
  padding-left: 8px !important;
}
[bp~=margin] {
  margin: 16px !important;
}
[bp~=margin-top] {
  margin-top: 16px !important;
}
[bp~=margin-bottom] {
  margin-bottom: 16px !important;
}
[bp~=margin-right] {
  margin-right: 16px !important;
}
[bp~=margin-left] {
  margin-left: 16px !important;
}
[bp~=padding] {
  padding: 16px !important;
}
[bp~=padding-top] {
  padding-top: 16px !important;
}
[bp~=padding-bottom] {
  padding-bottom: 16px !important;
}
[bp~=padding-right] {
  padding-right: 16px !important;
}
[bp~=padding-left] {
  padding-left: 16px !important;
}
[bp~=margin--lg] {
  margin: 24px !important;
}
[bp~=margin-top--lg] {
  margin-top: 24px !important;
}
[bp~=margin-bottom--lg] {
  margin-bottom: 24px !important;
}
[bp~=margin-right--lg] {
  margin-right: 24px !important;
}
[bp~=margin-left--lg] {
  margin-left: 24px !important;
}
[bp~=padding--lg] {
  padding: 24px !important;
}
[bp~=padding-top--lg] {
  padding-top: 24px !important;
}
[bp~=padding-bottom--lg] {
  padding-bottom: 24px !important;
}
[bp~=padding-right--lg] {
  padding-right: 24px !important;
}
[bp~=padding-left--lg] {
  padding-left: 24px !important;
}
[bp~=margin--none] {
  margin: 0 !important;
}
[bp~=margin-top--none] {
  margin-top: 0 !important;
}
[bp~=margin-bottom--none] {
  margin-bottom: 0 !important;
}
[bp~=margin-right--none] {
  margin-right: 0 !important;
}
[bp~=margin-left--none] {
  margin-left: 0 !important;
}
[bp~=padding--none] {
  padding: 0 !important;
}
[bp~=padding-top--none] {
  padding-top: 0 !important;
}
[bp~=padding-bottom--none] {
  padding-bottom: 0 !important;
}
[bp~=padding-right--none] {
  padding-right: 0 !important;
}
[bp~=padding-left--none] {
  padding-left: 0 !important;
}
.expandlist-category-header,
.sortby-header {
  max-width: 1176px;
  padding: 8px 16px;
  margin: 0 auto;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  background: #F6F6F6;
  -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  color: #555;
  border-bottom: 1px solid #CCC;
  font-weight: 600;
  text-transform: lowercase;
  height: 18px;
  overflow: hidden;
}
.expandlist-category-header th,
.sortby-header th {
  font-weight: 600;
}
.expandlist-category-footer,
.sortby-footer {
  max-width: 1176px;
  padding: 8px 12px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  background: #F4F9FA;
  color: #555;
  border-bottom: 1px solid #CCC;
  text-transform: lowercase;
  height: 18px;
  overflow: hidden;
}
.expandlist-category-footer-col-title {
  font-weight: bold;
}
.expandlist-category-footer-col-value {
  font-weight: normal;
}
.expandlist-category-title {
  padding: 10px 12px;
  background: #2980b9;
  color: white;
  padding: 7px 11px;
  font-size: 16px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.2);
  border: 1px solid #2980b9;
}
.expandlist-category-item-header {
  padding: 0 12px;
  overflow: hidden;
  height: 60px;
  border-bottom: 1px solid #ddd;
}
.expandlist-category-item-content {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 8px 2px 8px 10px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: normal;
  background: #fff;
}
.expandlist-category-header-col {
  height: 18px;
  margin-bottom: 5px;
}
.expandlist-category-header-colName {
  min-width: 250px;
}
.expandlist-category-header-col,
.expandlist-category-item-col,
.sortby-header-col {
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  padding-left: 2px;
  padding-right: 2px;
}
.expandlist-category-header-col input,
.expandlist-category-item-col input,
.sortby-header-col input,
.expandlist-category-header-col select,
.expandlist-category-item-col select,
.sortby-header-col select,
.expandlist-category-header-col textarea,
.expandlist-category-item-col textarea,
.sortby-header-col textarea {
  max-width: 98%;
}
.expandlist-category-header-col select,
.expandlist-category-item-col select,
.sortby-header-col select {
  font-size: 11px;
}
.expandlist-category-header-col input,
.expandlist-category-item-col input,
.sortby-header-col input {
  font-size: 12px;
}
.expandlist-category-header-col.active,
.expandlist-category-item-col.active,
.sortby-header-col.active,
.expandlist-category-header-col.goog-tablesorter-sorted,
.expandlist-category-item-col.goog-tablesorter-sorted,
.sortby-header-col.goog-tablesorter-sorted {
  color: #2FB5B4;
}
.expandlist-category-header-col.active:after,
.expandlist-category-item-col.active:after,
.sortby-header-col.active:after,
.expandlist-category-header-col.goog-tablesorter-sorted:after,
.expandlist-category-item-col.goog-tablesorter-sorted:after,
.sortby-header-col.goog-tablesorter-sorted:after {
  content: '\e827';
  font-family: celtxicons !important;
  margin-left: 3px;
  margin-top: -1px;
  display: inline-block;
  vertical-align: top;
}
.expandlist-category-header-col.active.reverse:after,
.expandlist-category-item-col.active.reverse:after,
.sortby-header-col.active.reverse:after,
.expandlist-category-header-col.goog-tablesorter-sorted.reverse:after,
.expandlist-category-item-col.goog-tablesorter-sorted.reverse:after,
.sortby-header-col.goog-tablesorter-sorted.reverse:after {
  content: '\e897';
}
.expandlist-category-header-col.goog-tablesorter-sorted-reverse,
.expandlist-category-item-col.goog-tablesorter-sorted-reverse,
.sortby-header-col.goog-tablesorter-sorted-reverse {
  color: #2FB5B4;
}
.expandlist-category-header-col.goog-tablesorter-sorted-reverse:after,
.expandlist-category-item-col.goog-tablesorter-sorted-reverse:after,
.sortby-header-col.goog-tablesorter-sorted-reverse:after {
  content: '\e897';
  font-family: celtxicons !important;
  margin-left: 3px;
  margin-top: -1px;
  display: inline-block;
  vertical-align: top;
}
.expandlist-category-header-col.expandlist-category-item-img-container,
.expandlist-category-item-col.expandlist-category-item-img-container,
.sortby-header-col.expandlist-category-item-img-container {
  margin-left: -12px;
  margin-right: 4px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 60px;
  border-right: 1px solid #ddd;
  position: relative;
}
.expandlist-category-header-img-col {
  padding: 0;
  margin-left: -5px;
  margin-right: 0;
  width: 50px;
}
.expandlist-category-item-colRight,
.sortby-header-colRight {
  float: right;
  text-align: right;
  margin-left: 4px;
  margin-right: 0px;
}
.expandlist-category-item-colRight input,
.sortby-header-colRight input,
.expandlist-category-item-colRight select,
.sortby-header-colRight select,
.expandlist-category-item-colRight option,
.sortby-header-colRight option {
  text-align: right;
}
.expandlist-category-item-colLeft,
.sortby-header-colLeft {
  text-align: left;
  margin-right: 20px;
  margin-left: 0px;
}
.expandlist-category-header-colLong {
  width: 100px;
}
.expandlist-category-header-colLong:not(.cat-item-name):not(.cat-item-desc):not(.characternumberview-item-title):not(.sortby-header-colLeft) {
  text-align: center;
}
.cat-item-desc {
  width: 250px;
  max-height: 20px;
}
@media (max-width: 1400px) {
  .cat-item-desc {
    width: 240px;
  }
}
@media (max-width: 1200px) {
  .cat-item-desc {
    width: 140px;
  }
}
.sidenav {
  width: 226px;
  margin: 0px;
  border: none;
  float: left;
}
.sidenav-header {
  border-width: 1px;
  border-style: solid;
  color: #f2f2f2 !important;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  background-color: rgba(77, 77, 77, 0.974) !important;
  background-image: -moz-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: -ms-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(82, 82, 82, 0.99)), to(rgba(69, 69, 69, 0.95))) !important;
  background-image: -webkit-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: -o-linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-image: linear-gradient(top, rgba(82, 82, 82, 0.99), rgba(69, 69, 69, 0.95)) !important;
  background-repeat: repeat-x !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), inset 0 -1px 3px -1px rgba(255,255,255,0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), inset 0 -1px 3px -1px rgba(255,255,255,0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), inset 0 -1px 3px -1px rgba(255,255,255,0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 11px 9px;
  font-size: 18px;
  color: white;
}
.sidenav-header [class^="icon-"],
.sidenav-header [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}
.sidenav-header .goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.sidenav-header .goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.sidenav-header .goog-toolbar-separator {
  border-left: 1px solid #555 !important;
  border-right: 1px solid #777 !important;
}
.sidenav-list {
  background: #242524;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidenav-list::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.sidenav-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}
.sidenav-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.sidenav-list-header {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #2a3b41;
  font-weight: 600;
  opacity: 1;
  color: #999;
  padding: 10px 10px;
  text-shadow: 1px 1px black;
}
.sidenav-list-header:not(:first-child) {
  margin-top: 10px;
}
.sidenav-list-item {
  margin: 0;
  padding: 0;
  padding: 8px 10px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  -webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3);
  color: #ddd;
  cursor: pointer;
  clear: both;
}
.sidenav-list-item:hover {
  background-color: #333;
}
.sidenav-list-item.selected,
.sidenav-list-item.active {
  color: #2FB5B4;
  background-color: #333;
}
.sidenav-list-item.selected .sidenav-list-item-name,
.sidenav-list-item.active .sidenav-list-item-name {
  color: #2FB5B4;
}
.sidenav-list-item-name {
  color: #ddd;
  text-decoration: none;
}
.cx-nav-studio-management-submenu {
  display: none;
  width: 100%;
}
.cx-nav-studio-management-submenu {
  display: none;
}
.cx-nav-trash-counter {
  float: right;
  margin: 3px 10px;
  vertical-align: middle;
}
.navbar-trash ul {
  background: #141618;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.navbar-trash li {
  color: #fff;
  background: #141618;
  display: block;
  float: left;
  padding: 10px 15px;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
.navbar-trash li a {
  color: #fff;
}
.navbar-trash li:hover {
  background: #1f2124;
  cursor: pointer;
}
.navbar-trash ul {
  visibility: hidden;
  opacity: 0;
  min-width: fit-content;
  position: absolute;
  transition: all 0.5s ease;
  left: 235px;
  display: none;
}
.navbar-trash:hover > ul,
.navbar-trash ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
.navbar-trash:hover > ul ~ a,
.navbar-trash ul:hover ~ a {
  background-color: #1f2124;
}
.navbar-trash ul li {
  clear: both;
  width: 100%;
}
.navbar-trash .cx-nav-trash-counter::after {
  font-family: 'celtxicons';
  content: '\e87a';
  margin-left: 5px;
  font-size: 12px;
}
.cx-nav-submenu {
  width: auto;
  background-color: #141618;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.cx-nav-submenu-item {
  display: block;
  font-size: 12px;
  cursor: pointer;
  color: #a0a0a0;
  letter-spacing: 1px;
}
.studiomgnt-sub-selected {
  font-weight: bold;
  background-color: #0d0d0d;
}
.cx-nav-studio-management-submenu-item:hover {
  color: #fff;
}
.cx-nav-home-labelscontainer {
  width: auto;
  background-color: #141618;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.cx-nav-submenu-item:hover {
  color: #FFF;
}
.cx-nav-home-labelscontainer-item-text {
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  cursor: pointer;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-nav-home-labelscontainer-item-count-content {
  font-size: 11px;
  margin-right: 20px;
}
.sidenav-list-navbreakcontainer {
  color: #ccc;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  padding: 10px;
  letter-spacing: 2px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.sidenav-list-navbreakcontainer:not(:first-child) {
  margin-top: 10px;
}
@media (max-width: 600px) {
  .sidenav {
    width: 146px;
  }
}
.cxlabel {
  text-align: left;
  margin-bottom: 20px;
}
.cxlabel-label {
  display: block;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 15px;
  color: #333;
  font-weight: bold;
}
.cxlabel-input {
  display: inline-block;
  vertical-align: top;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 16px;
  padding: 7px 6px 6px 6px;
  width: 300px;
  margin: 4px 0 2px 0;
}
select.cxlabel-input {
  height: 33px;
  width: 313px;
}
.cxlabel-message {
  display: block;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 13px;
  color: #777;
  font-style: italic;
}
.infocardform .infomanagerbox-label,
.infocardform-label {
  width: auto;
  margin-bottom: 6px;
  color: #F6F6F6;
  font-weight: 600;
  font-family: 'lato', 'proxima-nova', 'sans-serif';
}
.infocardform .infomanagerbox-label:after,
.infocardform-label:after {
  content: '(optional)';
  color: #999;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  font-weight: normal;
  font-size: 12px;
}
.infocardform .infomanagerbox-row-required .infomanagerbox-label:after,
.infocardform-label-row-required .infomanagerbox-label:after,
.infocardform .infomanagerbox-row-required .infocardform-label:after,
.infocardform-label-row-required .infocardform-label:after {
  content: '';
}
.infocardform {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  background: none;
  width: 360px;
  min-height: auto;
}
.infocardform .infomanagerbox-content {
  padding: 0;
}
.infocardform .infomanagerbox-title {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.infocardform .infomanagerbox-editinput-content {
  max-width: 330px;
}
.infocardform .infomanagerbox-desc {
  display: block;
}
.infocardform .autoblocklist {
  padding: 2px 2px 6px 2px;
}
.infocardform .infomanagerbox-labelcontent {
  display: block;
}
.infocardform .infomanagerbox-editinput-container {
  display: block;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.infocardform .infomanagerbox-editinput:not(.togglebox) {
  width: 340px;
  max-width: 90%;
}
.infocardform .infomanagerbox-edittextarea {
  height: 140px;
}
.infocardform .infomanagerbox-editinput-twoinputs-container .infomanagerbox-editinput {
  display: inline-block;
  width: 150px;
  margin-right: 10px;
}
.infocardform .infomanagerbox-editinput-twoinputs-container .infomanagerbox-editinput:nth-child(2) {
  margin-right: 0;
}
.infocardform .infomanagerbox-editinput-twoinputs-container .infomanagerbox-editinput:nth-child(2) {
  margin-right: 0;
}
.infoformhr {
  margin: 40px 0;
}
.multidigitinputs-input {
  font-size: 30px;
  width: 30px;
  margin: 12px;
  padding: 15px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.multidigitinputs-hyphen {
  font-size: 30px;
  margin: 10px;
  padding: 15px 5px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 0px;
  width: 0px;
}
.spinnerdots {
  margin: 100px auto 0px;
  width: 70px;
  text-align: center;
}
.spinnerdots-centered {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -10px;
}
.spinnerdots-smallmargin {
  margin: 40px 0 30px 0;
}
.spinnerdots > div {
  width: 18px;
  height: 18px;
  margin: 0 2px;
  background-color: #ccc;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.spinnerdots .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinnerdots .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.gradient-spinner {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  animation: spin 1.2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gradient-spinner span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
}
.gradient-spinner span:nth-child(1) {
  filter: blur(5px);
}
.gradient-spinner span:nth-child(2) {
  filter: blur(10px);
}
.gradient-spinner span:nth-child(3) {
  filter: blur(25px);
}
.gradient-spinner span:nth-child(4) {
  filter: blur(50px);
}
.gradient-spinner:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: rgba(90, 90, 90, 0.43);
  border: solid #F6F6F6 2px;
  border-radius: 50%;
}
@font-face {
  font-family: 'Courier Prime';
  src: url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrime.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrime.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrime.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Courier Prime';
  src: url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeBold.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeBold.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Courier Prime';
  src: url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeItalic.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeItalic.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Courier Prime';
  src: url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeBoldItalic.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeBoldItalic.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/v3/CourierPrimeBoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
.attention-highlight,
.attention-highlight.btn,
.btn-group .dropdown-toggle.attention-highlight {
  box-shadow: 0 0 0 #ffffff;
  -webkit-animation: pulse 1.5s infinite;
  animation: pulse 1.5s infinite;
}
.attention-highlight:hover,
.attention-highlight.btn:hover,
.btn-group .dropdown-toggle.attention-highlight:hover {
  -webkit-animation: none;
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #ffffff;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 #ffffff;
    box-shadow: 0 0 0 0 #ffffff;
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.minimalistselect {
  border: none !important;
  background: transparent !important;
  color: inherit !important;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: bold;
  text-decoration: underline;
  border-top: 1px solid rgba(0, 0, 0, 0) !important;
  position: relative;
  text-align: left;
}
.minimalistselect.minimalistselect-bigfixed {
  width: 204px;
}
.minimalistselect .goog-menu-button-outer-box,
.minimalistselect .goog-menu-button-inner-box {
  border: none !important;
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: block;
}
.minimalistselect .goog-menu-button-inner-box {
  padding: 0 0 0 1px !important;
}
.minimalistselect .goog-menu-button-dropdown {
  background: transparent;
  font-size: 8px;
  vertical-align: middle;
  margin-left: 4px;
  color: inherit !important;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 3px;
  width: auto;
}
.minimalistselect .goog-menu-button-caption {
  color: inherit !important;
  margin-right: 13px !important;
  font-size: 12px;
  line-height: 15px !important;
}
.minimalistselect-flat {
  background: white !important;
  padding: 4px 6px 4px 9px !important;
  border-bottom: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  color: #444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: normal;
}
.growinginputs-row {
  margin-bottom: 10px;
}
.growinginputs-row .trashbtn-container {
  width: 36px;
  display: inline-block;
  vertical-align: middle;
}
.growinginputs-row.lastrow .trashbtn {
  display: none;
}
.autoblock {
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  color: white;
  padding: 2px 6px;
  margin: 5px 0 0 5px;
  font-size: 13px;
  line-height: 18px;
  cursor: grab;
  background-image: -moz-linear-gradient(top, #049cdb, #048ac2);
  background-image: -ms-linear-gradient(top, #049cdb, #048ac2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#049cdb), to(#048ac2));
  background-image: -webkit-linear-gradient(top, #049cdb, #048ac2);
  background-image: -o-linear-gradient(top, #049cdb, #048ac2);
  background-image: linear-gradient(top, #049cdb, #048ac2);
  background-repeat: repeat-x;
  border-color: #048ac2 #048ac2 #025577;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.autoblock.grabbing {
  cursor: grabbing;
}
.autoblock.readonly {
  cursor: default;
}
.autoblocklist {
  padding: 0 5px;
  overflow: hidden;
}
.autoblocklist div[role="combobox"] {
  display: none;
}
.autoblocklist.editing {
  overflow-y: auto;
  overflow-x: hidden;
  background: white;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.autoblocklist.editing:focus,
.autoblocklist.editing.focus {
  outline: none;
  border-color: #9ecaed;
}
.autoblocklist.editing .autoblock .autoblock-colorselect,
.autoblocklist.editing .autoblock .autoblock-remove {
  display: inline-block;
}
.autoblocklist.add-remove {
  min-width: 100px;
}
.autoblocklist.add-remove .autoblock .autoblock-colorselect,
.autoblocklist.add-remove .autoblock .autoblock-remove {
  display: inline-block;
}
.autoblock-text {
  vertical-align: middle;
}
.autoblock-colorselect {
  display: none;
  vertical-align: middle;
  padding: 0 4px;
}
.autoblock-colorselect .autoblock-colorselect-caret {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.autoblock-remove {
  display: none;
  padding: 0 2px;
  position: relative;
  top: -1px;
  color: white;
}
.autoblock-remove:hover {
  color: #eee;
}
.autoblock-input {
  display: inline-block;
  border: none;
  background: transparent !important;
  box-shadow: none;
  width: 40px;
  margin: 2px 0 0 0;
  padding: 4px;
  padding-bottom: 0;
}
.autoblock-input:focus {
  outline: none;
  box-shadow: none;
}
.default-textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.autoblocksearch {
  float: right;
  width: 360px;
}
.autoblocksearch .autoblock {
  margin-top: 2px;
}
.autoblocksearch .autoblocklist {
  height: 22px;
  margin-top: 3px;
}
.autoblocksearch .autoblock-input {
  margin-top: -2px;
  height: 90%;
}
.input-error {
  border-color: red;
  color: red;
}
.input-error:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.input-error::-webkit-input-placeholder {
  color: rgba(255, 0, 0, 0.8);
}
.input-error:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 0, 0, 0.8);
}
.input-error::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 0, 0, 0.8);
}
.input-error:-ms-input-placeholder {
  color: rgba(255, 0, 0, 0.8);
}
.input-valid {
  border-color: #468847;
  color: #468847;
}
.input-valid:focus {
  border-color: #379238;
  -webkit-box-shadow: 0 0 6px #91dd92;
  -moz-box-shadow: 0 0 6px #91dd92;
  box-shadow: 0 0 6px #91dd92;
}
.input-valid::-webkit-input-placeholder {
  color: rgba(70, 136, 71, 0.8);
}
.input-valid:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(70, 136, 71, 0.8);
}
.input-valid::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(70, 136, 71, 0.8);
}
.input-valid:-ms-input-placeholder {
  color: rgba(70, 136, 71, 0.8);
}
label.translated-togglebox-container {
  text-align: left;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
  width: 80px;
  height: 20px;
  margin: 0;
  border: 1px solid #ddd;
  background: #ccc;
  display: inline-flex;
}
input.translated-togglebox-input {
  display: none;
}
span.translated-togglebox-switch {
  display: flex;
  position: relative;
}
span.translated-togglebox-switch > span[class^='translated-togglebox-switch'] {
  width: 40px;
  height: 20px;
  line-height: 20px;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  display: flex;
  justify-content: center;
}
.infomanagerbox-togglebox span.translated-togglebox-switch-left,
.displayCol.displayColEdit span.translated-togglebox-switch-left {
  background: #2980b9;
}
span.translated-togglebox-switch-left {
  color: white;
  background: #3DD57A;
}
span.translated-togglebox-switch-right {
  background-color: #ccc;
  color: #404040;
}
span.translated-togglebox-slider {
  background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -ms-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: linear-gradient(top, #fafafa, #f0f0f0);
  background-repeat: repeat-x;
  border-color: #f0f0f0 #f0f0f0 #cacaca;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  position: absolute;
  height: 100%;
  width: 50%;
}
input.translated-togglebox-input[checked] + span.translated-togglebox-switch span.translated-togglebox-slider {
  left: 50%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: left 200ms ease;
  -moz-transition: left 200ms ease;
  -ms-transition: left 200ms ease;
  -o-transition: left 200ms ease;
  transition: left 200ms ease;
}
input.translated-togglebox-input + span.translated-togglebox-switch span.translated-togglebox-slider {
  left: 0%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: left 200ms ease;
  -moz-transition: left 200ms ease;
  -ms-transition: left 200ms ease;
  -o-transition: left 200ms ease;
  transition: left 200ms ease;
}
label.togglebox {
  text-align: left;
  cursor: hand;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
  width: 80px;
  height: 20px;
  padding: 0;
  margin: 0;
  position: relative;
  border: 1px solid #ddd;
  background: #ccc;
  overflow: visible;
  outline-offset: 2px;
  display: inline-block;
  vertical-align: middle;
}
label.togglebox:before {
  content: 'OFF';
  width: 40px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  color: #404040;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  z-index: 0;
}
label.togglebox input[type="checkbox"] {
  margin: 0;
  opacity: 0;
}
label.togglebox input[type="checkbox"] ~ .toggle {
  margin: 0;
}
label.togglebox input[type="checkbox"] ~ .toggle:before {
  content: 'ON';
  width: 40px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  z-index: 2;
  background: #2FB5B4;
  -webkit-backface-visibility: hidden;
  -webkit-transition: left 500ms ease;
  -moz-transition: left 500ms ease;
  -ms-transition: left 500ms ease;
  -o-transition: left 500ms ease;
  transition: left 500ms ease;
}
label.togglebox input[type="checkbox"] ~ .toggle:after {
  content: ' ';
  background-image: -moz-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -ms-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: -o-linear-gradient(top, #fafafa, #f0f0f0);
  background-image: linear-gradient(top, #fafafa, #f0f0f0);
  background-repeat: repeat-x;
  border-color: #f0f0f0 #f0f0f0 #cacaca;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  width: 40px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: left 200ms ease;
  -moz-transition: left 200ms ease;
  -ms-transition: left 200ms ease;
  -o-transition: left 200ms ease;
  transition: left 200ms ease;
  z-index: 3;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5);
  -moz-box-shadow: rgba(0, 0, 0, 0.5);
  box-shadow: rgba(0, 0, 0, 0.5);
}
label.togglebox input[type="checkbox"]:checked ~ .toggle:after {
  left: calc(80px - 40px);
}
label.togglebox input[type="checkbox"][disabled] ~ .toggle {
  width: 80px;
  height: 20px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: rgba(150, 150, 150, 0.8);
}
label.togglebox input[type="checkbox"][disabled] ~ .toggle:before {
  background: #80929d;
  color: #ababab;
}
label.togglebox input[type="checkbox"][disabled] ~ .toggle:after {
  background: #ccc;
}
label.togglebox.readonly {
  cursor: default;
  width: 40px;
}
label.togglebox.readonly input[type="checkbox"] {
  display: none;
}
label.togglebox.readonly input[type="checkbox"] ~ .toggle,
label.togglebox.readonly input[type="checkbox"][disabled] ~ .toggle {
  background: none;
}
label.togglebox.readonly input[type="checkbox"] ~ .toggle:before,
label.togglebox.readonly input[type="checkbox"][disabled] ~ .toggle:before {
  display: none;
}
label.togglebox.readonly input[type="checkbox"] ~ .toggle:after,
label.togglebox.readonly input[type="checkbox"][disabled] ~ .toggle:after {
  display: none;
}
label.togglebox.readonly input[type="checkbox"]:checked ~ .toggle,
label.togglebox.readonly input[type="checkbox"][disabled]:checked ~ .toggle {
  background: none;
}
label.togglebox.readonly input[type="checkbox"]:checked ~ .toggle:before,
label.togglebox.readonly input[type="checkbox"][disabled]:checked ~ .toggle:before {
  display: block;
  color: white;
  background: #2980B9;
}
.searchnoresults {
  text-align: center;
  padding: 60px 20px;
  font-weight: normal;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 18px;
  color: #555;
}
.select-short {
  width: 60px;
}
.searchbarform-container {
  text-align: right;
  margin-right: 10px;
  margin-left: 20px;
  margin-top: 5px;
}
@media (max-height: 425px) {
  .searchbarform-container {
    display: none;
  }
}
.searchbarform {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.searchbarform-submit {
  padding: 0px 0px 1px 0px;
  vertical-align: middle;
  background-color: #fff;
  border: none;
  box-shadow: none !important;
  height: 19px;
  line-height: 13px;
}
.searchbarform-clear {
  color: #aaa;
  border: 1px transparent;
  background-color: transparent;
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 11px;
  z-index: 4;
  padding: 1px 0 0 0;
  margin-right: 10px;
}
.searchbarform-clear:hover {
  color: #4fc0e8;
}
.searchbarform-input {
  font-size: 12px;
  padding: 1px 18px 0px 10px;
  width: 83px;
  vertical-align: middle;
  color: #515558;
  border: none;
  box-shadow: none !important;
}
.searchbarform-input:focus {
  outline: 5px auto blue !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.searchbarform-inputcontainer {
  vertical-align: top !important;
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
}
.searchbarform-inputcontainer .goog-menuitem {
  padding: 4px 7em 4px 2px!important;
}
.searchbarform-inputcontainer .searchbarform-quickresults-item-content {
  margin-left: 30px;
  padding-top: 7px !important;
}
.searchbarform-inputcontainer .cx-filelistitem-icon {
  width: initial;
  margin: initial;
}
#goog-menuitem-controls .goog-menuitem {
  border-left: 2px solid transparent;
}
#goog-menuitem-controls .goog-menuitem-highlight {
  background: #eee !important;
  border-top: #eee solid 1px !important;
  border-bottom: #eee solid 1px !important;
  border-left: 2px solid #2FB5B4 !important;
}
#goog-menuitem-controls .goog-menuitem-highlight .goog-menuitem-content {
  color: #333 !important;
}
#goog-menuitem-controls .selected.goog-menuitem-highlight {
  background: #eee !important;
  border-top: #eee solid 1px !important;
  border-bottom: #eee solid 1px !important;
  border-left: 2px solid #2FB5B4 !important;
}
#goog-menuitem-controls .selected.goog-menuitem-highlight .goog-menuitem-content {
  color: #333 !important;
}
.searchbarform-comboboxmenu {
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  width: 133px;
  margin-top: 5px !important;
  border: none !important;
  border-radius: 3px !important;
}
.searchbarform-quickresults-item {
  position: relative;
}
.searchbarform-quickresults-item:before,
.searchbarform-quickresults-item:after {
  display: table;
  content: "";
}
.searchbarform-quickresults-item:after {
  clear: both;
}
.searchbarform-quickresults-item:hover {
  position: relative;
}
.searchbarform-quickresults-item:hover:before,
.searchbarform-quickresults-item:hover:after {
  display: table;
  content: "";
}
.searchbarform-quickresults-item:hover:after {
  clear: both;
}
.searchbarform-quickresults-item-content {
  margin-left: 10px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 10px !important;
}
.searchbarform-quickresults-item-icon {
  position: absolute;
  left: 8px !important;
  top: 3px !important;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  font-size: 15px;
  padding-top: 6px;
}
.cx-dateinput {
  display: inline-block;
}
.cx-dateinput-date {
  width: 80px;
  margin-right: 10px;
}
.cx-dateinput-datepickercontainer {
  position: relative;
  z-index: 10;
}
.cx-dateinput-datepickercontainer .goog-date-picker {
  position: absolute;
  top: 100%;
  left: 0px;
  background: #FFF;
  width: 190px;
  border: 1px solid #999;
}
.cx-projectlistitem {
  /*
	@media (max-width: 1270px) {
		.projectpanel-tabsection-deadlines {
			.infomanagerbox-row {
				margin-left: 6px;
			}

			.infocardform {
				width: 192px;
			}
		}
	}*/
}
.cx-projectlistitem .infomanagerbox-row {
  margin-top: 0px;
}
.cx-projectlistitem .infomanagerbox-contenteditable {
  font-family: "lato", sans-serif;
  font-size: 10px;
  letter-spacing: 0.06em;
  color: #555;
  text-align: left;
  vertical-align: middle;
  height: 21px !important;
  padding-top: 8px;
}
.cx-projectlistitem .infomanagerbox-label {
  letter-spacing: 0em;
  line-height: 8px;
}
.cx-projectlistitem .infomanagerbox-label:after {
  display: none;
}
.cx-projectlistitem .infomanagerbox-desc {
  display: none;
}
.cx-projectlistitem .projectpanel-tabsection-estimates .infomanagerbox {
  margin-bottom: 22px;
}
.cx-projectlistitem .projectpanel-tabsection-estimates .infocardform {
  width: 150px;
  display: inline-block;
  min-height: auto !important;
}
.cx-projectlistitem .projectpanel-tabsection-estimates .infomanagerbox-row {
  margin-left: 14px;
  margin-bottom: 13px;
}
.cx-projectlistitem .projectpanel-tabsection-estimates .infomanagerbox-label {
  font-size: 7px;
  font-weight: normal;
  text-transform: uppercase;
}
.cx-projectlistitem .projectpanel-tabsection-estimates .infomanagerbox-editinput {
  width: 79px;
  text-align: right;
  padding-right: 15px;
  height: 19px;
  font-size: 10px;
}
.cx-projectlistitem .projectpanel-tabsection-deadlines .infocardform {
  width: auto;
  margin-left: 20px;
  margin-top: 10px;
}
.cx-projectlistitem .projectpanel-tabsection-deadlines .infomanagerbox-row {
  margin-bottom: 18px;
}
.cx-projectlistitem .projectpanel-tabsection-deadlines .infomanagerbox-label {
  font-size: 11px;
  color: #333;
  font-weight: 400;
}
.cx-projectlistitem .projectpanel-tabsection-deadlines .infomanagerbox-editinput {
  height: 25px;
  width: 110px;
  font-size: 10px;
}
.cx-projectlistitem .projectpanel-tabsection-deadlines .goog-date-picker {
  width: 205px;
  z-index: 1;
}
.cx-projectlistitem .projectpanel-tabsection-deadlines .cx-dateinput-date {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 10px;
  width: 110px;
  height: 25px;
}
.cx-projectlistitem .projectpanel-tabsection-deadlines .btn {
  height: 35px;
  width: 50px;
  margin-right: 0px;
}
.cx-projectlistitem .projectpanel-tabsection-clients .infomanagerbox-label {
  display: none;
}
@media (max-width: 1270px) {
  .cx-projectlistitem .projectpanel-tabsection-deadlines .infocardform {
    width: 136px;
  }
  .cx-projectlistitem .projectpanel-tabsection-deadlines .cx-dateinput-date {
    width: 75px;
  }
  .cx-projectlistitem .projectpanel-tabsection-deadlines .btn {
    width: 40px;
  }
}
@media (max-width: 1100px) {
  .cx-projectlistitem .projectpanel-tabsection-deadlines .infocardform {
    margin-left: 25px;
  }
}
.cx-dateinput {
  display: inline-block;
}
.cx-dateinput-date {
  width: 80px;
  margin-right: 10px;
}
@media (max-width: 920px) {
  .searchbarform-input {
    width: 230px;
  }
  .searchbarform-comboboxmenu {
    width: 250px;
  }
}
@media (max-width: 780px) {
  .searchbarform-input {
    width: 180px;
  }
  .searchbarform-comboboxmenu {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .searchbarform-quickresults-item-icon.cx-filelistitem-icon {
    left: 16px !important;
    top: 3px !important;
  }
}
.sidebar-tabber {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  overflow: hidden;
  z-index: 998;
}
.sidebar-tabber.sidebar-tabber-left {
  float: left;
  margin-left: -241px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -ms-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
}
.sidebar-tabber.sidebar-tabber-left .tabber-activate {
  float: right;
}
.sidebar-tabber.sidebar-tabber-left .tabber-activate .tabber-tab {
  float: left;
}
.sidebar-tabber.sidebar-tabber-left .tabber-activate .tabber-tab a {
  border-radius: 0px 3px 3px 0px;
  /* Hiding the tab icon for now while there is only one tab*/
  display: none;
}
.sidebar-tabber.sidebar-tabber-left .tabber-contents {
  float: left;
}
.sidebar-tabber.sidebar-tabber-left .sidebar-tabber-openicon {
  right: 7px;
}
.sidebar-tabber.sidebar-tabber-left .sidebar-tabber-openicon:before {
  content: "\f04e";
}
.sidebar-tabber.sidebar-tabber-left.sidebar-tabber-open {
  margin-left: 0px;
}
.sidebar-tabber.sidebar-tabber-left.sidebar-tabber-open .sidebar-tabber-openicon:before {
  content: "\f04a";
}
.sidebar-tabber.sidebar-tabber-right {
  float: right;
  margin-right: -241px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -ms-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
}
.sidebar-tabber.sidebar-tabber-right .tabber-activate {
  float: left;
}
.sidebar-tabber.sidebar-tabber-right .tabber-activate .tabber-tab {
  float: right;
}
.sidebar-tabber.sidebar-tabber-right .tabber-activate .tabber-tab a {
  border-radius: 3px 0px 0px 3px;
}
.sidebar-tabber.sidebar-tabber-right .tabber-contents {
  float: right;
}
.sidebar-tabber.sidebar-tabber-right .sidebar-tabber-openicon {
  left: 7px;
}
.sidebar-tabber.sidebar-tabber-right .sidebar-tabber-openicon:before {
  content: "\f04a";
}
.sidebar-tabber.sidebar-tabber-right.sidebar-tabber-open {
  margin-right: 0px;
}
.sidebar-tabber.sidebar-tabber-right.sidebar-tabber-open .sidebar-tabber-openicon:before {
  content: "\f04e";
}
.sidebar-tabber .sidebar-tabber-openicon {
  position: absolute;
  top: 55px;
  font-size: 11px;
  z-index: 99;
  color: #2b2a2b;
  cursor: pointer;
  cursor: hand;
}
.sidebar-tabber .sidebar-tabber-openicon {
  display: block;
}
.sidebar-tabber .tabber-activate {
  display: inline-block;
  background-color: #dee1e2;
  width: 25px;
  height: 100%;
  position: relative;
}
.sidebar-tabber .tabber-activate .tabber-tabs {
  border: none;
  position: absolute;
  top: 80px;
  z-index: 99;
}
.sidebar-tabber .tabber-activate .tabber-tab {
  width: 22px;
  list-style: none;
  font-size: 12px;
  margin: 2px 0px;
  text-align: center;
}
.sidebar-tabber .tabber-activate .tabber-tab span {
  display: none;
}
.sidebar-tabber .tabber-activate .tabber-tab a {
  padding: 0px !important;
  color: #a0a2a3;
  height: 24px;
  line-height: 24px;
}
.sidebar-tabber .tabber-activate .tabber-tab.active > a {
  background-color: #f5f5f5;
  border-color: transparent;
  color: #2b2a2b;
}
.sidebar-tabber .tabber-activate .tabber-tab:hover a {
  background-color: #f5f5f5;
  border-color: transparent;
  color: #2b2a2b;
}
.sidebar-tabber .tabber-contents {
  width: 241px;
  display: inline-block;
  height: 100%;
  vertical-align: top;
  overflow: hidden;
  background-color: transparent;
  border: none;
  color: white;
  padding: 0px;
}
.sidebar-tabber .tabber-contents .tabber-content {
  overflow: hidden;
  position: relative;
  background-color: #f5f5f5;
}
.sidebar-tabber .tabber-contents .sidebar-tabber-controls {
  height: 20px;
  padding: 13px;
  background-color: #b6b8b8;
  width: auto;
  display: block;
}
.sidebar-tabber .tabber-contents .sidebar-tabber-controls .btn-plain {
  margin-right: 8px;
  text-transform: uppercase;
}
.sidebar-tabber .tabber-contents .sidebar-tabber-content {
  background-color: #f5f5f5;
}
/* NOTE STYLING */
.notetab-note {
  background-color: #fff;
  margin: 0px 12px;
  margin-top: 5px;
  border-radius: 4px;
  border: 1px solid #a1a2a4;
  letter-spacing: 0px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all ease-out 100ms;
  -moz-transition: all ease-out 100ms;
  -ms-transition: all ease-out 100ms;
  -o-transition: all ease-out 100ms;
  transition: all ease-out 100ms;
}
.notetab-note .goog-popupcolorpicker {
  top: 40px;
  right: 0;
  left: auto;
}
.notetab-note .notetab-settings {
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 3px;
}
.notetab-note .notetab-settings:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.notetab-note .noteremove {
  margin-right: 3px;
  display: inline-block;
}
.notetab-note .noteremove.open .callout {
  display: block;
}
.notetab-note .notetab-settings:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.notetab-container {
  min-height: 160px;
  overflow-x: hidden;
}
.notetab-note-header-author {
  margin-right: 3px;
  max-width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.notetab-note-header-author-image {
  margin-right: 4px;
}
.notetab-note-header-date {
  margin-left: 3px;
}
.notetab-note:hover,
.notetab-note-highlight {
  border-color: #4fc0e8 !important;
  -webkit-box-shadow: 0 0 1px 1px #4fc0e8;
  -moz-box-shadow: 0 0 1px 1px #4fc0e8;
  box-shadow: 0 0 1px 1px #4fc0e8;
}
.notetab-note-header {
  height: 40px;
  width: 95%;
  background-color: #757677;
  color: #fff;
  font-size: 10px;
  padding-left: 5%;
  line-height: 40px;
}
.notetab-note-content {
  color: #757677;
  padding: 10px;
  max-height: 80px;
  overflow-y: auto;
  font-size: 12px;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  line-height: 1.5;
}
.notetab-note-content-input {
  width: 100%;
  height: 100%;
  min-height: 70px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.5);
  color: #757677;
  font-size: 12px;
  line-height: 1.5;
}
.callout.gray {
  background-color: #757677;
}
.callout {
  color: white;
  border-radius: 2px;
  border: 1px solid transparent;
  line-height: 3px;
  position: absolute;
  text-align: center;
  height: 15px;
  padding: 0px 5px;
  margin-right: 5px;
  margin-top: -5px;
  right: 0px;
  z-index: 99;
  width: 40px;
  line-height: 15px;
  display: none;
}
.callout .callout-yes {
  float: left;
}
.callout .callout-no {
  float: right;
}
.callout .callout-yes,
.callout .callout-no {
  color: #fff;
  line-height: 15px;
  font-size: 9px;
  display: inline-block;
  text-transform: uppercase;
}
.callout .callout-yes:hover,
.callout .callout-no:hover {
  text-decoration: underline;
}
.callout.gray::before {
  border-bottom: 6px solid #757677;
}
.callout::before {
  content: "";
  border: 0.3em solid transparent;
  position: absolute;
  left: 72%;
  top: -9px;
}
/* MEDIA STYLING */
.media-container {
  padding-left: 4%;
}
.mediatab-media {
  display: inline-block;
  width: 44%;
  margin: 2%;
  letter-spacing: 0px;
  text-align: left;
}
.mediatab-media:hover .mediatab-media-image,
.mediatab-media-highlight .mediatab-media-image {
  -webkit-box-shadow: inset 0 0 1px 2px #2FB5B4;
  -moz-box-shadow: inset 0 0 1px 2px #2FB5B4;
  box-shadow: inset 0 0 1px 2px #2FB5B4;
}
.mediatab-media-image {
  background-color: #a1a2a4;
  position: relative;
  background-position: 50%;
  background-size: cover;
}
.mediatab-media-image .mediatab-media-remove {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: #2FB5B4;
  padding: 2px 5px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #fff;
}
.mediatab-media-image .mediatab-media-remove:hover {
  background: #fff;
  color: #2FB5B4;
}
.mediatab-media-image:hover .mediatab-media-remove {
  display: inline-block;
}
.mediatab-media-image:before {
  content: "";
  display: block;
  padding-top: 90%;
}
.mediatab-media-name {
  font-weight: bold;
  margin: 5px 2px 2px 2px;
}
.mediatab-media-date,
.mediatab-media-name {
  color: #555658;
  font-size: 11px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.bulk-onboarding-dialog {
  width: auto;
  min-width: 600px;
}
.bulk-onboarding-dialog .modal-dialog-content {
  text-align: center;
}
.bulk-onboarding-dialog .modal-dialog-title-close {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bulk-onboarding-dialog .bulk-onboard-prompt div {
  padding: 10px;
}
.bulk-onboarding-dialog .bulk-onboard-prompt .prompt-title {
  text-align: left;
}
.bulk-onboarding-dialog .bulk-onboard-prompt .prompt-format {
  font-weight: bold;
}
.bulk-onboarding-dialog .bulk-onboard-prompt .prompt-format .prompt-format-head {
  display: inline-block;
  vertical-align: top;
}
.bulk-onboarding-dialog .bulk-onboard-prompt .prompt-format .prompt-format-body {
  display: inline-block;
  text-align: left;
}
.bulk-onboarding-dialog .bulk-onboard-upload-container {
  margin-top: 15px;
}
.bulk-onboarding-dialog .bulk-onboard-upload-container .bulk-upload {
  width: 100px;
  margin: auto;
  line-height: 30px;
}
.bulk-onboarding-dialog .bulk-onboard-upload-container .prompt-supported-types {
  display: inline-block;
  margin-left: 10px;
}
.bulk-onboarding-dialog .bulk-onboard-upload-container .bulk-onboard-upload-error {
  margin-top: 10px;
  color: #FF6052;
}
.bulk-onboarding-dialog .bulk-onboard-list-container {
  display: inline-block;
  vertical-align: top;
}
.bulk-onboarding-dialog .bulk-onboard-list-container#valid-list {
  padding-right: 55px;
}
.bulk-onboarding-dialog .bulk-onboard-list-prompt {
  margin-top: 20px;
}
.bulk-onboarding-dialog .list-container {
  max-height: 200px;
  overflow: auto;
  text-align: left;
  padding: 5px;
}
.bulk-onboarding-dialog #valid-title {
  color: #0d9f71;
}
.bulk-onboarding-dialog #invalid-title {
  color: #FF6052;
}
.projectactivitylist-name {
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  padding: 7px 15px;
  font-size: 9px;
  vertical-align: middle;
}
.projectactivitylist-name i {
  vertical-align: middle;
  padding-bottom: 5px;
}
.projectactivitylist-commentlist {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.projectactivitylist-commentlist-item {
  padding: 10px;
}
.projectactivitylist-commentlist-item:nth-child(odd) {
  background: #222529;
}
.projectactivitylist-commentlist-item-name {
  font-weight: normal;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 4px;
  width: 100%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.projectactivitylist-commentlist-item-explain {
  margin-right: 4px;
}
.projectactivitylist-commentlist-item-photo {
  display: inline-block;
  vertical-align: middle;
}
.projectactivitylist-commentlist-item-content {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 10px;
  width: 150px;
}
.projectactivitylist-commentlist-item-message {
  font-size: 12px;
}
.projectactivitylist-commentlist-item-date {
  padding: 20px 0px 0px 0px;
  display: block;
}
.cx-projectlistitem .projectactivitylist-commentlist {
  overflow: auto;
  max-height: 400px;
}
.cx-projectlistitem .projectpanel-activitytab-activitycomponent {
  width: 95%;
  height: 400px;
}
.cx-projectlistitem .projectpanel-activitytab-activitycomponent .projectactivitylist-name {
  display: none;
}
.cx-projectlistitem .projectactivitylist-commentlist-item {
  background: #f0f1f1;
  min-height: 100px;
}
.cx-projectlistitem .projectactivitylist-commentlist-item:nth-child(odd) {
  background: #f5f6f6;
}
.cx-projectlistitem .projectactivitylist-commentlist-item-explain {
  margin-right: 4px;
  color: #757677;
}
.cx-projectlistitem .projectactivitylist-commentlist-item-content {
  width: 90%;
}
.cx-projectlistitem .projectactivitylist-commentlist-item-date {
  display: none;
}
.cx-projectlistitem .projectactivitylist-commentlist-item-message {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: -25px;
  width: 400px;
}
.cx-projectlistitem .projectactivitylist-commentlist-empty {
  text-transform: uppercase;
  color: #cbcccc;
  text-align: center;
  padding-top: 40px;
  margin-left: 50px;
}
@media (max-width: 1270px) {
  .cx-projectlistitem .projectactivitylist-commentlist {
    max-height: 514px;
  }
}
@media (max-width: 530px) {
  .cx-projectlistitem .projectactivitylist-commentlist {
    max-height: 900px;
  }
}
@media (max-width: 340px) {
  .cx-projectlistitem .projectactivitylist-commentlist {
    max-height: 1000px;
  }
}
.projectactivitylist-commentlist-item-message {
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: -25px;
}
.projectactivitylist-commentlist-item-date {
  display: none;
}
.projectactivitylist-commentlist-item-datedash {
  display: inline-block;
}
.projectteamactivity-itemcontainer {
  float: left;
  width: 280px;
  margin: 5px;
  font-size: 10px;
}
.projectteamactivity-itemcontainerActivity {
  width: 400px;
}
body.modal-open {
  overflow: hidden;
}
#projectlist-container {
  position: absolute;
  z-index: 2000;
  left: 270px;
  background-color: white;
}
.share-list-container {
  display: block;
  background-color: #282c2f;
  border-radius: 5px;
  width: 285px;
  max-height: 365px;
  position: absolute;
  color: #fff;
  z-index: 1;
}
.share-list-container:focus {
  outline: none !important;
}
.share-list-sub-container {
  overflow-y: auto;
  max-height: 300px;
  overflow-x: hidden;
  padding: 10px;
  background: #282c2f;
}
.share-list-sub-container .unifiedsharing-person-circle {
  width: 30px!important;
  height: 30px!important;
  border: 1px solid #fff !important;
}
.share-list-sub-container .person-share-container {
  width: initial!important;
}
.share-list-sub-container .email-person-share {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.share-list-sub-container .person-name-info {
  overflow: initial!important;
}
.share-list-sub-container > div {
  color: #fff;
  font-size: 10px;
}
.share-list-title {
  font-size: 10px;
  border-bottom: 1px solid #525252;
  display: block;
  padding: 10px;
}
.cx-projectlistitem {
  position: relative;
  background: #fff;
  background-position-x: -22px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: #333;
  margin: 10px 0px 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cx-projectlistitem:hover a.projectitem-content {
  background-color: #F9F9F9;
}
.cx-projectlistitem:hover .cx-filelistitem-checkbox {
  background-color: #F1F1F1;
}
.cx-projectlistitem .projectitem-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 25px 15px;
  width: 100%;
  min-height: 100px;
  color: #222222;
}
.cx-projectlistitem .projectitem-content:hover {
  color: #222222;
}
.cx-projectlistitem .projectitem-content:focus {
  outline-offset: 2px;
}
.cx-projectlistitem .projectitem-content:focus:hover {
  outline: 5px auto -webkit-focus-ring-color;
}
.cx-projectlistitem .teamsharecheckbox-container {
  text-align: center;
  color: #95a5a6;
  font-size: 8px;
  font-weight: lighter;
  letter-spacing: 0em;
  line-height: 10px;
}
.cx-projectlistitem .togglebox {
  display: block;
  border: none;
  width: 48px;
  box-shadow: none;
  height: 22px;
  border-radius: 3px;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"] ~ .toggle:before {
  background-color: #CBCBCB;
  text-shadow: none;
  font-size: 8px;
  border-radius: 5px;
  width: 18px;
  height: 19px;
  padding-top: 2px;
  text-align: center;
  padding-left: 5px;
  z-index: 2;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"]:checked ~ .toggle:before {
  background-color: #3fe18b;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"][disabled] ~ .toggle:before {
  background-color: #efefef;
}
.cx-projectlistitem label.togglebox:before {
  color: white;
  font-size: 8px;
  text-shadow: none;
  border-radius: 3px;
  width: 18px;
  height: 19px;
  padding-top: 2px;
  text-align: center;
  padding-right: 3px;
  z-index: 2;
}
.cx-projectlistitem label.togglebox:before[disabled] {
  background-color: #efefef;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"] ~ .toggle:after {
  background-image: none;
  background-color: white;
  margin: 2px;
  height: 18px;
  width: 19px;
  border-radius: 3px;
  z-index: 2;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"][disabled] ~ .toggle:after {
  background-color: #efefef;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"]:checked ~ .toggle:after {
  left: 25px;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"][disabled] ~ .toggle {
  width: 48px;
  height: 22px;
  border-radius: 3px;
  z-index: 99 !important;
  background-color: #efefef;
}
.cx-projectlistitem .toggle-background {
  background-color: #CBCBCB;
  width: 48px;
  height: 22px;
  position: absolute;
  top: 0px;
  border-radius: 4px;
  z-index: 1;
}
.cx-projectlistitem label.togglebox > input[type="checkbox"]:checked ~ .toggle-background {
  background-color: #3fe18b;
}
.projectlistitem-tabs {
  max-width: 600px;
  padding-left: 96px;
}
.projectlistitem-categoryseparator {
  display: inline-block;
  vertical-align: middle;
  color: #96d8e7;
  font-size: 7px !important;
  margin: 0 2px 2px 8px;
}
.projectlistitem-tabs {
  margin: 10px 0 0 0;
}
.projectlistitem-header {
  margin-left: 55px;
}
.projectlistitem-logo-container {
  width: 58px;
  height: 58px;
  border-radius: 100%;
  margin: 0px 15px;
  overflow: hidden;
  position: relative;
  z-index: 9;
  text-align: center;
}
.projectlistitem-logo-container .avatar-edit {
  top: 0;
  bottom: 0px;
  font-size: 9px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  text-align: center;
  padding: 20px 0px;
}
.projectlistitem-logo-container .projectlistitem-logo-edit {
  text-align: center;
  cursor: pointer;
}
.projectlistitem-logo-container .projectlistitem-logo-offline {
  position: absolute;
  top: 28px;
  left: 0;
  width: 60px;
  height: 30px;
  background: rgba(255, 255, 255, 0.2);
}
.projectlistitem-logo-container .projectlistitem-logo-offline i {
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  font-size: 15px;
  color: #fff;
}
.projectlistitem-logo-container:hover .projectlistitem-logo-edit {
  display: block !important;
}
.projectlistitem-logo-container:hover .projectlistitem-logo-offline {
  display: none;
}
.projectlistitem-details {
  flex-grow: 1;
  max-width: 915px;
  white-space: nowrap;
  overflow: hidden;
}
.projectlistitem-details .projectlistitem-type {
  margin-right: 10px;
  margin-bottom: 15px;
}
.projectlistitem-details .projectlistitem-heading {
  display: flex;
  align-items: center;
}
.projectlistitem-nochangephotowithoutedit .projectlistitem-logo-container:hover {
  cursor: hand;
  cursor: pointer;
}
.projectlistitem-nochangephotowithoutedit .projectlistitem-logo-container:hover .projectlistitem-logo-edit {
  display: none !important;
}
.projectlistitem-logo {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-color: #F6F6F6;
  vertical-align: unset;
}
.projectlistitem-title {
  float: left;
}
.projectlistitem-offline-label {
  padding: 0px 6px 0px 4px;
  border: 2px solid #2FB5B4;
  border-radius: 8px;
  color: #2FB5B4;
  font-size: 12px;
  white-space: nowrap;
  line-height: 20px;
  position: absolute;
  top: 60px;
  right: 56px;
  width: 64px;
}
.projectlistitem-offline-label i {
  font-size: 15px;
  margin-right: 3px;
  line-height: 20px;
}
.projectlistitem-startfrom {
  margin-top: 10px;
  margin-bottom: 18px;
  color: #b0afaf;
}
.projectlistitem-startfrom i {
  margin-left: 18px;
  margin-right: 5px;
}
.projectlistitem-startfrom a {
  text-transform: uppercase;
  background-color: #f0f1f1;
  color: #555;
  border: 1px solid #555;
  margin-left: 20px;
}
.projectlistitem-startfrom a:hover {
  background-color: #f0f1f1;
  color: #555;
}
.projectlistitem-content {
  background: transparent;
  font-size: 10px;
  margin-bottom: 5px;
}
.projectdetails {
  display: table-cell;
}
.projectlistitem-categoryselect-container {
  font-size: 12px;
  line-height: 14px;
  margin-left: 0px;
  color: #707070;
}
.projectlistitem-categoryselect-container .goog-menu-button-caption {
  font-size: 13px;
}
.projectlistitem-categoryselect-container .minimalistselect.minimalistselect-bigfixed {
  width: 203px;
  height: 17px;
  line-height: 1.3;
}
.projectlistitem-categoryselect-container .goog-menu-button-dropdown {
  font-size: 12px;
  margin-right: 2px;
  margin-top: 0px;
}
.projectlistitem-teamshare-container {
  color: #7a7b7d;
  letter-spacing: 0;
  vertical-align: middle;
}
.projectlistitem-teamshare-container i {
  margin-right: 5px;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 4px;
}
.projectlistitem-teamshare-container .shared-text {
  font-size: 9px;
  text-transform: uppercase;
  margin-top: 5px;
  display: inline-block;
  vertical-align: middle;
}
.projecttitle {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projecttitle:focus,
.projecttitle:focus-within {
  overflow: visible;
  padding-right: 6px;
}
.projecttitle:focus .projecttitle-link,
.projecttitle:focus-within .projecttitle-link {
  padding-left: 6px;
  overflow: visible;
}
.projectlistitem-cancelbtn {
  background-color: #cbcbcb;
}
.projectlistitem-cancelbtn:hover,
.projectlistitem-cancelbtn:active,
.projectlistitem-cancelbtn.active {
  background: #b8b7b7;
}
.projectlistitem-createbtn,
.projectlistitem-cancelbtn {
  width: 10%;
  height: 25px;
  text-shadow: none;
  border: none;
  color: white;
  font-size: 10px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.projectlistitem-createbtn i,
.projectlistitem-cancelbtn i {
  margin-right: 5px;
  font-size: 9px;
}
.projectlistitem-createbtn:hover,
.projectlistitem-cancelbtn:hover {
  text-shadow: none;
}
.projectlistitem-buttons {
  min-width: 500px;
  height: 25px;
}
.projectshareteam {
  display: inline-block;
  vertical-align: top;
  margin-left: 34px;
}
.projectlistitem-form {
  margin: 0px;
  position: relative;
}
.projecttitle-link {
  display: inline-block;
  margin: -6px 0 0px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #181919;
}
.projecttitle-link:hover {
  color: #181919;
}
.projectlistitem-editbtn {
  position: relative;
  top: -3px;
  color: #b9b9bc;
}
.projectdetails-content,
.projectdetails-header {
  border: 0px;
}
.projecttitle-input {
  margin: 0;
  margin-top: 9px;
  margin-bottom: 9px;
  width: 208px;
}
.projectdetails-header {
  color: #949494;
  border-bottom: 1px solid #e2e5e7;
  text-transform: uppercase;
  padding: 20px 0px;
}
.projectdetails > div {
  vertical-align: bottom;
}
.member-name {
  float: left;
  padding: 8px 5px;
  color: #4fb1e8;
  text-transform: uppercase;
  font-size: 11px;
}
@media (max-width: 1439px) and (min-width: 768px) {
  .projectlistitem-content {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .projectlistitem-content {
    padding-left: 0px;
  }
  .projectlistitem-header {
    margin-left: 0px;
  }
  .projectlistitem-createbtn {
    margin-right: 2% !important;
    margin-left: 64% !important;
  }
  .projectlistitem-createbtn,
  .projectlistitem-cancelbtn {
    width: 15% !important;
  }
}
@media (max-width: 937px) {
  .projectlistitem-createbtn {
    margin-right: 5px;
    margin-left: 174px;
  }
  .projectlistitem-createbtn,
  .projectlistitem-cancelbtn {
    width: 70px;
  }
}
@media (max-width: 530px) {
  .projectlistitem-createbtn {
    margin-right: 2% !important;
    margin-left: 64% !important;
  }
  .projectlistitem-createbtn,
  .projectlistitem-cancelbtn {
    width: 15% !important;
  }
  .projectlistitem-createbtn {
    margin-right: 2% !important;
    margin-left: 44% !important;
  }
  .projectlistitem-createbtn,
  .projectlistitem-cancelbtn {
    width: 25% !important;
  }
}
@media (max-width: 1850px) {
  .projecttitle {
    max-width: 900px;
  }
}
@media (max-width: 1750px) {
  .projecttitle {
    max-width: 800px;
  }
}
@media (max-width: 1650px) {
  .projecttitle {
    max-width: 700px;
  }
}
@media (max-width: 1550px) {
  .projecttitle {
    max-width: 600px;
  }
}
@media (max-width: 1450px) {
  .projecttitle {
    max-width: 500px;
  }
}
@media (max-width: 1350px) {
  .projecttitle {
    max-width: 400px;
  }
}
@media (max-width: 1250px) {
  .projecttitle {
    max-width: 300px;
  }
}
@media (max-width: 1150px) {
  .projecttitle {
    max-width: 200px;
  }
}
@media (max-width: 1050px) {
  .projecttitle {
    max-width: 150px;
  }
  .projectlistitem-form {
    width: 270px;
  }
}
@media (max-width: 1050px) {
  .cx-projectlistitem {
    flex-wrap: wrap;
  }
  .projectlistitem-form {
    width: auto;
  }
  .projecttitle {
    max-width: 450px;
  }
  .team-container {
    padding-left: 22px;
    min-width: 250px;
  }
  .share-container {
    margin-left: 150px;
  }
}
@media (max-width: 895px) {
  .projecttitle {
    max-width: 350px;
  }
  .share-container {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .projecttitle {
    max-width: 100px;
  }
  .team-container {
    padding-left: 0px;
  }
}
.new-comment-dialog-container,
.existing-comment-dialog-container {
  position: absolute;
}
.draggable-comments-dialog-container .draggable-dialog {
  background: #181919;
  border-radius: 5px;
}
.draggable-comments-dialog-container .draggable-dialog .dragger {
  height: 15px;
}
.draggable-comments-dialog-container .draggable-dialog .dialog-header {
  padding-bottom: 5px;
}
.draggable-comments-dialog-container .draggable-dialog .dialog-header .close-button {
  flex: 1;
}
.draggable-comments-dialog-container .draggable-dialog .draggable-dialog-content {
  width: 220px;
}
.draggable-comments-dialog-container .draggable-dialog .draggable-dialog-content .cx-comments-section-header {
  display: flex;
  flex-direction: row-reverse;
  background: #2F2F2F;
}
.draggable-comments-dialog-container .draggable-dialog .draggable-dialog-content .cx-comments-section-header .cx-comment-add-btn-container {
  width: unset;
  background: none;
  padding-right: 10px;
}
.draggable-comments-dialog-container .draggable-dialog .draggable-dialog-content .cx-comments-section-header .cx-comment-filter-container {
  width: unset;
  display: flex;
  flex: 1;
  background: none;
}
.comments-color-picker-container {
  display: flex;
  width: 100%;
  padding-top: 12px;
}
.comments-color-picker-container .celtx-color-picker {
  padding: 0px;
}
.comments-color-picker-container .celtx-color-picker .react-colorful .react-colorful__saturation {
  min-height: 150px;
}
.comments-color-picker-container .color-palette {
  background: unset;
  width: 100%;
  padding: 0px;
}
.comments-color-picker-container .color-palette .color-palette-circle-container {
  padding: 4px;
}
.cx-comments-autocomplete-dropdown {
  min-width: 180px;
  height: fit-content;
  max-height: 132px;
  position: fixed;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cx-comments-autocomplete-menu-item {
  width: 180px;
  height: 44px;
  box-sizing: border-box;
  color: #fff;
  background: #333;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
}
.cx-comments-autocomplete-menu-item .avatar-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  width: 30px;
  height: 40px;
}
.cx-comments-autocomplete-menu-item .profile-name {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  margin-left: 10px;
  width: 80px;
  height: 40px;
}
.cx-comments-section-header {
  overflow: clip;
}
.cx-comment-add-btn-container {
  margin-top: 2px;
  margin-bottom: 2px;
  width: 220px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: #181919;
  color: white;
  height: 40px;
  position: sticky;
  padding-left: 10px;
  overflow: hidden;
}
.cx-comment-filter-container {
  margin-top: 2px;
  width: 220px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: #2F2F2F;
  color: white;
  height: 40px;
  position: sticky;
}
.cx-comment-filter-container .cx-comment-filter {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  cursor: pointer;
  font-size: 12px;
  padding: 1px 4px;
  border: 0.5px solid #CBCECF;
  color: #FCFDFF;
  text-transform: capitalize;
}
.cx-comment-filter-container .cx-comment-filter .cx-comment-filter-label {
  margin-right: 14px;
}
.cx-comment-filter-container .cx-comment-filter i {
  font-size: 6px;
}
.cx-comments-add-btn,
.cx-comments-save-btn,
.cx-comments-cancel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}
.comment-text-area span:first-child:empty:before {
  content: "\feff";
  /* ZERO WIDTH NO-BREAK SPACE */
}
.comment-text-area span.empty-comment-text-container:after {
  content: 'Invite users to work with you by tagging their @username or @email';
  opacity: 0.5;
}
.cx-comments-sort-option {
  width: 160px;
  height: 44px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  margin: 2px;
  text-transform: capitalize;
}
.comment-element-replies-container {
  max-height: 500px;
  overflow-y: scroll;
}
.comments-fly-out-menu .celtx-color-picker {
  padding: 20px;
}
.draggable-dialog.comment-inline-dialog__container,
.draggable-dialog.comment-manipulation-dialog__container {
  width: 350px;
  max-height: 610px;
  box-shadow: 0px 2px 6px #0000001A;
  display: flex;
  flex: 1;
  flex-direction: column;
  z-index: 1011;
  border: 1px solid #6E6E6E;
}
.draggable-dialog.comment-inline-dialog__container .draggable-dialog-content,
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0px 20px 15px 20px;
  width: calc(100% - 20px);
}
.draggable-dialog.comment-inline-dialog__container .dragger,
.draggable-dialog.comment-manipulation-dialog__container .dragger {
  min-height: 15px;
  max-height: 15px;
}
.draggable-dialog.comment-inline-dialog__container .dialog-header .title,
.draggable-dialog.comment-manipulation-dialog__container .dialog-header .title {
  color: #2F2F2F;
}
.draggable-dialog.comment-manipulation-dialog__container {
  min-height: 265px;
  padding: 0px;
  overflow: hidden;
  background-color: #FFFFFF;
}
.draggable-dialog.comment-manipulation-dialog__container .dragger {
  min-height: 66px;
  margin-bottom: -51px;
  z-index: 0;
}
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content button.close {
  z-index: 1;
}
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content {
  overflow: hidden;
  padding: 0px 0px 15px 0px;
  width: 100%;
}
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .dialog-header {
  padding: 0px 20px 10px 20px;
  border-bottom: 1px solid #E8E9EC;
}
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .dialog-header .title {
  text-transform: none;
  text-align: center;
  line-height: 15px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .dialog-header .close-button button::before {
  color: #2F2F2F;
}
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .comment-manipulation-dialog__content {
  padding-top: 10px;
  display: flex;
  flex: 1;
  overflow: auto;
  padding: 15px 10px 15px 15px;
}
.draggable-dialog.comment-manipulation-dialog__container .draggable-dialog-content .comment-manipulation-dialog__footer {
  padding: 0px 20px;
  display: flex;
  align-content: center;
  justify-content: flex-end;
}
.draggable-dialog.comment-inline-dialog__container {
  min-height: 200px;
  border-left: 5px solid var(--inline-comment-color);
  background-color: #FFFFFF;
}
.draggable-dialog.comment-inline-dialog__container button {
  padding: 0px;
  text-shadow: none;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
}
.draggable-dialog.comment-inline-dialog__container button,
.draggable-dialog.comment-inline-dialog__container button:hover,
.draggable-dialog.comment-inline-dialog__container button:active {
  background: none !important;
}
.draggable-dialog.comment-inline-dialog__container button:active {
  color: #2FB5B4;
}
.draggable-dialog.comment-inline-dialog__container .dragger {
  min-height: 57px;
  margin-bottom: -57px;
  z-index: 0;
}
.draggable-dialog.comment-inline-dialog__container .draggable-dialog-content button.close {
  z-index: 1;
}
.draggable-dialog.comment-inline-dialog__container .draggable-dialog-content {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0px;
  padding-top: 15px;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-element__replies-control-container {
  display: inline-flex;
  margin-bottom: -18px;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-element__replies-control-container.open {
  margin-bottom: 0px;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-element__replies-control-container .comment-inline-element__replies-control {
  display: inline-flex;
  width: fit-content;
  color: #707070;
  font: normal normal normal 12px/13px Lato;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-element__replies-control-container .comment-inline-element__replies-control i {
  display: inline-flex;
  margin-top: 1px;
  justify-content: flex-end;
  flex: 1;
  font-size: 12px;
  padding: 0px 5px;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-element__replies-control-container .comment-inline-element__replies-control i.open {
  transform: rotate(180deg);
  top: 1px;
  position: relative;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-element__replies-control-container .comment-inline-element__replies-control + .comment-inline-dialog__footer {
  position: relative;
  margin-top: 18px;
  width: fit-content;
  align-self: flex-end;
  padding-right: 20px;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__replies-container {
  margin-top: 17px;
  padding-top: 5px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__replies-container .comment-inline-element__container {
  padding-left: 15px;
  background-color: #FFFFFF;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__replies-container .comment-inline-element__replies-control {
  display: none;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__reply-area {
  display: flex;
  flex: 1;
  padding: 10px 20px 10px 2px;
  margin-top: 20px;
  background-color: #FFFFFF;
  z-index: 2;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__reply-area .comment-text-editor__container {
  min-height: 75px;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__footer {
  display: flex;
  justify-content: flex-start;
  padding-right: 20px;
  flex-direction: row-reverse;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__footer button {
  text-transform: uppercase;
  color: #2FB5B4;
  font: normal normal normal 14px/13px Lato;
  padding: 5px 10px;
  height: fit-content;
  min-width: fit-content;
  z-index: 2;
}
.draggable-dialog.comment-inline-dialog__container .comment-inline-dialog__footer button + button {
  margin-left: 10px;
}
.draggable-dialog.comment-feed__container {
  width: 350px;
  height: 610px;
  background-color: #222222;
  box-shadow: 0px 5px 8px #00000029;
  border: 1px solid #979797;
  display: flex;
  overflow: hidden;
  z-index: 1011;
}
.draggable-dialog.comment-feed__container .dragger {
  min-height: 45px;
  margin-bottom: -35px;
  z-index: 0;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content button.close {
  z-index: 1;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 0px 15px 0px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .dialog-header {
  padding: 0px 15px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .dialog-header .action-btn.close {
  opacity: 1;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content {
  overflow: hidden;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content button {
  padding: 0px;
  text-shadow: none;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content button,
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content button:hover,
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content button:active {
  background: none !important;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content button:active {
  color: #2FB5B4;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls {
  display: flex;
  padding: 15px 15px 10px 15px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__add-button {
  display: flex;
  align-items: center;
  color: #F6F6F6;
  flex-direction: row;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__add-button .comment-feed__add-icon {
  display: flex;
  padding: 3px;
  background-color: #2FB5B4;
  border-radius: 100%;
  aspect-ratio: 1;
  align-items: center;
  font-size: 12px;
  color: #222222;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__filter-container {
  display: flex;
  align-self: center;
  width: 100px;
  flex: 1;
  justify-content: flex-end;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__filter-container .comment-feed__filter-header {
  color: #F6F6F6;
  display: flex;
  font-size: 14px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__filter-container .comment-feed__filter-header .comment-feed__filter-text {
  padding-right: 10px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__filter-container .comment-feed__filter-header i {
  display: inline-flex;
  margin-top: 5px;
  justify-content: flex-end;
  flex: 1;
  font-size: 12px;
  padding: 0px 5px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__filter-container .comment-feed__filter-header i.open {
  transform: rotate(180deg);
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__controls .comment-feed__filter-container .comment-feed__filter-header .fly-out-menu-item-label {
  line-height: 20px;
}
.draggable-dialog.comment-feed__container .draggable-dialog-content .comment-feed__content .comment-feed__comments {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.comment-inline-dialog__mount__mobile {
  bottom: 0px;
  width: 100%;
  z-index: 3;
  display: flex;
  flex: 1;
  overflow-y: auto;
  position: absolute;
  min-height: 40%;
  max-height: 40%;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile {
  display: flex;
  flex-direction: column;
  background-color: #222222;
  color: #F6F6F6;
  font: normal normal normal 16px/22px Lato;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
  min-height: 100%;
  flex: 1;
  overflow-y: auto;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile button {
  padding: 0px;
  text-shadow: none;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile button,
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile button:hover,
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile button:active {
  background: none !important;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile button:active {
  color: #2FB5B4;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container {
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header {
  padding-bottom: 0px;
  border-bottom: none;
  display: flex;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__navigation {
  text-shadow: none;
  color: #F6F6F6;
  margin: 0px;
  padding: 15px 20px 15px 20px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__navigation.invisible {
  visibility: hidden;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__navigation.navigation-left {
  padding-right: 10px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__navigation.navigation-left i {
  transform: rotate(90deg);
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__navigation.navigation-right {
  padding-left: 10px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__navigation.navigation-right i {
  transform: rotate(-90deg);
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger__mobile {
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger__mobile i {
  text-shadow: none;
  color: #F6F6F6;
  font-size: 18px;
  line-height: 1em;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger__mobile .comment-inline-element__menu-container {
  background-color: #F6F6F6;
  color: #222222;
  border-radius: 5px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger__mobile .comment-inline-element__menu-container .fly-out-menu-item {
  color: #222222;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-user-data__container {
  justify-content: flex-start;
  align-items: center;
  padding: 15px 10px;
  flex: 1;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-user-data__container .comment-user-data__avatar {
  min-width: 20px;
  max-width: 20px;
  margin: 0px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-user-data__container .comment-user-data__text-container {
  padding-left: 15px;
  font: normal normal normal 16px/22px Lato;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content {
  flex-direction: column;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content .comment-user-data__username {
  line-height: 22px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__header .comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content .comment-user-data__date {
  font-size: 13px;
  line-height: 22px;
  padding-left: 0px;
  align-self: flex-start;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__content-container__mobile {
  display: flex;
  flex: 1;
  padding: 0px 20px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__content-container__mobile .comment-inline-element__border-wrapper__mobile {
  display: flex;
  flex: 1;
  border-bottom: 1px solid #F6F6F6;
  padding: 0px 0px 10px 0px;
  width: 100%;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__content-container__mobile .comment-inline-element__container .comment-inline-element__content-container__mobile .comment-inline-element__border-wrapper__mobile .comment-inline-element__comment-text__mobile {
  text-wrap: wrap;
  white-space: break-spaces;
  overflow: auto;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .mobile-inline-comments__replies-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .mobile-inline-comments__replies-container .comment-inline-element__container {
  background-color: inherit;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .mobile-inline-comments__replies-container .comment-inline-element__container .comment-inline-element__comment-text__mobile {
  padding: 0px 20px;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__reply-container__mobile {
  display: flex;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__reply-container__mobile .comment-inline-dialog__reply-spacer__mobile {
  flex: 1;
}
.comment-inline-dialog__mount__mobile .comment-inline-dialog__container__mobile .comment-inline-dialog__reply-container__mobile button {
  text-shadow: none;
  color: #F6F6F6;
  margin: 0px;
  padding: 15px 20px 20px 20px;
  text-transform: capitalize;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background {
  z-index: 10;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component {
  flex-direction: column;
  z-index: 10;
  font: normal normal normal 16px/22px Lato;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
  background-color: #2F2F2F;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component button {
  padding: 0px;
  text-shadow: none;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component button,
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component button:hover,
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component button:active {
  background: none !important;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component button:active {
  color: #2FB5B4;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile {
  display: flex;
  flex-direction: row;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__navigation-container__mobile {
  display: flex;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__navigation-container__mobile .comment-feed__header-back-button__mobile {
  color: #F6F6F6;
  padding: 20px 10px;
  font-size: 16px;
  margin: 0px;
  line-height: 16px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__navigation-container__mobile .comment-feed__header-back-button__mobile i {
  transform: rotate(90deg);
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__filter-container__mobile {
  display: flex;
  align-self: center;
  padding-right: 20px;
  width: 100px;
  flex: 1;
  justify-content: flex-end;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__filter-container__mobile .comment-feed__filter-header__mobile {
  color: #F6F6F6;
  display: flex;
  font-size: 14px;
  padding: 15px 20px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__filter-container__mobile .comment-feed__filter-header__mobile i {
  display: inline-flex;
  margin-top: 5px;
  justify-content: flex-end;
  flex: 1;
  font-size: 12px;
  padding: 0px 5px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__filter-container__mobile .comment-feed__filter-header__mobile i.open {
  transform: rotate(180deg);
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__header-container__mobile .comment-feed__filter-container__mobile .comment-feed__filter-header__mobile .fly-out-menu-item-label {
  line-height: 20px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content {
  overflow-y: auto;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container {
  min-height: 220px;
  max-height: 220px;
  margin-top: 15px;
  background-color: #222222;
  border: none;
  overflow: auto;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container:not(:has(+ .comment-feed-element__container)) {
  margin-bottom: 15px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container .comment-feed-element__content {
  color: #F6F6F6;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container .comment-feed-element__content .comment-feed-element__comment-text {
  font-size: 14px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container .comment-feed-element__footer {
  padding: 0px;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container .comment-feed-element__footer button {
  padding: 0px 15px 15px 15px;
  color: inherit !important;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container .comment-feed-element__footer button:hover,
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container .comment-feed-element__footer button:active,
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-feed__content .comment-feed-element__container .comment-feed-element__footer button:focus {
  color: inherit;
}
.comment-feed__fullscreen-component__mobile.mobile-full-screen-component-background .mobile-full-screen-component .comment-user-data__text-container .comment-user-data__text-content .comment-user-data__date {
  margin-bottom: 1px;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile {
  z-index: 12;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .title {
  display: none;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 100%;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content .dialog-header button.close,
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content .dialog-header button.save-n-close {
  min-height: calc(14px + (2 * 20px));
  padding: 20px;
  font-size: 12px;
  line-height: initial;
  opacity: 1;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content .comment-manipulation-dialog__context-container__mobile {
  display: flex;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  max-height: 50%;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content .comment-manipulation-dialog__context-container__mobile .comment-manipulation-dialog__context__mobile {
  margin: 0px;
  display: block;
  overflow: auto;
  flex: 1;
  border-bottom: 1px solid #F6F6F6;
  border-radius: 0px;
  color: #F6F6F6;
  padding: 5px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content .comment-manipulation-dialog__content__mobile {
  display: flex;
  flex: 1;
  padding: 10px 20px 20px 20px;
  border-radius: 5px;
  max-width: 100%;
  overflow: auto;
}
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content .comment-manipulation-dialog__content__mobile .comment-text-editor__container,
.mobile-full-screen-component-background.comment-manipulation-dialog__container__mobile .mobile-full-screen-dialog-content .comment-manipulation-dialog__content__mobile .comment-text-editor__hidden-container {
  color: #F6F6F6;
  caret-color: #F6F6F6;
  padding: 8.5px;
}
.comment-text-editor__container,
.comment-text-editor__hidden-container {
  color: #2F2F2F;
  width: 100%;
  white-space: pre-wrap;
  word-wrap: normal;
  word-break: normal;
  overflow: auto;
  margin-bottom: 0px;
  padding: 5px;
  background: none;
  border: none;
  caret-color: #2F2F2F;
  min-height: 110px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.comment-text-editor__container.safari-fixes,
.comment-text-editor__hidden-container.safari-fixes {
  outline: 1px solid -webkit-focus-ring-color !important;
  outline-offset: 2px;
}
.comment-text-editor__container hr,
.comment-text-editor__hidden-container hr {
  margin: 0px;
  border: none;
}
.comment-text-editor__container:after,
.comment-text-editor__hidden-container:after {
  content: attr(placeholder);
  color: #5A5A5A;
  font: italic normal normal 12px/15px Lato;
  letter-spacing: 0px;
  display: block;
  cursor: text;
  margin-top: -1rem;
}
.comment-text-editor__container.error,
.comment-text-editor__hidden-container.error {
  border: 2px solid #FF6052;
  padding: 2px;
  border-radius: 5px;
}
.comment-text-editor__container .comment-text-editor__mention.has-caret:after,
.comment-text-editor__hidden-container .comment-text-editor__mention.has-caret:after {
  content: attr(placeholder);
}
.comment-text-editor__container .comment-text-editor__mention.error,
.comment-text-editor__hidden-container .comment-text-editor__mention.error {
  border: 2px solid #FF6052;
  padding: 2px;
  border-radius: 5px;
}
.comment-user-data__container {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.comment-user-data__container .comment-user-data__avatar {
  min-width: 22px;
  max-width: 22px;
  aspect-ratio: 1;
  border-radius: 100%;
  background: var(--comment-element-avatar);
  background-size: cover;
  border: 2px solid #F6F6F6;
  display: flex;
  margin: 0px 5px;
}
.comment-user-data__container .comment-user-data__text-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  font: normal normal normal 14px/14px Lato;
  letter-spacing: 0px;
  flex: 1;
  overflow: hidden;
}
.comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content {
  max-width: 100%;
  text-overflow: clip;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content .comment-user-data__username,
.comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content .comment-user-data__date {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}
.comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content .comment-user-data__username {
  min-width: 0px;
  line-height: 15px;
}
.comment-user-data__container .comment-user-data__text-container .comment-user-data__text-content .comment-user-data__date {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-self: flex-end;
  font-size: 10px;
  line-height: 10px;
  margin-bottom: 2px;
  min-width: fit-content;
  padding-left: 10px;
}
.draggable-dialog-content .comment-inline-element__container {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-right: 20px;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header {
  display: flex;
  flex-direction: row;
  padding-bottom: 10px;
  border-bottom: 1px solid #E8E9EC;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger {
  display: flex;
  align-items: center;
  background: none !important;
  text-shadow: none;
  color: #2F2F2F;
  padding: 0px;
  z-index: 3;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container {
  box-shadow: 0px 2px 6px #0000001A;
  background-color: #F6F6F6;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .fly-out-menu-item {
  color: #292D30;
  min-width: 160px;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .fly-out-menu-item:hover {
  background-color: #D8D8D8;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .comment-inline-element__color-menu .fly-out-sub-menu-items {
  box-shadow: 0px 2px 6px #0000001A;
  background-color: #F6F6F6;
  border-radius: 4px;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .comment-inline-element__color-menu .fly-out-sub-menu-items .celtx-color-picker {
  padding: 30px 30px;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .comment-inline-element__color-menu .fly-out-sub-menu-items .celtx-color-picker .color-picker-color-input {
  background-color: #D8D8D8;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__header .comment-inline-element__hamburger .comment-inline-element__menu-container .comment-inline-element__color-menu .fly-out-sub-menu-items .celtx-color-picker .react-colorful__hue-pointer {
  border-color: #D8D8D8;
  background-color: #D8D8D8;
}
.draggable-dialog-content .comment-inline-element__container .comment-inline-element__content {
  padding-top: 10px;
  flex: 1;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  min-height: 110px;
  white-space: break-spaces;
}
.comment-mention {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: #2FB5B4;
}
.comment-text-editor__mention:focus-within::after {
  content: attr(placeholder);
}
.comment-feed-element__container {
  background-color: #FCFCFC;
  padding-top: 15px;
  margin: 0px 20px;
  display: flex;
  flex-direction: column;
  border-left: 5px solid var(--inline-comment-color);
}
.comment-feed-element__container + .comment-feed-element__container {
  margin-top: 10px;
}
.comment-feed-element__container .comment-feed-element__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: #2F2F2F;
}
.comment-feed-element__container .comment-feed-element__content .comment-user-data__container {
  padding: 0px 15px;
}
.comment-feed-element__container .comment-feed-element__content .comment-user-data__container .comment-user-data__text-container {
  padding-left: 5px;
}
.comment-feed-element__container .comment-feed-element__content .comment-feed-element__comment-text {
  flex: 1;
  padding: 8px 15px 0px 15px;
  min-height: 100px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
  overflow: hidden;
}
.comment-feed-element__container .comment-feed-element__content .comment-feed-element__footer {
  display: flex;
  justify-content: space-between;
  padding: 0px 15px 15px 15px;
}
.comment-feed-element__container .comment-feed-element__content .comment-feed-element__footer button:hover,
.comment-feed-element__container .comment-feed-element__content .comment-feed-element__footer button:active,
.comment-feed-element__container .comment-feed-element__content .comment-feed-element__footer button:focus {
  color: #2FB5B4;
}
.mobile-scene-nav {
  background-color: #F6F6F6;
  z-index: 3;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  min-height: 60%;
  overflow: auto;
  box-shadow: 0px 5px 8px #D6D6D6;
}
.mobile-scene-nav .mobile-scene-nav-content {
  height: 60%;
}
.mobile-scene-nav .scenenav-list {
  padding-bottom: 10px;
}
.mobile-scene-nav .scenenav-list .scenenav-list-item {
  text-align: left;
  width: auto;
  margin-top: 5px;
  padding-top: 10px;
  background-color: #F6F6F6;
}
.mobile-scene-nav .scenenav-list .scenenav-list-item.highlight {
  background-color: #2FB5B4;
}
.mobile-scene-nav .scenenav-list .scenenav-list-item .scenenav-list-link {
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  padding: 0 30px 0 40px;
}
.mobile-scene-nav .scenenav-list .scenenav-list-item .scenenav-list-link:last-child {
  padding-bottom: 10px;
}
.mobile-scene-nav .scenenav-list .scenenav-list-item .scenenav-list-link span {
  margin-right: 20px;
}
.mobile-scene-nav .scenenav-list .scenenav-list-item:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}
@media (max-width: 600px) {
  .scenenav-list-item.sequence-item-move-moving {
    width: 300px;
  }
  .scenenav-list-item.sequence-item-move-moving .scenenav-list-link {
    font-size: 18px;
  }
}
.fullscreen-component {
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #181919;
  font-family: 'lato', sans-serif;
}
.fullscreen-component .fscomp-header-container {
  color: white;
  display: flex;
  align-items: center;
  padding: 15px;
  height: 45px;
}
.fullscreen-component .fscomp-share-button {
  padding: 6.5px 24px;
  margin-top: 40px;
  margin-bottom: 60px;
  text-align: center;
  border-radius: 100px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #945CA3;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.fullscreen-component .fscomp-share-button.top-bar {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 6px;
}
.fullscreen-component .fscomp-content-container {
  padding: 0 30px;
  height: 60%;
}
.fullscreen-component .fscomp-content-container .notetab-container .notetab-note-header {
  text-align: left;
}
.fullscreen-component .fscomp-content-container .notetab-container .notetab-note-header .notetab-settings {
  font-size: 20px;
  margin-right: 15px;
}
.fullscreen-component .fscomp-content-container .notetab-container .notetab-note-header .callout {
  height: 35px;
  width: 70px;
}
.fullscreen-component .fscomp-content-container .notetab-container .notetab-note-header .callout .callout-yes,
.fullscreen-component .fscomp-content-container .notetab-container .notetab-note-header .callout .callout-no {
  line-height: 35px;
  font-size: 16px;
}
.fullscreen-component .fscomp-content-container .media-container {
  text-align: left;
}
.fullscreen-component .fscomp-content-container .media-container .mediatab-media {
  max-width: 27%;
  max-height: 146px;
  margin-left: 10px;
  margin-top: 10px;
}
.fullscreen-component .fscomp-content-container .media-container .mediatab-media.mediatab-media-highlight .mediatab-media-image {
  box-shadow: inset 0 0 1px 2px #2FB5B4;
}
.fullscreen-component .fscomp-content-container .media-container .mediatab-media-empty-state {
  color: #F6F6F6;
  margin: 10px;
  height: 18px;
  text-align: center;
}
.fullscreen-component .fscomp-content-container .media-container .mediatab-media-name {
  position: relative;
  text-align: left;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 1;
  padding: 5px 0px;
  margin: 0px;
  color: #F6F6F6;
  background: none;
}
.fullscreen-component .fscomp-content-container .media-container .mediatab-media-image {
  background-size: cover;
  border-radius: 3px;
}
.fullscreen-component .fscomp-content-container .media-container .mediatab-media-date {
  color: #F6F6F6;
}
.fullscreen-component .fscomp-content-container .fscomp-shared-users-container {
  margin-top: 30px;
  height: calc(100% - 75px);
  overflow-y: auto;
  background-color: #6E6E6E;
  border-radius: 15px;
  padding: 10px 20px 20px 20px;
}
.fullscreen-component .fscomp-content-container .fscomp-shared-users-container .person-name-info:first-child:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fullscreen-component .fscomp-content-container .fscomp-shared-users-container .more-circle {
  background-color: transparent;
  width: 14px;
  height: 14px;
  border: none;
  margin-right: -3px;
  text-align: left;
}
.fullscreen-component .fscomp-content-container.media {
  height: 100%;
}
.projectpalette-mobile-container {
  z-index: 9;
  top: initial !important;
  bottom: 10px;
  right: 0px !important;
  width: auto;
  position: fixed;
}
.projectpalette-mobile-container.cx-projectpalette-container-open {
  width: inherit;
}
.projectpalette-mobile-container .cx-projectpalette {
  display: flex;
  flex-direction: row-reverse;
  overflow: initial;
}
.projectpalette-mobile-container .cx-projectpalette-title {
  display: none;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  padding: 0;
  padding-top: 15px;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 20px;
  text-align: center;
  text-overflow: inherit;
}
.projectpalette-mobile-container .cx-projectpalette-title-open {
  background-color: #26bbaa;
}
.projectpalette-mobile-container .cx-projectpalette-content-container {
  padding: 0;
}
.projectpalette-mobile-container .cx-projectpalette-menu-container {
  display: none;
}
.projectpalette-mobile-container .cx-projectpalette-menu {
  text-align: left;
  display: flex;
  flex-direction: row-reverse;
}
.projectpalette-mobile-container .cx-projectpalette-menu .cx-projectpalette-menu-item {
  border-radius: 25px;
  width: 50px;
  height: 50px;
  padding: 0;
  padding-top: 15px;
  margin-right: 10px;
  font-size: 20px;
  text-align: center;
}
.projectpalette-mobile-container .cx-projectpalette-menu .cx-projectpalette-menu-item i {
  width: auto;
}
.mobile-project-creation {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 31;
  padding-top: 20%;
  overflow-y: auto;
  color: #707070;
  background: #181919;
}
.mobile-project-creation .creation-type-label,
.mobile-project-creation .creation-name-label,
.mobile-project-creation .creation-episode-label {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
}
.mobile-project-creation .creation-input-container {
  display: block;
  text-align: left;
  margin-bottom: 35%;
  margin-left: 26px;
  width: 90%;
}
.mobile-project-creation .creation-input-container .creation-name-container {
  margin-bottom: 5px;
}
.mobile-project-creation .creation-input-container .creation-name-container .creation-name-label {
  font-weight: 400;
  margin-bottom: 3px;
}
.mobile-project-creation .creation-input-container .creation-name-container .creation-name-input {
  background-color: transparent;
  border: 2px solid #707070 !important;
  padding: 10px;
  border-radius: 8px;
  font-weight: normal;
  color: white;
  width: 90%;
}
.mobile-project-creation .creation-input-container .creation-name-container .creation-name-input.input-error {
  border-color: red;
  box-shadow: 0 0 6px #672f2f;
}
.mobile-project-creation .creation-input-container .creation-name-container .project-name-error {
  color: red;
  margin-bottom: 15px;
}
.mobile-project-creation .creation-input-container .creation-episode-container.no-show {
  visibility: hidden;
}
.mobile-project-creation .creation-input-container .creation-episode-container .creation-episode .goog-menu-button {
  border: 2px solid #707070 !important;
  padding: 10px;
  border-radius: 8px;
  font-weight: normal;
  width: 140px;
}
.mobile-project-creation .project-create-btn-container {
  display: flex;
  justify-content: flex-end;
}
.mobile-project-creation .project-create-btn-container .project-create-btn {
  padding: 6.5px 20px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  min-width: 80px;
  color: #F6F6F6;
  background-color: #2FB5B4;
  border: none;
  border-radius: 8px;
  font-family: 'Lato';
  margin-right: 36px;
  text-align: center;
  font-weight: normal;
  text-shadow: none;
}
.mobile-project-creation .creation-dismiss-container {
  position: fixed;
  top: 15px;
  left: 15px;
}
.mobile-project-creation .creation-dismiss-container .dismiss-creation {
  color: white;
  font-size: 18px;
}
.mobile-project-creation .creation-type-container {
  margin-bottom: 25px;
}
.mobile-project-creation .creation-type-container #film-tv-image {
  background-image: url('../img/new-project/film_video_project.png');
}
.mobile-project-creation .creation-type-container #vr-gaming-image,
.mobile-project-creation .creation-type-container #vr-gaming-v2-image {
  background-image: url('../img/new-project/game_vr_project.png');
}
.mobile-project-creation .creation-type-container #video-image,
.mobile-project-creation .creation-type-container #video-v2-image {
  background-image: url('../img/new-project/web_video_project.png');
}
.mobile-project-creation .creation-type-container #stageplay-image {
  background-image: url('../img/new-project/stageplay_project.png');
}
.fullscreen-component#mobile-navigation .fscomp-header-container {
  justify-content: space-between;
}
.fullscreen-component#mobile-navigation .fscomp-content-container {
  text-align: left;
  color: white;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container {
  display: flex;
  align-items: center;
  justify-content: left;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container a {
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container .context-name {
  font-size: 13px;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container .context-date {
  display: inline-block;
  font-size: 13px;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container .context-body {
  font-size: 18px;
  max-width: 50vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container.shared-users .fscomp-info {
  width: 50vw;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container.shared-users .context-body {
  font-size: 23px;
  height: 23px;
  color: #E0E0E0;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container.shared-users .context-name {
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 10px;
  margin-left: auto;
  text-transform: uppercase;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .studio-info-container.shared-users .context-count {
  margin-left: auto;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .fscomp-image {
  overflow: hidden;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  border-radius: 50%;
  margin: 10px 15px 10px 0px;
  border: 2px solid #ffffff;
  background-size: cover;
}
.fullscreen-component#mobile-navigation .fscomp-content-container #top-nav-mobile {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  list-style: none;
  color: white;
}
.fullscreen-component#mobile-navigation .fscomp-content-container #top-nav-mobile li a {
  color: white;
  font-weight: normal;
}
.fullscreen-component#mobile-navigation .fscomp-content-container #top-nav-mobile .project-sublist {
  margin-left: 0px;
  list-style: none;
}
.fullscreen-component#mobile-navigation .fscomp-content-container ul {
  list-style-type: none;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .mobile-menu-circle {
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  margin-left: 24px;
  margin-right: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: left;
  flex-direction: row;
  font-size: 14px;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item i {
  margin-left: 14px;
  margin-right: 14px;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .extraFile {
  position: relative;
  left: 30px;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section.active {
  background-color: #292d30 !important;
  border-bottom: 1px solid #181919;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section.active .top-nav-mobile-section-label {
  color: #2FB5B4;
}
.fullscreen-component#mobile-navigation.half-screen {
  width: 60%;
}
.fullscreen-component#mobile-navigation.half-screen .fscomp-content-container {
  padding: 0 10px;
}
.fullscreen-component#mobile-navigation.half-screen .fscomp-content-container .studio-info-container .fscomp-info {
  width: 60%;
}
.fullscreen-component#mobile-navigation.half-screen .fscomp-content-container .studio-info-container .a {
  align-items: center;
  justify-content: center;
}
.fullscreen-component#mobile-navigation.half-screen #top-nav-mobile {
  margin-left: 0px;
  margin-right: 0px;
}
.fullscreen-component#mobile-navigation.half-screen #top-nav-mobile .top-nav-mobile-item {
  height: 58px;
  width: 100%;
}
.fullscreen-component#mobile-navigation.half-screen.right {
  left: auto;
}
.fullscreen-component#mobile-navigation.half-screen.right .fscomp-header-container {
  justify-content: flex-end !important;
}
.fullscreen-component#mobile-hamburger {
  overflow-y: auto;
}
.fullscreen-component#mobile-hamburger .fscomp-header-container {
  justify-content: space-between;
  color: #F6F6F6;
  display: flex;
  align-items: center;
  padding: 10px 20px;
}
.fullscreen-component#mobile-hamburger .fscomp-header-container .hamburger-close {
  width: 30px;
  height: 30px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container {
  text-align: left;
  color: white;
  display: flex;
  flex-direction: column;
  height: auto;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .fscomp-image {
  overflow: hidden;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  border-radius: 50%;
  margin: 10px 15px 10px 0px;
  border: 2px solid #ffffff;
  background-size: cover;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .hamburger-title {
  font-size: 16px;
  color: #A2A2A3;
  margin-left: 20px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container button {
  background: #40bdb4 !important;
  border: none;
  font-weight: normal;
  text-shadow: none;
  width: 80px;
  height: 35px;
  margin-top: 10px;
  margin-right: 11%;
  left: auto;
  align-self: flex-end;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .options-list {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  list-style: none;
  color: white;
  background: #292D30;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .options-list li a {
  color: white;
  font-weight: normal;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .options-list .project-sublist {
  margin-left: 0px;
  list-style: none;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container ul {
  list-style-type: none;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .mobile-menu-circle {
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  margin-left: 24px;
  margin-right: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: left;
  flex-direction: row;
  font-size: 14px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item i {
  margin-left: 14px;
  margin-right: 14px;
  width: 18px;
  line-height: 18px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item.active {
  background: #3C3D3E;
  color: #2FB5B4;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item.active i {
  color: #2FB5B4;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section.active {
  background-color: #292d30 !important;
  border-bottom: 1px solid #181919;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section.active .top-nav-mobile-section-label {
  color: #2FB5B4;
}
.fullscreen-component#mobile-hamburger.half-screen {
  width: 60%;
}
.fullscreen-component#mobile-hamburger.half-screen .fscomp-content-container {
  padding: 0 10px;
}
.fullscreen-component#mobile-hamburger.half-screen .fscomp-content-container .studio-info-container .fscomp-info {
  width: 60%;
}
.fullscreen-component#mobile-hamburger.half-screen .fscomp-content-container .studio-info-container .a {
  align-items: center;
  justify-content: center;
}
.fullscreen-component#mobile-hamburger.half-screen #top-nav-mobile {
  margin-left: 0px;
  margin-right: 0px;
}
.fullscreen-component#mobile-hamburger.half-screen #top-nav-mobile .top-nav-mobile-item {
  height: 42px;
  width: 100%;
}
.fullscreen-component#mobile-hamburger.half-screen.right {
  left: auto;
}
.fullscreen-component#mobile-hamburger.half-screen.right .fscomp-header-container {
  justify-content: flex-end !important;
}
.mobile-lightbox .lightbox-header {
  margin-top: 20px;
}
.mobile-lightbox .lightbox-header .lightbox-header-close {
  top: -5px;
  left: 10px;
}
.mobile-lightbox .lightbox-header-name {
  font-size: 16px;
  padding-top: 8px;
  max-width: 100%;
}
.mobile-lightbox .lightbox-tagscontainer,
.mobile-lightbox .lightbox-namecontainer {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 15px;
}
.mobile-lightbox .lightbox-tagscontainer .lightbox-tagsheader,
.mobile-lightbox .lightbox-namecontainer .lightbox-tagsheader,
.mobile-lightbox .lightbox-tagscontainer .lightbox-nameheader,
.mobile-lightbox .lightbox-namecontainer .lightbox-nameheader {
  margin-top: 4px;
  font-size: 10px;
  width: 170px;
}
.mobile-lightbox .lightbox-tagscontainer .lightbox-tags,
.mobile-lightbox .lightbox-namecontainer .lightbox-tags,
.mobile-lightbox .lightbox-tagscontainer .lightbox-header-name,
.mobile-lightbox .lightbox-namecontainer .lightbox-header-name {
  width: 100%;
}
.mobile-lightbox .lightbox-tagscontainer .lightbox-tags,
.mobile-lightbox .lightbox-namecontainer .lightbox-tags {
  margin-left: -17px;
}
.mobile-lightbox .lightbox-tagscontainer .lightbox-tags .autoblocklist,
.mobile-lightbox .lightbox-namecontainer .lightbox-tags .autoblocklist {
  margin-top: 5px;
  height: 33px;
}
.mobile-lightbox .lightbox-tagscontainer .lightbox-action,
.mobile-lightbox .lightbox-namecontainer .lightbox-action {
  padding-top: 8px;
  margin-right: 0;
  padding-left: 15px;
}
.mobile-lightbox .lightbox-tagscontainer .lightbox-tagsheader {
  margin-top: 6px;
}
.mobile-lightbox .lightbox-tagscontainer .lightbox-editbtn {
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 0;
  border: 0;
  color: #ddd;
  font-size: 20px;
}
.mobile-lightbox .lightbox-image-container .lightbox-image {
  max-height: 425px;
}
@media (max-width: 360px) {
  .mobile-lightbox .lightbox-image-container .lightbox-image {
    max-height: 200px;
  }
}
@media (max-width: 335px) {
  .mobile-lightbox .lightbox-tags input {
    width: 155px !important;
  }
}
.mobile-media-modal .img-results {
  max-height: initial;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mobile-media-modal .drag-drop-upload-list-wide {
  max-width: 100%;
}
.media-detail-container {
  position: absolute;
  width: 100%;
}
.media-detail-container img {
  position: relative;
  display: block;
  margin: auto;
}
.mobile-full-screen-component-background {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 10;
  top: 0px;
  left: 0px;
  bottom: 0px;
  display: flex;
  background-color: #181919;
  z-index: 3;
}
.mobile-full-screen-component-background .mobile-full-screen-component {
  display: flex;
  background-color: #181919;
  min-height: var(--viewport-height);
  max-height: var(--viewport-height);
  min-width: var(--viewport-width);
  max-width: var(--viewport-width);
}
.mobile-color-picker__mount-point .mobile-color-picker {
  z-index: 12;
}
.mobile-color-picker__mount-point .mobile-color-picker .close-button {
  background: none;
}
.mobile-color-picker__mount-point .mobile-color-picker button {
  padding: 0px;
  text-shadow: none;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0px;
}
.mobile-color-picker__mount-point .mobile-color-picker button,
.mobile-color-picker__mount-point .mobile-color-picker button:hover,
.mobile-color-picker__mount-point .mobile-color-picker button:active {
  background: none !important;
}
.mobile-color-picker__mount-point .mobile-color-picker button:active {
  color: #2FB5B4;
}
.mobile-body__flex {
  display: flex;
  flex-direction: column;
}
.mobile-body__flex .doc-pop-button-group {
  display: none;
}
.mobile-body__flex #cxContent.theme-mobile.inline-comments-open {
  height: 65dvh;
}
.mobile-body__flex #cxContent.theme-mobile.inline-comments-open .mobile-pm-container-fluid {
  height: 65dvh;
}
.mobile-body__flex #cxContent.theme-mobile.inline-comments-open .mobile-pm-container-fluid .row-fluid {
  height: 65dvh;
}
.mobile-body__flex #cxContent.theme-mobile.inline-comments-open .mobile-pm-container-fluid .row-fluid .editor-container {
  height: 65dvh;
}
.mobile-body__flex #cxContent.theme-mobile.inline-comments-open .mobile-pm-container-fluid .row-fluid .editor-container .editor-content {
  height: 65dvh;
}
@media (max-width: 768px) and (hover: none), (pointer: coarse) {
  .mobile-game-container-fluid #editor-container,
  .mobile-game-container-fluid #editor-content,
  .mobile-game-container-fluid .visualize,
  .mobile-game-container-fluid .ProseMirror {
    min-height: calc(100vh - 50px);
  }
  .mobile-game-container-fluid #editor-content {
    max-height: calc(100vh - 50px);
  }
}
.mobile-game-container-fluid .doc-pop-button-group {
  margin-right: 0;
}
.mobile-game-container-fluid .doc-pop-button-group a:not(.share-btn) {
  display: none;
}
.mobile-game-container-fluid #toolbar-flex-left {
  display: block !important;
}
.mobile-game-container-fluid .cxinteractive-network {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.mobile-game-container-fluid #displayActions {
  display: none;
}
.mobile-game-container-fluid .editor-view-filter {
  left: 120px;
}
.mobile-game-container-fluid .ProseMirror-menubar #toolbox-toggle-container {
  display: none;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-current-sequence .current-sequence {
  width: 90px !important;
  padding: 0 10px;
}
.mobile-game-container-fluid .ProseMirror-menubar #sep-1 {
  border-left: 1px solid white;
  margin: 0 7px;
  display: inline-block;
}
.mobile-game-container-fluid .ProseMirror-menubar .new-interactive-dialog:before {
  margin-right: 0 !important;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-type-drop-down {
  display: none;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-type-drop-down .ProseMirror-menu-dropdown-menu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 90px;
  overflow-y: auto;
  border-radius: 0;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-type-drop-down .ProseMirror-menu-dropdown-menu .cxpm-switch-hotkey {
  display: none;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-type-drop-down .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey .cxpm-element-hotkey-text {
  display: none;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  background-color: #363836;
  text-align: left;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50px;
  padding: 8px 20px;
  margin-right: 0 !important;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu .ProseMirror-menuitem {
  background-color: #555555 !important;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon:not(.ProseMirror-menu-active) {
  background-color: transparent;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu .ProseMirror-menuitem#cx-redo,
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu .ProseMirror-menuitem#cx-undo {
  float: right;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu #cx-color-pick,
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu #cx-zoom {
  display: inline-block !important;
}
@media (max-width: 385px) {
  .mobile-game-container-fluid #displayTitle {
    visibility: hidden;
  }
  .mobile-game-container-fluid .editor-view-filter {
    left: 45px;
  }
  .mobile-game-container-fluid .ProseMirror-menubar #cx-type-drop-down {
    width: 110px !important;
  }
  .mobile-game-container-fluid .ProseMirror-menubar #cx-current-sequence .current-sequence {
    width: 60px !important;
    padding: 0 10px;
  }
}
.mobile-game-container-fluid .file-header-content-bg #trial-container {
  display: none;
}
.mobile-game-container-fluid .file-header-content-bg.shrink {
  animation: hide 0.2s linear;
  height: 0px;
}
@keyframes hide {
  from {
    height: 46px;
  }
  to {
    height: 0px;
  }
}
.mobile-game-container-fluid .file-header-content-bg.grow {
  animation: show 0.3s linear;
  height: 46px;
}
@keyframes show {
  0% {
    transform: translateY(-46px);
  }
  99% {
    transform: translateY(0);
  }
  100% {
    transform: initial;
  }
}
.ProseMirror-modal.modal-med.modal-mobile {
  max-width: 100%;
}
.ProseMirror-modal.modal-mobile-accordion {
  max-width: 100%;
  height: 100%;
  top: 0 !important;
  overflow-y: auto;
}
.ProseMirror-modal.modal-mobile-accordion .modal-content .modal-row {
  display: block;
}
.ProseMirror-modal.modal-mobile-accordion .modal-content .modal-row .modal-col {
  width: 100%;
  padding: 0 !important;
}
.ProseMirror-modal.modal-mobile-accordion .modal-content .modal-row .branch-connections-container {
  height: 110px;
}
.ProseMirror-modal.modal-mobile-accordion .modal-content .modal-form .modal-row {
  display: block;
}
.ProseMirror-modal.modal-mobile-accordion .modal-content .modal-form .modal-row .modal-col {
  width: 100% !important;
  padding: 0 !important;
}
.ProseMirror-modal.modal-mobile-accordion .modal-content .modal-form .modal-row .modal-col .literals-list-empty {
  margin-top: 20px;
}
.ProseMirror-modal.modal-mobile-accordion .modal-controls {
  margin-top: 20px;
}
.ProseMirror-modal.modal-mobile-editor,
.ProseMirror-modal.insert-template-modal.modal-mobile {
  max-width: 100%;
  height: 100%;
  top: 0 !important;
  overflow-y: auto;
  margin-left: auto !important;
}
.ProseMirror-modal.modal-sml.modal-mobile-create-template {
  top: 10% !important;
}
@media screen and (max-width: 768px) {
  .login-container {
    height: unset !important;
    min-height: 100vh;
    background: #fff;
  }
}
.mobile-verify-container {
  overflow-x: hidden;
}
.mobile-verify-container #login-header-message {
  text-align: center !important;
  margin-top: 110px;
}
.mobile-verify-container #verification-text-container {
  margin-top: 10px !important;
}
.mobile-verify-container #verification-text-container .check-email-header {
  font-size: 20px;
  line-height: 10px;
}
.mobile-verify-container #verification-text-container #verification-email {
  font-size: 20px;
}
.mobile-verify-container .project-setup-header .userform-header {
  line-height: 30px;
}
.mobile-verify-container .project-setup-header .userform-header .smaller-text {
  font-size: 18px;
  font-weight: 200;
}
.mobile-verify-container .wizard-button-container {
  margin-top: 0;
  padding-top: 0;
}
.mobile-verify-container .multidigitinputs-input {
  padding: 5px !important;
  margin: 2px;
}
.mobile-verify-container .multidigitinputs-hyphen {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  height: 0px;
  width: 0px;
}
.mobile-verify-container #project-loading-arc {
  position: relative;
  margin: 60px auto;
  width: 150px;
  height: 150px;
}
.mobile-verify-container #project-loading-arc .spinner-canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
.mobile-verify-container #project-loading-arc .spinner-label {
  color: #36B5AB;
  line-height: 150px;
  text-align: center;
  width: 150px;
  font-family: sans-serif;
  font-size: 40px;
  font-weight: 100;
  margin-left: 5px;
}
.mobile-verify-container .project-setup-loading-container {
  position: relative;
  margin: 0 auto;
  width: 150px;
  height: 25px;
  border-radius: 5px;
  background-color: #36B5AB;
  text-align: left;
}
.mobile-verify-container .project-setup-loading-container .project-setup-loading-text {
  padding-left: 27px;
  padding-top: 3px;
  text-transform: uppercase;
  font-size: 10px;
}
.mobile-verify-container .project-setup-loading-container .project-setup-loading-text:after {
  content: "...";
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis-dot 1s infinite 0.3s;
  animation-fill-mode: fowards;
  width: 1.25em;
}
@keyframes ellipsis-dot {
  25% {
    content: "";
  }
  50% {
    content: ".";
  }
  75% {
    content: "..";
  }
  100% {
    content: "...";
  }
}
@media (min-height: 1240px) {
  #editor-content .cx-screenplay.cx-mobile {
    background: #F3F3F3;
  }
  #editor-content .cx-screenplay.cx-mobile .page {
    box-shadow: unset;
  }
}
.mobile-editor-toolbar {
  background: #222222;
  transition: top 0.5s ease 0s;
  position: absolute !important;
  height: 50px;
  z-index: 2;
  left: 0;
  right: 0;
}
.mobile-editor-toolbar.draft {
  background-color: #D8D8D8;
}
.mobile-editor-toolbar.shrink {
  top: -50px;
}
.mobile-editor-toolbar.grow {
  top: 0px;
}
.mobile-editor-toolbar #toolbar-flex-left {
  display: block !important;
}
.mobile-editor-toolbar #toolbar-flex-left .file-header-script-container {
  width: auto;
}
.mobile-editor-toolbar #toolbar-flex-left .file-header-script-container #scene-nav-toolbar-btn {
  font-size: 22px;
  margin: 9px 0 9px 40px;
}
.mobile-editor-toolbar #toolbar-flex-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.mobile-editor-toolbar.mobile-add-comment-toolbar {
  z-index: 12;
}
.mobile-editor-toolbar.mobile-add-comment-toolbar #mobile-editor-toolbar {
  display: none !important;
}
.mobile-editor-toolbar #prairie-nav-toggle {
  top: 15px;
}
.mobile-pm-container-fluid {
  height: 100dvh;
  z-index: 1400;
}
.mobile-pm-container-fluid .row-fluid {
  height: 100dvh;
}
.mobile-pm-container-fluid .row-fluid .editor-container {
  height: 100dvh;
}
.mobile-pm-container-fluid .row-fluid .editor-container .editor-content {
  height: 100dvh;
}
.mobile-pm-container-fluid .documentactionbtn {
  display: none;
}
.mobile-pm-container-fluid .doc-pop-button-group {
  margin-right: 0;
}
.mobile-pm-container-fluid .doc-pop-button-group a:not(.share-btn) {
  display: none;
}
.mobile-pm-container-fluid .doc-saver,
.mobile-pm-container-fluid .doc-next-to-btn {
  display: inline-block;
}
.mobile-pm-container-fluid .doc-saver i,
.mobile-pm-container-fluid .doc-next-to-btn i {
  margin-right: 0;
}
.mobile-pm-container-fluid .doc-saver span,
.mobile-pm-container-fluid .doc-next-to-btn span {
  display: none !important;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript {
  display: none;
  flex-wrap: nowrap;
  background: #292D30 !important;
  padding: 0px 10px !important;
  height: 44px !important;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #toolbox-toggle-container {
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #sep-1 {
  border-left: 1px solid white;
  margin: 0 7px;
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-fnr {
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-background span,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-foreground span {
  width: 14px;
  height: 14px;
  margin: 6px auto;
  display: inline-block;
  position: initial;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cxi-format {
  margin-left: 0.15em;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-elements {
  display: none;
  margin-top: -2px;
  border-radius: 8px;
  padding: 2px 10px;
  width: 130px !important;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown-menu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 90px;
  overflow-y: auto;
  border-radius: 0;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown-menu .cxpm-switch-hotkey {
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-elements .ProseMirror-menu-dropdown-menu .cxpm-element-hotkey .cxpm-element-hotkey-text {
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile {
  height: 44px;
  width: 44px;
  font-size: 18px;
  text-align: center;
  color: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout {
  border-radius: 12px;
  height: 26px;
  width: 26px;
  margin-right: 0;
  position: initial !important;
  background-color: #222222;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout.cxi-format::before {
  margin-left: 0.25em;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout.ProseMirror-menu-active {
  transform: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout.ProseMirror-menu-active.cxi-format::before {
  transform: rotate(180deg);
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  background-color: #222222;
  text-align: left;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 43px;
  padding: 0px 20px;
  height: 44px;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem {
  background-color: #222222;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  font-size: 20px;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon {
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon span {
  vertical-align: text-bottom;
  font-size: 16px;
  color: #F6F6F6;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon:not(.ProseMirror-menu-active) {
  background-color: transparent !important;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon.ProseMirror-menu-active {
  background-color: transparent !important;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon.ProseMirror-menu-active span {
  color: #2FB5B4;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .zoom-drop-menu {
  background-color: #555555;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .zoom-drop-menu .ProseMirror-menu-dropdown-item {
  background-color: #202020;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-color-pick {
  width: 88px;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-color-pick .ProseMirror-menuitem-nested {
  flex-direction: row;
  display: flex;
  height: 100%;
  align-items: center;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-color-pick,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-zoom,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-dualdialog {
  display: inline-block !important;
}
.mobile-pm-container-fluid #statusBarDiv {
  z-index: 0;
  display: none;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container {
  padding: 10px 0;
  background-color: #363836;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .find-input,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .replace-input,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-inner,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .fr-button-group {
  width: auto;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-subcontainer {
  width: 100%;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-inner-container {
  display: flex;
  padding: 0 20px;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-inputs {
  flex-grow: 2;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-inputs .find-input,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-inputs .replace-input {
  height: 20px;
  width: 85%;
  background-color: #363836;
  color: white;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-inputs #frFind,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .findreplace-inputs #frRepl {
  display: block;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .search-result-count,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .fr-options,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container a[id="+replaceNext"] {
  display: none;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .fr-button-group {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 0;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .fr-button-group .replace-button-container {
  white-space: nowrap;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .fr-button-group .chevron-container {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 16px;
}
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .fr-button-group .chevron-container .find-previous-btn,
.mobile-pm-container-fluid #frToolbar .findreplace-mobile-container .fr-button-group .chevron-container .find-next-btn {
  width: 30px;
}
.mobile-pm-container-fluid #prairie-nav-toggle {
  transition: top 0.5s ease 0s;
}
.mobile-pm-container-fluid #prairie-nav-toggle.shrink {
  top: -5px;
}
.mobile-pm-container-fluid #prairie-nav-toggle.grow {
  top: 45px;
}
.mobile-pm-container-fluid .projectpalette-mobile-container .cx-projectpalette-menu-container {
  display: none;
}
.mobile-pm-container-fluid .projectpalette-mobile-container .cx-projectpalette-title {
  display: none;
}
.mobile-typeset-modal #typeset-options {
  width: 100% !important;
}
.mobile-typeset-modal .pdfcomponent {
  display: none;
}
#cxContent.theme-mobile #main-view .settings-view-label {
  font-size: 14px;
  margin: auto;
  width: 75%;
}
.mobile-medialist-container .medialist {
  padding: 10px;
}
.mobile-medialist-container .medialistitem {
  width: 85px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.mobile-medialist-container .medialistitem > div:not(.medialistitem-imagecontainer) {
  display: none;
}
.theme-mobile #main-view {
  min-height: calc(100% - 58px);
  overflow-y: initial;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}
.theme-mobile #main-view .main-view-scroll-container {
  flex-grow: 1;
}
.theme-mobile #main-view > .clearfix,
.theme-mobile #main-view #filelistscroll-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.theme-mobile #filelist-container {
  width: 100vw;
}
.sharing-team-label {
  font-size: 8px;
  margin-bottom: -5px;
  margin-left: 5px;
  color: #aaaaaa;
  text-transform: uppercase;
}
.unifiedsharing-button {
  border: 0;
  background: none;
  box-shadow: none;
  border-radius: 3px;
  color: white;
  text-shadow: none;
  font-family: "lato", sans-serif;
  outline-offset: 3px;
}
#site-admin #xhr-errors {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  font-family: monospace;
  font-size: 13px;
  overflow-y: scroll;
  height: 10vh;
  width: 60vh;
  position: fixed;
  right: 2vw;
  bottom: 2vh;
  color: red;
  background-color: #f2dede;
}
#site-admin #xhr-errors blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
#site-admin #xhr-errors:before,
#site-admin #xhr-errors:after {
  display: table;
  content: "";
}
#site-admin #xhr-errors:after {
  clear: both;
}
#site-admin #xhr-errors:empty {
  display: none;
}
#site-admin div.btn i {
  pointer-events: none;
}
.site-admin-table {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border-left: 0;
  border-collapse: separate;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.site-admin-table th,
.site-admin-table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.site-admin-table th {
  font-weight: bold;
}
.site-admin-table thead th {
  vertical-align: bottom;
}
.site-admin-table colgroup + thead tr:first-child th,
.site-admin-table colgroup + thead tr:first-child td,
.site-admin-table thead:first-child tr:first-child th,
.site-admin-table thead:first-child tr:first-child td {
  border-top: 0;
}
.site-admin-table tbody + tbody {
  border-top: 2px solid #ddd;
}
.site-admin-table tbody tr:hover td,
.site-admin-table tbody tr:hover th {
  background-color: #f5f5f5;
}
.site-admin-table th,
.site-admin-table td {
  border-left: 1px solid #ddd;
}
.site-admin-table thead:first-child tr:first-child th,
.site-admin-table tbody:first-child tr:first-child th,
.site-admin-table tbody:first-child tr:first-child td {
  border-top: 0;
}
.site-admin-table thead:first-child tr:first-child th:first-child,
.site-admin-table tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.site-admin-table thead:first-child tr:first-child th:last-child,
.site-admin-table tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.site-admin-table thead:last-child tr:last-child th:first-child,
.site-admin-table tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.site-admin-table thead:last-child tr:last-child th:last-child,
.site-admin-table tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.site-admin-table th,
.site-admin-table td {
  padding: 4px 5px;
}
.site-admin-table tbody tr:hover > td,
.site-admin-table tbody tr:hover > th {
  background-color: rgba(0, 0, 0, 0.1);
}
.site-admin-table th {
  font-size: 16.9px;
}
.site-admin-table label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.site-admin-table-header #open-import-users-dialog {
  margin-left: 1rem;
  margin-right: 5px;
}
.site-admin-table-header .site-admin-header-btns {
  border: 1px solid #ccc;
}
.site-admin-table-hover tbody tr:hover > td,
.site-admin-table-hover tbody tr:hover > th {
  background-color: rgba(0, 0, 0, 0.1);
}
.site-admin-import-users-modal form {
  max-height: calc(100% - 100px);
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background-color: #F2F2F2;
  padding: 10px;
  border: 1px solid #23272b;
  border-radius: 0.5rem 0.5rem;
  z-index: 200;
}
.site-admin-import-users-modal form textarea {
  min-width: 50vw;
  min-height: 50vh;
  font-family: monospace;
}
.site-admin-import-users-modal form label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.site-admin-import-users-modal form label[for='csv-area'] {
  max-width: 15rem;
}
.site-admin-import-users-modal form input[type='file'] {
  font-size: 13px;
  line-height: 13px;
}
.site-admin-import-users-modal .site-admin-import-users-modal-status {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  white-space: pre-wrap;
  font-family: monospace;
  font-size: 7px;
  overflow-y: scroll;
  max-height: 10vh;
  color: red;
  background-color: #f2dede;
}
.site-admin-import-users-modal .site-admin-import-users-modal-status blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.site-admin-import-users-modal .site-admin-import-users-modal-status:before,
.site-admin-import-users-modal .site-admin-import-users-modal-status:after {
  display: table;
  content: "";
}
.site-admin-import-users-modal .site-admin-import-users-modal-status:after {
  clear: both;
}
.site-admin-import-users-modal .site-admin-import-users-modal-status:empty {
  display: none;
}
.site-admin-modal-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(40, 40, 40, 0.5);
  top: 0;
  left: 0;
  z-index: 100;
}
.site-admin-modal-spinner-overlay {
  background: white;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.site-admin-modal-spinner-overlay .loading-spinner-big {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}
.site-admin-studio-name-modal form {
  max-height: calc(100% - 100px);
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background-color: #F2F2F2;
  padding: 10px;
  border: 1px solid #23272b;
  border-radius: 0.5rem 0.5rem;
  z-index: 200;
}
.site-admin-studio-name-modal form input[type='text'] {
  min-width: 30vw;
  font-family: monospace;
}
.site-admin-studio-name-modal form label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.site-admin-studio-name-modal .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.site-admin-studio-name-modal .dropdown {
  position: relative;
}
.site-admin-studio-name-modal .dropdown-toggle:focus {
  outline: 0;
}
.site-admin-studio-name-modal .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.site-admin-studio-name-modal .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.site-admin-studio-name-modal .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.site-admin-studio-name-modal .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.site-admin-studio-name-modal .dropdown-menu > li > a:hover,
.site-admin-studio-name-modal .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.site-admin-studio-name-modal .dropdown-menu > .active > a,
.site-admin-studio-name-modal .dropdown-menu > .active > a:hover,
.site-admin-studio-name-modal .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.site-admin-studio-name-modal .dropdown-menu > .disabled > a,
.site-admin-studio-name-modal .dropdown-menu > .disabled > a:hover,
.site-admin-studio-name-modal .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.site-admin-studio-name-modal .dropdown-menu > .disabled > a:hover,
.site-admin-studio-name-modal .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}
.site-admin-studio-name-modal .open > .dropdown-menu {
  display: block;
}
.site-admin-studio-name-modal .open > a {
  outline: 0;
}
.site-admin-studio-name-modal .dropdown-menu-right {
  left: auto;
  right: 0;
}
.site-admin-studio-name-modal .dropdown-menu-left {
  left: 0;
  right: auto;
}
.site-admin-studio-name-modal .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.site-admin-studio-name-modal .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.site-admin-studio-name-modal .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.site-admin-studio-name-modal .dropup .caret,
.site-admin-studio-name-modal .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.site-admin-studio-name-modal .dropup .dropdown-menu,
.site-admin-studio-name-modal .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .site-admin-studio-name-modal .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .site-admin-studio-name-modal .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
#prairie-nav-container .prairie-nav-hidden-buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
#prairie-nav-toggle {
  position: absolute;
  top: 13px;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  color: #F6F6F6;
  font-size: 16px;
}
#prairie-nav-toggle i {
  position: absolute;
}
#prairie-nav-toggle i.topnavbar-su {
  top: 0px;
}
.nav-wrapper-dark-toggle #prairie-nav-toggle {
  color: #222222;
}
.pwa-nav-wrapper #prairie-nav-toggle {
  pointer-events: unset;
  height: 0;
}
.pwa-nav-wrapper #prairie-nav-toggle i {
  pointer-events: unset;
  cursor: pointer;
}
.prairie-nav::-webkit-scrollbar {
  display: none;
}
#contentContainer::-webkit-scrollbar {
  display: none;
}
#prairie-nav-container {
  overflow: clip;
  width: 0;
  z-index: 3;
}
#prairie-nav-container.pwa-view-sidebar {
  width: 275px;
}
#cxContent #prairie-nav-toggle {
  transform: rotate(180deg);
}
#cxContent.prairie-nav-open-animation #prairie-nav-container {
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-name: nav-slide-in;
  animation-timing-function: ease-in-out;
}
#cxContent.prairie-nav-open-animation #prairie-nav-container.pwa-view-sidebar,
#cxContent.prairie-nav-open-animation #prairie-nav-container.mobile-view-sidebar {
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  animation-name: nav-slide-in-mobile;
  animation-timing-function: ease-in-out;
}
#cxContent.prairie-nav-open-animation #prairie-nav-toggle {
  transform: unset;
}
#cxContent.prairie-nav-close-animation #prairie-nav-container {
  animation-duration: 550ms;
  animation-fill-mode: forwards;
  animation-name: nav-slide-out;
  animation-timing-function: ease-in-out;
}
#cxContent.prairie-nav-close-animation #prairie-nav-container.pwa-view-sidebar,
#cxContent.prairie-nav-close-animation #prairie-nav-container.mobile-view-sidebar {
  animation-duration: 550ms;
  animation-fill-mode: forwards;
  animation-name: nav-slide-out-mobile;
  animation-timing-function: ease-in-out;
}
@keyframes nav-slide-in {
  0% {
    width: 0;
  }
  100% {
    width: 275px;
  }
}
@keyframes nav-slide-out {
  0% {
    width: 275px;
  }
  100% {
    width: 0;
  }
}
@keyframes nav-slide-in-mobile {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes nav-slide-out-mobile {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
.prairie-nav {
  font-family: "lato", sans-serif;
  z-index: 26;
  flex-shrink: 0;
  background-color: #232323;
  vertical-align: top;
  color: #fff;
  font-size: 20px;
  overflow-x: hidden;
  white-space: nowrap;
  height: 100%;
  width: 275px;
  opacity: 1;
  transform: translateX(0%);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.prairie-nav .project-nav-content .prairie-nav-dropdown-container .react-dropdown-menu {
  right: 0;
  left: 10px;
  top: 35px;
  font-size: 12px;
  box-shadow: 0px 5px 8px #00000029;
  border-radius: 4px;
}
.prairie-nav .project-nav-content .project-nav-back i,
.prairie-nav .project-nav-content .project-nav-left-el,
.prairie-nav .project-nav-content .project-nav-item-left-el {
  color: #F6F6F6;
  padding-left: 12px;
  padding-right: 16px;
  min-width: 48px;
  box-sizing: border-box;
  font-size: 14px;
}
.prairie-nav .project-nav-content .project-nav-left-el .prairie-nav-dropdown-container .react-dropdown .toggle,
.prairie-nav .project-nav-content .project-nav-item-left-el .prairie-nav-dropdown-container .react-dropdown .toggle {
  padding: 0;
}
.prairie-nav .project-nav-content .project-nav-left-el .prairie-nav-dropdown-container .react-dropdown .react-dropdown-menu,
.prairie-nav .project-nav-content .project-nav-item-left-el .prairie-nav-dropdown-container .react-dropdown .react-dropdown-menu {
  left: 0;
  top: 25px;
}
.prairie-nav .project-nav-content .project-nav-left-el .prairie-nav-dropdown-container .react-dropdown-toggle.active,
.prairie-nav .project-nav-content .project-nav-item-left-el .prairie-nav-dropdown-container .react-dropdown-toggle.active {
  color: #2FB5B4;
}
.prairie-nav .project-nav-content .project-nav-header,
.prairie-nav .project-nav-content .prairie-nav-btn-container {
  position: sticky;
  background-color: #232323;
  z-index: 1;
}
.prairie-nav .project-nav-content .project-nav-header {
  display: grid;
  top: 0;
  z-index: 2;
  height: 133px;
  grid-template-columns: 48px 44px auto;
  grid-template-rows: auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas: "project-nav-navigation project-nav-navigation project-nav-navigation" "project-nav-left-el project-nav-studio-image studiohead-name-container";
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-navigation {
  grid-area: project-nav-navigation;
  display: flex;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-navigation .project-nav-back-container {
  grid-area: project-nav-back-container;
  padding-bottom: 25px;
  padding-right: 26px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-navigation .project-nav-back-container .project-nav-back {
  display: block;
  color: #F6F6F6;
  font-size: 13px;
  letter-spacing: 0.8px;
  line-height: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  padding-top: 13px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-navigation .project-nav-back-container .project-nav-back i {
  vertical-align: top;
  margin-top: 1px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-navigation .project-nav-back-container .project-nav-back .header-cx-logo {
  margin-left: 15px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-navigation .project-nav-back-container .project-nav-back:focus {
  outline: 5px auto blue !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px !important;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-navigation .project-nav-subscribe {
  padding-top: 13px;
  padding-right: 25px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-left-el {
  grid-area: project-nav-left-el;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-left-el .prairie-nav-dropdown-container {
  margin-top: 11px;
  opacity: 0;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-studio-image {
  grid-area: project-nav-studio-image;
  border-radius: 100%;
  border: 2px solid #fff;
  overflow: hidden;
  width: 40px;
  height: 40px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-studio-image .avatar-company.avatar-company-studiohead {
  text-align: center;
  line-height: 37px;
}
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container {
  grid-area: studiohead-name-container;
  height: 60px;
  margin-left: 12px;
}
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container .studiohead-content {
  display: flex;
  flex-direction: column;
}
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container .studiohead-content .studiohead-name {
  font-size: 22px;
  line-height: unset;
  margin-bottom: 3px;
  height: 22px;
  letter-spacing: 0.03em !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  font-family: "lato", sans-serif;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 123px;
}
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container .studiohead-content .studiohead-type {
  text-transform: unset;
  margin-bottom: 3px;
}
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container .studiohead-content .studiohead-episodecount {
  display: none;
}
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container .studiohead-content .studiohead-type,
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container .studiohead-content .studiohead-episodecount {
  font-size: 11px;
  line-height: 12px;
}
.prairie-nav .project-nav-content .project-nav-header .studiohead-name-container .studiohead-content .studiohead-lastmodified {
  font-size: 11px;
  line-height: 12px;
}
.prairie-nav .project-nav-content .project-nav-header:hover .project-nav-left-el .prairie-nav-dropdown-container {
  opacity: 1;
}
.prairie-nav .project-nav-content .project-nav-header .hide-sub-btn {
  display: none;
}
.prairie-nav .project-nav-content .project-nav-share-btn {
  letter-spacing: 1px;
  border-radius: 100px;
  text-align: center;
  min-width: 49px;
  margin-left: auto;
  margin-right: auto;
  line-height: 30px;
  padding: 0 20px;
}
.prairie-nav .project-nav-content .project-nav-item {
  display: flex;
  position: relative;
  cursor: pointer;
  min-height: 40px;
  max-height: 40px;
  flex: 1;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-left-el {
  opacity: 0;
  align-items: center;
  display: flex;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-a {
  overflow: hidden;
  color: #F6F6F6;
  font-size: 13px;
  letter-spacing: 0.8px;
  line-height: 24px;
  flex: 1;
  display: flex;
  align-items: center;
  outline: 0;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-a p {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0px !important;
  font-size: unset;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-icon {
  width: 20px;
  text-align: center;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-right-el {
  display: flex;
  color: #F6F6F6;
  font-size: 10px;
  line-height: 24px;
  padding-right: 34px;
  min-width: 48px;
  box-sizing: border-box;
  align-items: center;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-right-el.item-count {
  font-size: 13px;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-right-el.beat-board-new {
  color: #2FB5B4;
  font-size: 13px;
}
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-left-el .react-dropdown-menu,
.prairie-nav .project-nav-content .project-nav-item .project-nav-item-right-el .react-dropdown-menu {
  width: 150px;
}
.prairie-nav .project-nav-content .project-nav-item.item-disabled {
  pointer-events: none;
}
.prairie-nav .project-nav-content .project-nav-item.item-disabled .project-nav-item-a,
.prairie-nav .project-nav-content .project-nav-item.item-disabled .project-nav-item-left-el,
.prairie-nav .project-nav-content .project-nav-item.item-disabled .project-nav-item-right-el {
  color: #868686;
}
.prairie-nav .project-nav-content .project-nav-item.selected {
  background: #6E6E6E;
}
.prairie-nav .project-nav-content .project-nav-item.selected .project-nav-item-a {
  font-weight: bold;
}
.prairie-nav .project-nav-content .project-nav-item:hover {
  background: #2F2F2F !important;
}
.prairie-nav .project-nav-content .project-nav-item:hover .project-nav-item-left-el {
  opacity: 1;
}
.prairie-nav .project-nav-content .project-nav-item:focus {
  outline-offset: -3px;
}
.prairie-nav .project-nav-content .project-nav-accordion {
  position: relative;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container {
  flex-direction: column;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container .project-nav-accordion-header .project-nav-item .project-nav-item-left-el .react-dropdown-menu {
  width: 120px;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container #contentContainer {
  overflow: hidden;
  transition: all 0.3s ease-in;
  max-height: 0px;
  min-height: 0px;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container #content {
  background-color: #5A5A5A;
  padding: unset;
  height: 0;
  overflow: hidden;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container #content .project-nav-item {
  margin-top: 0;
  align-items: center;
  background: inherit;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container #content .project-nav-item .project-nav-item-a {
  margin-left: 34px;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container #content .project-nav-item.selected {
  background: #6E6E6E;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container.open .project-nav-accordion-header .project-nav-item {
  background: #5A5A5A;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container.open #contentContainer {
  overflow: visible;
  animation: 1s delay-overflow-visible;
}
@keyframes delay-overflow-visible {
  from {
    overflow: hidden;
  }
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container.open #contentContainer #content {
  height: unset;
  overflow: unset;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container.open .expand i {
  transform: rotate(180deg);
}
.prairie-nav .project-nav-content .project-nav-accordion:last-of-type #contentContainer {
  overflow: visible;
}
.prairie-nav .project-nav-content .project-nav-accordion.selected {
  background-color: #6E6E6E;
}
.prairie-nav .project-nav-content .project-nav-accordion.after-text .project-nav-item-a::after {
  content: attr(data-count);
  margin-left: auto;
  margin-right: 17px;
}
.prairie-nav .project-nav-content .project-nav-accordion::before {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  left: 1px;
  top: 1px;
  box-shadow: -1px -1px 0 #232323, 1px 1px 0 #232323, -1px 1px 0 #232323, 1px -1px 0 #232323;
  z-index: 1;
  pointer-events: none;
}
.prairie-nav .project-nav-content.project-mode .prairie-nav-btn-container {
  top: 133px;
}
.prairie-nav .project-nav-content.project-mode .prairie-nav-btn-container .project-nav-share-btn {
  margin-top: 20px;
  margin-bottom: 29px;
}
.prairie-nav .project-nav-content.limited .prairie-nav-btn-container {
  min-height: 79px;
}
.prairie-nav .project-nav-content.limited .project-nav-item .project-nav-item-a[title="Entrar em modo off-line"],
.prairie-nav .project-nav-content.limited .project-nav-item .project-nav-item-a[title="Entrar em modo on-line"] {
  min-width: 210px;
}
.prairie-nav .project-nav-content.limited .project-nav-item.active .project-nav-item-a {
  color: #2FB5B4;
}
.prairie-nav .project-nav-content.limited .project-nav-item.active .project-nav-item-a i {
  color: #2FB5B4;
}
.prairie-nav .project-nav-content.limited .project-nav-item .project-nav-item-left-el,
.prairie-nav .project-nav-content.limited .project-nav-item .project-nav-item-right-el {
  min-width: unset;
}
.prairie-nav .project-nav-content.limited .project-nav-item .expand .project-nav-item-icon {
  font-size: 11px;
  margin-right: 0px;
  text-align: center;
}
.prairie-nav .prairie-nav-close {
  letter-spacing: 0.02em;
  color: #F6F6F6;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.prairie-nav .prairie-nav-close i {
  color: white;
  font-size: 18px;
  padding: 16px;
  width: 18px;
  height: 18px;
  margin: 0px;
}
.prairie-nav .prairie-nav-header {
  display: flex;
  flex-direction: column;
}
.prairie-nav .prairie-nav-header i {
  font-size: 14px;
}
.prairie-nav .prairie-nav-header .prairie-nav-header-navigation-bar {
  height: 60px;
  display: flex;
  justify-content: flex-end;
  padding-left: 25px;
}
.prairie-nav .prairie-nav-header .prairie-nav-header-studio-details {
  padding: 20px 0px 40px 25px;
}
.prairie-nav .prairie-nav-header .prairie-nav-header-subscribe {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 25px;
}
.prairie-nav .prairie-nav-header .studiohead-name-container .studiohead-content .studiohead-name {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}
.prairie-nav .prairie-nav-header .studiohead-name-container .studiohead-content .studiohead-type {
  margin-right: 5px;
}
.prairie-nav .prairie-nav-header .studiohead-name-container .studiohead-content .studiohead-type,
.prairie-nav .prairie-nav-header .studiohead-name-container .studiohead-content .studiohead-episodecount {
  font-size: 12px;
  height: 10px;
  margin-bottom: 8px;
  text-transform: none;
}
.prairie-nav .prairie-nav-header .studiohead-name-container .studiohead-content .studiohead-lastmodified {
  font-size: 10px;
}
.prairie-nav .prairie-nav-header .avatar-company.avatar-company-studiohead {
  text-align: center;
}
.prairie-nav .prairie-nav-header .avatar-company.avatar-company-studiohead .cxi-offlinemode_2 {
  margin-top: 10px;
}
.prairie-nav .prairie-nav-studio-image {
  border-radius: 50%;
  border: 2px solid #fff;
  margin-right: 10px;
  overflow: hidden;
}
.prairie-nav .avatar-company.avatar-company-studiohead {
  width: 40px;
  height: 40px;
}
.prairie-nav .prairie-nav-studioname {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  line-height: 25px;
}
.prairie-nav .prairie-nav-plan {
  text-transform: uppercase;
  font-size: 11px;
  width: 155px;
  white-space: initial;
  color: #707070;
}
.prairie-nav .prairie-nav-btn-container {
  display: flex;
}
.prairie-nav .prairie-nav-btn {
  background-color: #945CA3;
  color: #F6F6F6;
  border-radius: 25px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 42px;
  margin: 0px auto 50px auto;
  letter-spacing: 1px;
  padding: 0px 30px;
}
.prairie-nav .prairie-nav-btn.disabled {
  cursor: default;
  background-color: #868686;
}
.prairie-nav .prairie-nav-btn:hover:not(.disabled) {
  background-color: #A859BD;
}
.prairie-nav .prairie-nav-btn:active:not(.disabled) {
  background-color: #A245BA;
}
.theme-mobile .prairie-nav-header-studio-details {
  padding-bottom: 20px !important;
}
.theme-mobile .prairie-nav-header-subscribe {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-mobile .project-nav-subscribe {
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
.theme-mobile .prairie-nav-close.mobile-browser-view {
  flex: none;
}
.theme-mobile .prairie-nav-close.mobile-browser-view i {
  padding: 16px 16px 0 0;
}
.theme-mobile .prairie-nav-sub-btn {
  background-color: #f7612c;
  border-radius: 20px;
  height: 30px;
  width: max-content;
  margin-bottom: 15px;
}
.theme-mobile .prairie-nav-sub-btn:hover,
.theme-mobile .prairie-nav-sub-btn:active {
  background-color: #ffa500 !important;
}
.theme-mobile .prairie-nav-sub-btn.script-nav {
  transform: translate(10px, -13px);
}
.theme-mobile #prairie-nav-container {
  z-index: 10;
}
.theme-mobile #prairie-nav-container .prairie-nav {
  width: 100%;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content {
  position: relative;
  min-height: 100%;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content .project-nav-header {
  grid-template-columns: 25px 44px auto;
  z-index: 5;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content .project-nav-header .project-nav-back-container {
  padding-bottom: 35px;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content .project-nav-header .project-nav-back-container .project-nav-back {
  font-size: 11px;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content .project-nav-item {
  min-height: 55px;
  max-height: 55px;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content .project-nav-item .project-nav-item-a {
  font-size: 15px;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content .project-nav-item:hover {
  background: inherit !important;
}
.theme-mobile #prairie-nav-container .prairie-nav .prairie-nav-btn-container {
  z-index: 4;
}
.theme-mobile #prairie-nav-container .prairie-nav .prairie-nav-studioname {
  max-width: 125px;
}
@media (orientation: landscape) {
  .theme-mobile .prairie-nav .prairie-nav-header .prairie-nav-header-navigation-bar {
    height: initial;
  }
  .theme-mobile .prairie-nav .prairie-nav-header .prairie-nav-header-studio-details {
    padding-top: 0px;
    padding-bottom: 25px;
  }
  .theme-mobile .project-nav-content {
    padding-bottom: 80px;
  }
  .theme-mobile .project-nav-content .project-nav-item {
    min-height: 50px;
    max-height: 50px;
  }
}
.theme-mobile .pwa-view-content #prairie-nav-toggle {
  z-index: 2;
  margin-left: 12px;
  font-size: 22px;
  top: 20px;
}
.studio-nav-container {
  overflow-y: auto;
}
.studio-nav-container .prairie-nav {
  width: 100%;
  overflow: visible;
}
.studio-nav-container .prairie-nav .project-nav-content .studio-nav-header .studio-nav-header-icon-name-container {
  display: flex;
  padding-top: 25px;
  justify-content: center;
}
.studio-nav-container .prairie-nav .project-nav-content .studio-nav-header .studio-nav-header-icon-name-container .avatar-company-container {
  width: 62px;
  height: 62px;
  margin-right: 15px;
}
.studio-nav-container .prairie-nav .project-nav-content .studio-nav-header .studio-nav-header-icon-name-container .avatar-company-container .avatar-company.avatar-company-studiohead {
  width: 62px;
  height: 62px;
}
.studio-nav-container .prairie-nav .project-nav-content .studio-nav-header .studio-nav-header-icon-name-container .studio-nav-header-name {
  width: 115px;
  height: 22px;
  margin-top: auto;
  margin-bottom: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
}
.studio-nav-container .prairie-nav .project-nav-content .studio-nav-header .studio-nav-header-create-container {
  margin: 15px 10px 25px auto;
  padding: 10px 0;
  display: block;
  width: auto;
  text-align: center;
  position: relative;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-accordion-container #content .project-nav-item-a {
  margin-left: 25px !important;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item .project-nav-item-left-el {
  min-width: 40px;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item .studio-nav-delete-span {
  display: none;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item .studio-nav-flyout {
  display: none;
  position: absolute;
  margin: 0;
  left: 235px;
  top: 0;
  width: 100px;
  flex-direction: column;
  background: #232323;
  list-style: none;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item .studio-nav-flyout li {
  color: #F6F6F6;
  height: 20px;
  padding: 10px 15px;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item .studio-nav-flyout li a {
  color: #F6F6F6;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item .studio-nav-flyout li:hover {
  background: #3C3D3E;
  cursor: pointer;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item:hover .studio-nav-count-span.hide-on-hover {
  display: none;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item:hover .studio-nav-delete-span {
  display: inline;
}
.studio-nav-container .prairie-nav .project-nav-content .project-nav-item.studio-nav-trash {
  margin-top: 40px;
}
.studio-nav-container.show-flyouts {
  overflow: visible;
}
.studio-nav-container.show-flyouts .project-nav-item:hover .studio-nav-flyout {
  display: flex;
}
.google-export-overlay {
  opacity: 0.5;
  font: normal normal normal 14px/17px "lato";
  text-decoration: none;
}
.google-export-overlay .google-export-options-dialog {
  background-color: #121212;
  opacity: 1;
  width: 330px;
  min-width: 330px;
  min-height: 257px;
  border-radius: 5px;
  text-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.google-export-overlay .google-export-options-dialog .google-dialog-header {
  padding: 20px 20px 20px 20px;
  font-size: 16px;
  color: #F6F6F6;
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container {
  display: flex;
  justify-content: space-evenly;
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container .google-export-img-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background-color: #121212;
  text-shadow: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container .google-export-img-button:hover {
  background-color: #1f1f1f;
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container .google-export-img-button-chosen-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background-color: rgba(47, 181, 180, 0.33);
  text-shadow: none;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container .google-export-img-button-chosen-option:active {
  background-color: rgba(47, 181, 180, 0.33);
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container .google-export-img-button-chosen-option:focus {
  background-color: rgba(47, 181, 180, 0.33);
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container .img-button-name {
  color: #F6F6F6;
  padding-top: 4px;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container {
  display: flex;
  justify-content: flex-end;
  padding: 30px 20px 20px 20px;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F6F6F6;
  text-shadow: none;
  border-radius: 8px;
  border: none;
  box-shadow: none;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-ok {
  width: 80px;
  height: 30px;
  background-color: #2FB5B4;
  cursor: pointer;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-ok:hover {
  background-color: #35D4D2;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-ok:active {
  background-color: #1FA3A2;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-ok-disabled {
  width: 80px;
  height: 30px;
  color: #575454;
  background-color: #868686;
  cursor: not-allowed;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-cancel {
  background-color: #121212;
  margin-right: 20px;
  cursor: pointer;
}
.google-export-overlay .google-dialog {
  opacity: 1;
  width: 470px;
  height: 250px;
  min-width: 430px;
  min-height: 200px;
  border-radius: 5px;
  color: #F6F6F6;
  background-color: #121212;
  text-shadow: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.google-export-overlay .google-dialog .google-dialog-header {
  padding: 20px 0px 0px 20px;
  font-size: 16px;
}
.google-export-overlay .google-dialog .google-dialog-content {
  font-size: 15px;
  margin-top: 15px;
  padding: 0px 27px 0px 27px;
}
.google-export-overlay .google-dialog .google-dialog-content .google-dialog-step-formatting {
  margin-top: 15px;
}
.google-export-overlay .google-dialog .google-dialog-link {
  font-size: 15px;
  padding: 0px 27px 0px 27px;
}
.google-export-overlay .google-dialog .google-dialog-link:focus {
  color: #006699;
}
.google-export-overlay .google-dialog .google-export-button-container {
  display: flex;
  justify-content: flex-end;
  padding: 0px 20px 20px 0px;
  margin-top: 8px;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F6F6F6;
  text-shadow: none;
  border-radius: 8px;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-ok {
  width: 80px;
  height: 30px;
  background-color: #2FB5B4;
  cursor: pointer;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-ok:hover {
  background-color: #35D4D2;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-ok:active {
  background-color: #1FA3A2;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-cancel {
  background-color: #121212;
  margin-right: 20px;
}
.beatboard-mobile-body {
  min-width: 100vw;
}
.beatboard-mobile-body .beatboard-mobile-toolbar-container {
  background-color: #242524;
  z-index: 9;
  position: fixed;
  width: 100%;
}
.beatboard-cx-content.theme-mobile#cxContent {
  background-color: transparent;
}
.beatboard-cx-content.theme-mobile#cxContent .beatboard-container {
  position: fixed;
}
.beatboard-editor-container#editor-container {
  background-color: transparent;
}
.beatboard-container {
  width: 100%;
  height: 100%;
}
.beatboard-container .beatboard-mount-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.beatboard-container .beatboard-mount-container .g6-grid-container {
  background-color: #242524;
}
.beatboard-container canvas {
  display: block;
  outline: 0;
}
.beatboard-container .fly-out-menu .celtx-colorful-container .react-colorful__saturation {
  min-height: 150px;
}
.beatboard-container .fly-out-menu .solid-line,
.beatboard-container .fly-out-menu .short-line,
.beatboard-container .fly-out-menu .long-line {
  height: 2px;
  width: 100%;
  margin: 10px 0px;
}
.beatboard-container .fly-out-menu .solid-line {
  background: linear-gradient(to right, #FFFFFF 100%, transparent 0);
}
.beatboard-container .fly-out-menu .short-line {
  background-image: repeating-linear-gradient(to right, #FFFFFF, #FFFFFF 5px, transparent 5px, transparent 10px);
}
.beatboard-container .fly-out-menu .long-line {
  background-image: repeating-linear-gradient(to right, #FFFFFF, #FFFFFF 10px, transparent 10px, transparent 20px);
}
.ui-overlay-tray.beatboard-overlay {
  background-color: rgba(38, 38, 38, 0.8);
  z-index: 1012;
}
.beatboard-form {
  background-color: #F6F6F6;
  border-radius: 10px;
  height: 410px;
  width: 402px;
  position: relative;
  bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0px;
}
.beatboard-form .beatboard-form__header {
  display: flex;
}
.beatboard-form .beatboard-form__header .form-color-indicator-container {
  display: flex;
  height: 30px;
}
.beatboard-form .beatboard-form__header .form-color-indicator-container .form-color-indicator {
  min-height: 30px;
  min-width: 30px;
  background-image: linear-gradient(to top left, transparent 50%, var(--node-color) 0);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left;
}
.beatboard-form .beatboard-form__header .beatboard-form__hamburger-container {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  max-height: 30px;
}
.beatboard-form.read-only .form-content {
  pointer-events: none;
}
.beatboard-form .form-content {
  padding: 0px 26px 0px 26px;
  flex: 1;
}
.beatboard-form .form-content input,
.beatboard-form .form-content textarea {
  border: none;
  background-color: #F6F6F6;
  color: #222;
  padding: 0;
  margin-bottom: 0px;
}
.beatboard-form .form-content input {
  font-size: 14px;
  width: 100%;
  padding-bottom: 40px;
  margin-right: 20px;
}
.beatboard-form .form-content textarea {
  font-size: 12px;
  height: calc(100% - 60px);
  max-height: calc(100% - 60px);
  overflow: auto;
  width: 100%;
  padding-right: 10px;
}
.beatboard-form .form-content .form-header {
  display: flex;
  margin-right: 36px;
}
.beatboard-form > .save-button-container {
  min-height: 30px;
  max-height: 30px;
  min-width: calc(100% - 15px);
  max-width: calc(100% - 15px);
  padding: 0px 15px 15px 0px;
  display: flex;
  flex: 1;
  align-content: flex-end;
  justify-content: flex-end;
}
.beatboard-form > .save-button-container .action-btn.save-n-close {
  font-size: 14px;
  opacity: 1;
  z-index: 2;
}
.beatboard-form > .save-button-container .action-btn.save-n-close:before {
  text-shadow: none;
  color: #2F2F2F;
}
.beatboard-form > .save-button-container .action-btn.save-n-close:hover:before {
  color: #35D4D2;
}
.beatboard-form > .save-button-container .action-btn.save-n-close:active:before {
  color: #2FB5B4;
}
.beatboard-form .form-hamburger-menu {
  margin-right: 25px;
  margin-top: 25px;
  z-index: 2;
  cursor: pointer;
  height: min-content;
}
.beatboard-form .form-hamburger-menu .cxi-hamburger_nav_move {
  font-size: 16px;
}
.beatboard-form .form-hamburger-menu .cxi-hamburger_nav_move:before {
  margin: 0px;
  text-shadow: none;
  color: #2F2F2F;
}
.beatboard-form .form-hamburger-menu .cxi-hamburger_nav_move:hover:before {
  color: #35D4D2;
}
.beatboard-form .form-hamburger-menu .cxi-hamburger_nav_move:active:before,
.beatboard-form .form-hamburger-menu .cxi-hamburger_nav_move.active:before {
  color: #2FB5B4;
}
.beatboard-form .form-hamburger-menu .mobile-full-screen-dialog {
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  background-color: #181919;
}
.theme-mobile .beatboard-container {
  display: flex;
  flex-direction: column;
}
.theme-mobile .beatboard-container #beatboard-mobile-add {
  position: absolute;
  top: var(--beatboard-add-top-offset);
  right: 20px;
  transform: scale(1.4);
}
.theme-mobile .beatboard-container .ui-overlay-tray.beatboard-overlay {
  top: 0px;
}
.theme-mobile .beatboard-container .beatboard-form {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 0px;
  border-radius: 0px;
  min-height: var(--viewport-height);
  max-height: var(--viewport-height);
  width: unset;
}
.theme-mobile .beatboard-container .beatboard-form input {
  font-size: 18px;
  height: unset;
}
.theme-mobile .beatboard-container .beatboard-form textarea {
  margin-top: 20px;
  font-size: 16px;
  flex-grow: 2;
  width: 100%;
}
.theme-mobile .beatboard-container .beatboard-mount-container {
  display: flex;
  flex: 1;
  width: unset;
  height: unset;
}
.theme-mobile .beatboard-header-container #prairie-nav-toggle {
  display: none;
}
.tutorial-dialog-mount {
  position: absolute;
  font-size: 16px;
  margin: auto;
  max-width: 400px;
}
.tutorial-dialog-mount.fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.25s, opacity 0.25s linear;
}
.tutorial-dialog-mount.welcome {
  top: 200px;
  right: 0;
  left: 0;
  height: 180px;
}
.tutorial-dialog {
  display: flex;
  flex-direction: column;
  background-color: #2F2F2F;
  box-shadow: 0px 3px 3px #00000064;
  border-radius: 5px;
  height: 100%;
  margin: 0 8px;
}
.tutorial-dialog-msg-container {
  padding: 20px 0;
  margin: 0 20px;
  color: #F6F6F6;
  margin-bottom: auto;
}
.tutorial-dialog-msg-container .tutorial-dialog-msg span {
  display: flex;
}
.tutorial-dialog-msg-container p {
  font-size: 16px;
}
.tutorial-dialog-btns {
  display: flex;
  flex-direction: row;
  padding-bottom: 20px;
  margin: 0 26px;
  color: #35D4D2;
  text-transform: uppercase;
}
.tutorial-dialog-btn-right {
  cursor: pointer;
  margin-left: auto;
}
.tutorial-dialog-num {
  color: #F6F6F6;
  font-size: 12px;
}
.ui-overlay-tray.save-draft {
  background-color: rgba(34, 34, 34, 0.5);
}
.draggable-dialog.save-draft-dialog {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  background-color: #222222 !important;
  width: 370px;
  height: 200px;
}
.draggable-dialog.save-draft-dialog.mobile-modal {
  height: unset;
}
.draggable-dialog.save-draft-dialog .dialog-header .title {
  font-size: 16px;
}
.draggable-dialog.save-draft-dialog .save-draft-dialog-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
}
.draggable-dialog.save-draft-dialog .save-draft-dialog-content .save-draft-dialog-tab-trap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.draggable-dialog.save-draft-dialog .save-draft-dialog-content .save-draft-dialog-text {
  margin: 10px 0;
  color: #F6F6F6;
}
.draggable-dialog.save-draft-dialog .save-draft-dialog-content input {
  width: 100%;
  height: 28px;
  box-sizing: border-box;
}
.draggable-dialog.save-draft-dialog .save-draft-dialog-buttons-container {
  display: flex;
  justify-content: end;
}
.approval-history {
  background-color: #868686;
  color: #F6F6F6;
  width: 105px;
  cursor: pointer;
}
.approval-history.approved {
  background-color: #2FB5B4;
  color: #222222;
}
.approval-history.rejected {
  background-color: #FF3B59;
}
.approval-history span {
  max-width: 105px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.approval-responder {
  background-color: #F6F6F6;
  color: #222222;
  position: relative;
  width: 280px;
  margin-top: 25px;
}
.approval-responder .fly-out-menu .fly-out-menu-item {
  width: 305px;
  text-transform: capitalize;
}
.approval-history,
.approval-responder {
  height: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-transform: uppercase;
  padding: 4px 8px 4px 15px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.22px;
}
.approval-history .dropdown-header-arrow,
.approval-responder .dropdown-header-arrow {
  justify-content: flex-end;
  font-size: 10px;
  margin: 0 10px;
}
.respond-approval-flyout {
  padding: 20px 25px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #222222;
}
.respond-approval-flyout .title {
  font-size: 14px;
  text-transform: capitalize;
}
.respond-approval-flyout .action-btn.studio-pill {
  width: fit-content;
  margin-top: 20px;
  float: right;
}
.respond-approval-flyout .action-btn.studio-pill[disabled] {
  background-color: #e6e6e6;
  color: #222222;
}
.respond-approval-flyout .action-btn.studio-pill[disabled]:hover {
  background-color: #e6e6e6 !important;
}
.respond-approval-flyout textarea {
  width: 295px;
  height: 65px;
  margin-top: 20px;
}
.respond-approval-flyout textarea::placeholder {
  font-style: italic;
}
.approval-history-flyout,
.respond-approval-flyout {
  min-height: 200px;
  width: 320px;
  border-radius: 10px;
  color: #F6F6F6;
}
.approval-history-flyout .action-btn.studio-pill,
.respond-approval-flyout .action-btn.studio-pill {
  height: unset;
  padding: 6.5px 20px;
}
.approval-history-flyout {
  max-height: 400px;
  overflow: auto;
  padding: 25px 18px 18px;
  background-color: #2F2F2F;
}
.approval-history-flyout .approval-history-header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.approval-history-flyout .approval-history-header span {
  font-size: 14px;
}
.approval-history-flyout .approval-row {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.approval-history-flyout .approval-row .approval-row-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.approval-history-flyout .approval-row .approval-row-details {
  display: flex;
  flex-direction: column;
}
.approval-history-flyout .approval-row .approval-row-details .approval-row-status {
  display: flex;
  align-items: center;
}
.approval-history-flyout .approval-row .approval-row-details .approval-row-approver {
  display: inline-block;
  max-width: 100px;
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.approval-history-flyout .approval-row .approval-avatar {
  height: 27px;
  width: 27px;
  min-width: 27px;
  border-radius: 50%;
  margin-right: 15px;
}
.approval-history-flyout .approval-row .approval-row-datetime {
  font-size: 10px;
}
.approval-history-flyout .approval-row .circle-icon {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: flex-end;
}
.approval-history-flyout .approval-row .circle-icon:before {
  font-family: celtxicons;
}
.approval-history-flyout .approval-row.approved .circle-icon {
  background-color: #2FB5B4;
  color: #222222;
}
.approval-history-flyout .approval-row.approved .circle-icon:before {
  content: '\e801';
  font-family: celtxicons;
}
.approval-history-flyout .approval-row.rejected .circle-icon {
  background-color: #FF3B59;
  color: #F6F6F6;
}
.approval-history-flyout .approval-row.rejected .circle-icon:before {
  content: '\e818';
  font-family: celtxicons;
}
.approval-history-flyout .approval-row.pending .circle-icon {
  background-color: #868686;
  color: #F6F6F6;
  font-size: 18px;
}
.approval-history-flyout .approval-row.pending .circle-icon:before {
  font-weight: bold;
  position: relative;
  bottom: 5px;
  content: '...';
}
.approval-toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  padding-left: 20px;
}
.approval-toolbar .approval-toolbar-title {
  font-size: 15px;
  color: #fff;
  margin-left: 95px;
}
.approval-toolbar .approval-toolbar-title span {
  margin-right: 3px;
}
.ui-overlay-tray.request-approval {
  background-color: rgba(34, 34, 34, 0.5);
}
.draggable-dialog.request-approval-dialog {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  background-color: #222222 !important;
  width: 370px;
  overflow: visible;
  color: #F6F6F6;
  font-size: 12px;
}
.draggable-dialog.request-approval-dialog .dialog-header {
  line-height: 16px;
}
.draggable-dialog.request-approval-dialog .dialog-header .title {
  text-transform: capitalize;
}
.draggable-dialog.request-approval-dialog .close-button .action-btn.close {
  opacity: 1;
  position: relative;
  bottom: 10px;
  left: 10px;
  padding: 5px;
}
.draggable-dialog.request-approval-dialog .close-button .action-btn.close::before {
  font-size: 12px;
  color: #868686;
}
.draggable-dialog.request-approval-dialog a {
  font-size: 10px;
}
.draggable-dialog.request-approval-dialog a:focus {
  outline-offset: 3px;
}
.draggable-dialog.request-approval-dialog .share-select-email-list {
  margin-top: 15px;
}
.draggable-dialog.request-approval-dialog textarea {
  width: 315px;
  height: 68px;
}
.draggable-dialog.request-approval-dialog textarea::placeholder {
  font-style: italic;
}
.draggable-dialog.request-approval-dialog .request-approval-dialog-buttons-container {
  display: flex;
  justify-content: end;
  margin-top: 35px;
}
.oidc-login {
  display: flex;
  height: 100%;
  width: 100%;
}
.oidc-login .oidc-login__container {
  display: flex;
  flex: 1;
}
.oidc-login .oidc-login__container .oidc-login__form-container {
  display: flex;
  justify-content: center;
  flex: 1;
}
.oidc-login .oidc-login__container .oidc-login__form-container .oidc-login__login-form-inner {
  padding-top: 40px;
}
@font-face {
  font-family: 'Bebas Regular';
  src: url('https://s3.amazonaws.com/celtx.com/assets/bebas/Bebas-Regular.ttf') format('truetype');
}
body {
  background-color: #5A5A5A;
}
.circle {
  height: 65px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 65px;
}
.circle__svg {
  animation: 2s linear infinite both circle__svg;
}
@keyframes circle__svg {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.circle__svg-circle {
  animation: 1.4s ease-in-out infinite both circle__svg-circle;
  fill: transparent;
  stroke: #2f3d4c;
  stroke-dasharray: 285;
  stroke-linecap: round;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}
@keyframes circle__svg-circle {
  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}
html,
body {
  min-height: 100%;
  height: 100%;
}
@media (max-width: 768px) and (hover: none), (pointer: coarse) {
  html,
  body {
    min-height: 100vh !important;
  }
}
.lightlink,
.modal-dialog a.lightlink:not(.btn) {
  color: #5cd5d4 !important;
}
.lightlink:hover,
.modal-dialog a.lightlink:not(.btn):hover {
  color: #74e1e0 !important;
}
.pointed-popover {
  min-height: 60px;
}
.pointed-popover .popover-buttons {
  padding: 9px 14px;
}
.pointed-popover.pointed-popover-withbg {
  -webkit-box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
}
.btn-mini *[class^="icon-"] {
  margin-top: -1px;
}
.inline {
  display: inline;
}
.print-show {
  display: none;
}
.btn[disabled="disabled"],
button[disabled="disabled"] {
  hover: default;
}
#main-view {
  position: relative;
  overflow-y: hidden;
}
.full-height {
  min-height: 100%;
  height: 100%;
}
i {
  display: inline-block;
}
.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-list li {
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 5px;
}
.gold,
a.gold,
.gold h2 {
  color: #ffbe2c !important;
  font-weight: bold !important;
}
.silver,
a.silver,
.silver h2 {
  color: #707070 !important;
  font-weight: bold !important;
}
.gold:hover,
.silver:hover {
  text-decoration: none !important;
}
.modal-dialog-title {
  min-height: 18px;
}
.btn-nonfunc:hover {
  cursor: default !important;
}
.list-striped li:nth-child(odd) {
  background-color: #4b4e4f;
}
ol.list-striped {
  margin-left: 0;
  list-style-position: inside;
}
.marketing h4 {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  color: #999;
}
.marketing p,
p.marketing {
  font-size: 16px;
  line-height: 1.5;
}
.marketing {
  text-align: center;
}
.marketing h1,
h1.marketing {
  color: #585d6d !important;
  margin: 32px 0 20px 0 !important;
  font-size: 62px !important;
  font-weight: 200 !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
  text-shadow: none !important;
}
.marketing-byline {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  color: #999;
  margin-top: -16px;
}
.marketing h2,
h2.marketing {
  font-size: 28px;
  font-weight: 300;
}
.pre-title-img {
  max-width: 34px;
  padding-right: 10px;
  position: relative;
  top: -5px;
}
.marketing-green,
.marketing-teal {
  text-decoration: none !important;
}
.marketing-green h2,
.marketing-green h1,
h2.marketing-green,
h1.marketing-green,
h5.marketing-green {
  color: #588f27 !important;
  font-weight: bold !important;
  border-color: #588f27 !important;
}
.marketing-green {
  border-color: #588f27 !important;
}
.marketing-blue h2,
.marketing-blue h1,
h2.marketing-blue,
h1.marketing-blue {
  color: #54a3ec !important;
  font-weight: bold !important;
  border-color: #54a3ec !important;
}
.marketing-blue {
  border-color: #54a3ec !important;
}
.marketing-teal h2,
.marketing-teal h1,
h2.marketing-teal,
h1.marketing-teal,
h4.marketing-teal {
  color: #04bfbf !important;
  font-weight: bold !important;
  border-color: #04bfbf !important;
}
.marketing-teal {
  border-color: #04bfbf !important;
}
.list3:before,
.list3:after {
  display: table;
  content: "";
}
.list3:after {
  clear: both;
}
.list3 li {
  width: 33.33%;
  padding: 0;
  float: left;
  list-style: none;
  margin: 0;
}
.table-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
}
.table-list li {
  display: table-cell;
}
.header-cx-logo {
  background: url("../img/celtxLogoWhite.svg") no-repeat top left !important;
  background-size: contain !important;
  height: 20px;
  width: 55px;
  background-position: 0 center !important;
  display: inline-block;
}
.header-cx-logo.prof-invoiced {
  background: url("../img/logo-celtx-pro.png") no-repeat top left !important;
  background-size: 110px 29px !important;
  padding: 0 0 0 0;
  width: 110px;
  min-height: 29px;
  background-position: 0 center !important;
  display: inline-block;
}
.header-cx-logo.edu-invoiced {
  background: url("../img/logo-celtx-pro-education.png") no-repeat top left !important;
  background-size: 190px 25px !important;
  padding: 0 0 0 0;
  width: 190px;
  min-height: 25px;
  background-position: 0 center !important;
  display: inline-block;
}
.header-custom-logo {
  max-width: 140px;
  max-height: 21px;
  margin-top: -1px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
.header-custom-logo img {
  max-width: 140px;
  max-height: 21px;
}
#static-container {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
}
#static-container .static-content {
  max-width: 940px;
  margin: auto;
  padding: 40px 0;
}
#toolbar {
  overflow: visible;
  padding: 9px 10px;
  min-height: 30px;
  background: #555454;
  position: relative;
  z-index: 1001;
  color: #fafafa;
}
#toolbar .label {
  line-height: 15;
}
#sidebar {
  opacity: 1;
  position: relative;
  z-index: 1002;
  float: left;
  width: 235px;
  background: #222222;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 100ms ease;
  -moz-transition: opacity 100ms ease;
  -ms-transition: opacity 100ms ease;
  -o-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}
#sidebar.grow-down {
  overflow-y: visible;
}
#filelistscroll-container {
  color: #333;
}
.navbar-container {
  width: 100%;
}
#banner {
  height: 75px;
  background: transparent linear-gradient(90deg, #2FB5B4 0%, #945CA3 100%) 0% 0% no-repeat padding-box;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  cursor: pointer;
}
#banner .left {
  background-image: url('../img/studiomanagement/group-left.png');
  height: 100%;
  width: 325px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 15px;
  background-position-y: center;
  grid-column: 1 / span 1;
  grid-row: 1 / span 1;
}
#banner .right {
  background-image: url('../img/studiomanagement/group-right.png');
  height: 100%;
  width: 325px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-right: 15px;
  background-position-y: center;
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
  justify-self: end;
}
@media (max-width: 943px) {
  #banner .left,
  #banner .right {
    display: none;
  }
}
#banner .banner-text {
  color: #F6F6F6;
  font-family: "lato", sans-serif;
  grid-column: 1 / span 3;
  grid-row: 1;
  text-align: center;
  margin: auto;
}
#banner .banner-text .banner-heading {
  font-size: 22px;
  padding-bottom: 5px;
  font-weight: 600;
}
#banner .banner-text .banner-subheading {
  font-size: 13px;
}
#banner.sharable-link-branding-container {
  width: 100%;
  height: 88px;
  background: #292D30;
  cursor: default;
}
#banner.sharable-link-branding-container .banner-text .banner-subheading {
  display: flex;
}
#banner.sharable-link-branding-container .banner-text .banner-subheading .project-icon {
  border-radius: 20px;
  margin-right: 5px;
  border: #F6F6F6 solid 1px;
}
#banner.sharable-link-branding-container .banner-text .banner-subheading .project-icon.no-img {
  background-color: #0000FF;
}
#banner.sharable-link-branding-container .banner-text .banner-subheading .project-icon .avatar-company.avatar-company-studiohead {
  border-radius: 20px;
  width: 15px;
  height: 15px;
}
#banner.sharable-link-branding-container .avatar-container {
  position: absolute;
  right: 1px;
  align-self: center;
}
#sidebar-container {
  background: white;
  position: fixed;
  top: 100px;
  right: 10px;
  width: 365px;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100%;
}
#sidebar-container .sidebar-content {
  height: 100%;
  overflow-y: auto;
  margin-bottom: 10px;
}
/* override for pop up */
.form-horizontal .control-label {
  width: 60px;
}
.form-horizontal .control-label.wider {
  width: 100px;
}
/* override for pop up */
.form-horizontal .controls {
  margin-left: 80px;
  text-align: left;
}
.form-horizontal .controls.wider {
  margin-left: 120px;
}
#trial-container {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
#trial-container a {
  max-width: 140px;
  padding: 13.5px 15px;
  font-size: 14px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: normal;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
input[type="checkbox"].cx-toggle:focus {
  outline-offset: 2px;
}
input[type="range"] {
  accent-color: #2FB5B4;
}
.loading-spinner-big {
  width: 32px;
  height: 32px;
  background-image: url("../img/loading-circle32.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
  list-style: none;
}
.padder {
  padding: 10px;
}
.padder-lr {
  padding: 0 10px;
}
.line1 {
  line-height: 1;
}
.ib {
  display: inline-block;
  vertical-align: top;
}
.ibmid {
  display: inline-block;
  vertical-align: middle;
}
.ibbot {
  display: inline-block;
  vertical-align: bottom;
}
.ibtop {
  display: inline-block;
  vertical-align: top;
}
.p-margin {
  margin: 0 0 9px !important;
}
#create-prompt,
.create-prompt {
  color: #fff;
  padding: 60px 20px;
  text-align: center;
}
#create-prompt.start-create-prompt,
.create-prompt.start-create-prompt {
  background: #313538;
  color: #fff;
  text-align: left;
  width: 600px;
  margin: 60px auto;
  border: none;
  padding: 0px 0px 20px 0px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 6px 52px 0px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 6px 52px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 6px 52px 0px rgba(0, 0, 0, 0.36);
}
#create-prompt.start-create-prompt .success-title-bar,
.create-prompt.start-create-prompt .success-title-bar {
  padding: 0;
  text-align: center;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 7px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
#create-prompt.start-create-prompt .success-title-bar .createprompt-welcome,
.create-prompt.start-create-prompt .success-title-bar .createprompt-welcome {
  display: inline-block;
  vertical-align: middle;
}
#create-prompt.start-create-prompt .success-title-bar i,
.create-prompt.start-create-prompt .success-title-bar i {
  font-size: 14px;
  vertical-align: middle;
}
#create-prompt.start-create-prompt .success-title-bar h2,
.create-prompt.start-create-prompt .success-title-bar h2 {
  margin: 0px;
  font-size: 13px;
  margin: 10px 0 3px 0;
  text-transform: uppercase;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  line-height: 20px;
}
#create-prompt.start-create-prompt .success-title-bar h3,
.create-prompt.start-create-prompt .success-title-bar h3 {
  font-size: 12px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  line-height: 20px;
}
#create-prompt.start-create-prompt .success-title-bar #close-create-prompt,
.create-prompt.start-create-prompt .success-title-bar #close-create-prompt {
  float: right;
  margin-left: -36px;
}
#create-prompt.start-create-prompt .success-title-bar #close-create-prompt i,
.create-prompt.start-create-prompt .success-title-bar #close-create-prompt i {
  margin: 11px;
  cursor: pointer;
}
#create-prompt.start-create-prompt .success-body,
.create-prompt.start-create-prompt .success-body {
  background: transparent;
  padding: 6px;
  text-align: center;
}
#create-prompt.start-create-prompt .success-body .success-option,
.create-prompt.start-create-prompt .success-body .success-option {
  color: white;
  width: 172px;
  margin: 2px;
  height: 188px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-weight: normal;
  padding: 16px 10px;
  background-repeat: no-repeat;
  position: relative;
}
#create-prompt.start-create-prompt .success-body .success-option h2,
.create-prompt.start-create-prompt .success-body .success-option h2 {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0.04em;
  position: relative;
}
#create-prompt.start-create-prompt .success-body .success-option p,
.create-prompt.start-create-prompt .success-body .success-option p {
  font-size: 12px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0.04em;
  position: relative;
}
#create-prompt.start-create-prompt .success-body .success-option i,
.create-prompt.start-create-prompt .success-body .success-option i {
  position: relative;
}
#create-prompt.start-create-prompt .success-body .success-option .createprompt-symbol,
.create-prompt.start-create-prompt .success-body .success-option .createprompt-symbol {
  height: 25px;
}
#create-prompt.start-create-prompt .success-body .success-option:hover,
.create-prompt.start-create-prompt .success-body .success-option:hover {
  cursor: pointer;
}
#create-prompt.start-create-prompt .success-body .success-option.blue,
.create-prompt.start-create-prompt .success-body .success-option.blue {
  background-image: url(../img/createprompt_blue.jpg);
  background-color: #3a9fc1;
}
#create-prompt.start-create-prompt .success-body .success-option.blue i,
.create-prompt.start-create-prompt .success-body .success-option.blue i {
  margin-top: 2px;
  font-size: 20px;
}
#create-prompt.start-create-prompt .success-body .success-option.blue-noimg,
.create-prompt.start-create-prompt .success-body .success-option.blue-noimg {
  background-color: #3a9fc1;
}
#create-prompt.start-create-prompt .success-body .success-option.blue-noimg i,
.create-prompt.start-create-prompt .success-body .success-option.blue-noimg i {
  margin-top: 2px;
  font-size: 20px;
}
#create-prompt.start-create-prompt .success-body .success-option.purple,
.create-prompt.start-create-prompt .success-body .success-option.purple {
  background-image: url(../img/createprompt_purple.jpg);
  background-color: #614ba1;
}
#create-prompt.start-create-prompt .success-body .success-option.purple i,
.create-prompt.start-create-prompt .success-body .success-option.purple i {
  margin-top: 2px;
  font-size: 25px;
}
#create-prompt.start-create-prompt .success-body .success-option.purple-noimg,
.create-prompt.start-create-prompt .success-body .success-option.purple-noimg {
  background-color: #614ba1;
}
#create-prompt.start-create-prompt .success-body .success-option.purple-noimg i,
.create-prompt.start-create-prompt .success-body .success-option.purple-noimg i {
  margin-top: 2px;
  font-size: 25px;
}
#create-prompt.start-create-prompt .success-body .success-option.green,
.create-prompt.start-create-prompt .success-body .success-option.green {
  background-image: url(../img/createprompt_green.jpg);
}
#create-prompt.start-create-prompt .success-body .success-option.green i,
.create-prompt.start-create-prompt .success-body .success-option.green i {
  font-size: 30px;
}
#create-prompt.start-create-prompt .success-body .success-option-half,
.create-prompt.start-create-prompt .success-body .success-option-half {
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  min-width: 172px;
}
#create-prompt.start-create-prompt .success-body .success-option-half.blue-noimg:before,
.create-prompt.start-create-prompt .success-body .success-option-half.blue-noimg:before {
  position: absolute;
  background-image: -moz-linear-gradient(left, #3592b1, #3a9fc1);
  background-image: -ms-linear-gradient(left, #3592b1, #3a9fc1);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#3592b1), to(#3a9fc1));
  background-image: -webkit-linear-gradient(left, #3592b1, #3a9fc1);
  background-image: -o-linear-gradient(left, #3592b1, #3a9fc1);
  background-image: linear-gradient(left, #3592b1, #3a9fc1);
  background-repeat: repeat-x;
  left: 0%;
  right: 30%;
  top: 0;
  bottom: 0;
  content: ' ';
}
#create-prompt.start-create-prompt .success-body .success-option-half.blue-noimg > *,
.create-prompt.start-create-prompt .success-body .success-option-half.blue-noimg > * {
  position: relative;
  z-index: 10;
}
#create-prompt.start-create-prompt .success-body .success-option-half.blue-noimg:after,
.create-prompt.start-create-prompt .success-body .success-option-half.blue-noimg:after {
  position: absolute;
  background: #3a9fc1;
  left: 70%;
  right: 0;
  top: 0;
  bottom: 0;
  content: ' ';
}
#create-prompt.start-create-prompt .success-body .success-option-half.purple-noimg:before,
.create-prompt.start-create-prompt .success-body .success-option-half.purple-noimg:before {
  position: absolute;
  background-image: -moz-linear-gradient(left, #594593, #614ba1);
  background-image: -ms-linear-gradient(left, #594593, #614ba1);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#594593), to(#614ba1));
  background-image: -webkit-linear-gradient(left, #594593, #614ba1);
  background-image: -o-linear-gradient(left, #594593, #614ba1);
  background-image: linear-gradient(left, #594593, #614ba1);
  background-repeat: repeat-x;
  left: 0%;
  right: 30%;
  top: 0;
  bottom: 0;
  content: ' ';
}
#create-prompt.start-create-prompt .success-body .success-option-half.purple-noimg > *,
.create-prompt.start-create-prompt .success-body .success-option-half.purple-noimg > * {
  position: relative;
  z-index: 10;
}
#create-prompt.start-create-prompt .success-body .success-option-half.purple-noimg:after,
.create-prompt.start-create-prompt .success-body .success-option-half.purple-noimg:after {
  position: absolute;
  background: #614ba1;
  left: 70%;
  right: 0;
  top: 0;
  bottom: 0;
  content: ' ';
}
#create-prompt.start-create-prompt .success-body .success-option-half.green,
.create-prompt.start-create-prompt .success-body .success-option-half.green {
  background-image: none;
}
.create-prompt-icon {
  font-size: 150px;
}
@media (max-width: 860px) {
  #create-prompt.start-create-prompt,
  .create-prompt.start-create-prompt {
    width: 208px;
  }
  #create-prompt.start-create-prompt .success-title-bar,
  .create-prompt.start-create-prompt .success-title-bar {
    text-align: center;
  }
  #create-prompt.start-create-prompt .success-title-bar .createprompt-welcome,
  .create-prompt.start-create-prompt .success-title-bar .createprompt-welcome {
    margin-left: 0px;
  }
}
#error-prompt {
  color: red;
  background: #f2dede;
  padding: 20px;
  border: 1px #eed3d7 solid;
}
.larger-text,
.larger-text p {
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 20px !important;
}
.much-larger-text,
.much-larger-text p {
  font-size: 20px !important;
  line-height: 26px !important;
  margin-bottom: 20px !important;
}
.modal-dialog.project-limit-dialog-container .modal-dialog-content {
  padding-bottom: 0;
}
.modal-dialog.project-limit-dialog-container.modal-dark.modal-dialog {
  overflow-y: hidden;
  border-top: 0;
}
.modal-dialog.project-limit-dialog-container .modal-dialog-title {
  height: 0px;
  min-height: 0px;
}
.modal-dialog.project-limit-dialog-container .controls {
  text-align: center;
  font-size: 15px;
  line-height: 21px;
}
.modal-dialog.project-limit-dialog-container button[name="ok"] {
  transition: background 200ms ease, color 200ms ease;
  background-color: #f7612c;
  border-radius: 4px;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 600;
  padding: 12.5px 30px;
  height: 40px;
}
.modal-dialog.project-limit-dialog-container button[name="ok"]:hover,
.modal-dialog.project-limit-dialog-container button[name="ok"]:active {
  background-color: #ffa500 !important;
}
.modal-dialog.project-limit-dialog-container div.modal-dialog-buttons {
  padding-top: 30px;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}
.modal-dialog.project-limit-dialog-container.modal-dark.mobile {
  background: #181919;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}
.modal-dialog.project-limit-dialog-container.modal-dark.mobile .modal-dialog-content {
  height: 60%;
}
.modal-dialog.project-limit-dialog-container.modal-dark.mobile .modal-dialog-buttons {
  height: 10%;
}
.file-header-container {
  margin-top: 10px;
  height: 76px;
  padding: 0;
}
.file-header-container .file-header-content {
  position: fixed;
  width: 100%;
  z-index: 100;
}
.file-header-container .file-header-container-bottom {
  height: 10px;
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.editor-toolbar-btn,
.btn-toolbar {
  display: inline-block;
  background-color: #565755;
  text-shadow: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-right: 4px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  padding: 0px 5px;
  width: auto;
}
.editor-toolbar-btn#customize-btn,
.btn-toolbar#customize-btn {
  background-color: transparent;
}
.editor-toolbar-btn i,
.btn-toolbar i {
  font-size: 13px;
  color: #fff;
}
.editor-toolbar-btn:hover,
.btn-toolbar:hover {
  background-color: #70716e;
}
.goog-toolbar-button-disabled .btn-toolbar:hover {
  background-color: #565755;
}
.file-header-content-bg {
  display: flex;
  justify-content: space-between;
  font-family: "lato", sans-serif;
  background: #353a3b;
  position: relative;
  padding: 0px 25px;
}
.file-header-content-bg:before,
.file-header-content-bg:after {
  display: table;
  content: "";
}
.file-header-content-bg:after {
  clear: both;
}
.file-header-content-bg.file-edit-view-toolbar {
  padding: 0px;
}
.file-header-content-bg:before,
.file-header-content-bg:after {
  display: none;
}
.file-header-content-bg.nogap {
  margin-right: 3px;
}
.file-header-content-bg.nogap.active {
  background-color: #4fc0e8 !important;
}
.file-header-content-bg .file-header-otherdoc-container,
.file-header-content-bg .file-header-script-container {
  color: #fff;
}
.file-header-content-bg .file-header-otherdoc-container {
  width: 382px;
}
.file-header-content-bg .file-header-backtoscript {
  margin-right: 15px;
  line-height: 42px;
}
.file-header-content-bg .file-header-backtoscript i {
  padding-bottom: 4px;
}
.file-header-content-bg .file-header-home[disabled] {
  opacity: 0.2;
  pointer-events: none;
}
.file-header-content-bg .file-header-home i,
.file-header-content-bg .file-header-backtoscript i {
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
}
.file-header-content-bg .file-header-icon {
  margin-right: 10px;
}
.file-header-content-bg .file-header-label,
.file-header-content-bg .file-header-icon {
  line-height: 46px;
  color: #fff;
}
.file-header-content-bg #trial-container {
  display: inline-block;
}
.file-header-content-bg #trial-container a {
  padding-bottom: initial;
  height: 29px;
}
#displayTitle,
#cx-stybd-main-title {
  min-height: 26px;
  margin-bottom: 0px;
  font-family: "lato", sans-serif;
  display: inline-block;
  margin-left: 10px;
}
#displayTitle {
  vertical-align: middle;
  height: 46px;
}
#displayTitleTextContainer {
  display: inline-block;
  cursor: pointer;
  color: #F6F6F6;
  vertical-align: top;
  width: 200px;
  background-color: inherit;
}
#displayTitleTextContainer:hover {
  background-color: #6E6E6E;
}
#displayTitleText {
  display: inline-block;
  cursor: hand;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 180px;
  max-width: 180px;
  font-weight: normal;
  font-size: 14px;
  height: 18px;
  line-height: 16px;
  vertical-align: top;
  margin: 14px 0px 14px 10px;
}
#displayTitleText:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-overflow: clip;
  white-space: normal;
  overflow: hidden;
  box-sizing: border-box;
}
#displayTitleIcon {
  font-size: 16px;
  display: inline-block;
  line-height: 46px;
}
#episodeDisplayTitle {
  font-weight: 300;
  font-size: 14px;
  margin: 14px 0px 14px 5px;
  line-height: 18px;
}
.view-filter {
  margin-top: 10px;
  display: inline-block;
}
.view-filter .btn {
  position: relative;
}
.view-filter .btn:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.view-filter .btn > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.view-filter .btn > :last-child * {
  max-width: 100%;
}
.view-filter .btn > :last-child:after,
.view-filter .btn > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.view-filter .btn > :last-child {
  left: -60px;
  margin-left: 50%;
}
.view-filter .btn > :last-child:after,
.view-filter .btn > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.view-filter .btn > :last-child {
  margin-top: 10px;
  top: 100%;
}
.view-filter .btn > :last-child:after {
  margin-bottom: -1px;
}
.view-filter .btn > :last-child:after,
.view-filter .btn > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.view-filter .btn > :last-child:before {
  margin-bottom: 0px;
}
.view-filter .btn > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.view-filter .btn > :last-child:after {
  border-color: #333333;
}
.view-filter .btn > :last-child:before {
  border-color: #0d0d0d;
}
.view-filter .btn > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.view-filter-nav {
  display: inline-block;
}
.view-filter-nav .editor-toolbar-btn {
  min-width: 25px;
}
.view-filter-nav .editor-toolbar-btn:first-child,
.view-filter-nav .editor-toolbar-btn.left-edge {
  border-radius: 6px 0px 0px 6px;
}
.view-filter-nav .editor-toolbar-btn:last-child,
.view-filter-nav .editor-toolbar-btn.right-edge {
  border-radius: 0px 6px 6px 0px;
}
.view-filter-nav .editor-toolbar-btn.active,
.view-filter-nav .editor-toolbar-btn.hover {
  background-color: #2FB5B4;
}
#displayTitleControls {
  margin-right: 10px;
  z-index: 899;
  display: inline-block;
  text-align: right;
  height: 100%;
  margin-top: 10px;
  padding-right: 10px;
}
#displayTitleControls i {
  width: 15px;
}
#displayTitleControls i:before {
  margin: 0px;
}
#displayTitleControls span {
  margin-right: 6px;
}
#displayActions {
  display: inline-block;
}
#displayActions .dropdown-menu {
  background-color: #202020;
  color: #cccccb;
  border: none;
  width: 174px;
  margin-top: 2px;
  text-align: left;
}
#displayActions .dropdown-menu li:first-child a {
  border-top: none;
}
#displayActions .dropdown-menu a {
  padding: 12px 15px;
  border-top: 1px solid #323232;
  color: #eeeeee;
  font-weight: 400;
  text-transform: lowercase;
  white-space: normal;
}
#displayActions .dropdown-menu a:hover {
  background-color: #2FB5B4;
}
#displayProfile {
  margin-left: 15px;
  display: inline-block;
  vertical-align: top;
}
#displayProfile .avatar-navbar {
  border: 3px solid #fff;
}
#displayProfile .cx-usersettingdropdown-username-container {
  display: none;
}
#displayProfile .dropdown-menu {
  left: auto;
  right: 0;
}
#displaySubscribe {
  float: right;
}
.next-day-toggle.togglebox {
  margin-right: 10px;
  border: 1px solid #d8d8d8;
}
.next-day-toggle.togglebox:before {
  text-shadow: none;
}
.next-day-toggle.togglebox input[type="checkbox"] ~ .toggle:before {
  background: #3dd57d;
  text-shadow: none;
}
.togglebox.next-day-toggle {
  margin-top: 10px;
}
.hbspt-form .hs-button {
  background-color: orange!important;
  border: 0!important;
  background-image: none!important;
  text-shadow: none!important;
  box-shadow: none!important;
  font-weight: normal!important;
  margin-right: 0!important;
  margin-top: -30px !important;
  padding: 15px!important;
  font-size: 16px!important;
}
.hbspt-form #feedback_comments-3341369d-fe70-49a3-9220-7011ffb69a28 {
  border-radius: 8px;
  border: 0;
  width: 400px;
  height: 145px;
}
.hbspt-form #label-feedback_comments-3341369d-fe70-49a3-9220-7011ffb69a28 {
  text-align: center;
}
.hbspt-form #label-feedback_comments-3341369d-fe70-49a3-9220-7011ffb69a28 span {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 7px;
  display: inline-block;
  text-align: center;
}
.center {
  text-align: center;
}
.documentactionbtn {
  background-color: #565755;
  color: white;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0px !important;
  text-align: left;
  font-weight: normal;
  width: 150px;
  line-height: 22px;
  padding: 2px 12px;
}
.documentactionbtn i {
  float: right;
  line-height: 22px;
  margin-right: 2px;
  font-weight: bold;
}
.documentactionbtn i.down-arrow {
  font-size: 8px;
}
.documentactionbtn:hover {
  background-color: #565755;
  color: white;
}
.doc-pop-button-group {
  float: left;
  margin-right: 10px;
}
.doc-pop-button-group .share-btn {
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  text-decoration: none;
  font-size: 11px;
  font-family: "Arial";
  color: #fff;
  background-color: #2FB5B4;
  border-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  border-style: solid;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  text-transform: uppercase;
}
.doc-pop-button-group .share-btn:active {
  background-color: #3BBEB5;
}
.doc-saver {
  background-color: #565755;
}
.doc-saver .message {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 56px;
  display: inline-block;
  vertical-align: top;
  margin: 0 !important;
}
.doc-saver:not(.no-hover) {
  background-color: #565755;
}
.doc-saver.readonly .readonly-icon {
  display: inline-block;
}
.doc-saver.readonly .normal-icon {
  display: none;
}
.doc-next-to-btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.doc-next-to-btn:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.doc-next-to-btn > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.doc-next-to-btn > :last-child * {
  max-width: 100%;
}
.doc-next-to-btn > :last-child:after,
.doc-next-to-btn > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.doc-next-to-btn > :last-child {
  left: -60px;
  margin-left: 50%;
}
.doc-next-to-btn > :last-child:after,
.doc-next-to-btn > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.doc-next-to-btn > :last-child {
  margin-top: 10px;
  top: 100%;
}
.doc-next-to-btn > :last-child:after {
  margin-bottom: -1px;
}
.doc-next-to-btn > :last-child:after,
.doc-next-to-btn > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.doc-next-to-btn > :last-child:before {
  margin-bottom: 0px;
}
.doc-next-to-btn > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.doc-next-to-btn > :last-child:after {
  border-color: #333333;
}
.doc-next-to-btn > :last-child:before {
  border-color: #0d0d0d;
}
.doc-next-to-btn > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.doc-next-to-btn .error-icon,
.doc-next-to-btn .readonly-icon,
.doc-next-to-btn .active-icon,
.doc-next-to-btn .success-icon {
  display: none;
}
.doc-next-to-btn.inactive {
  cursor: default;
}
.doc-next-to-btn.inactive .success-icon {
  display: inline-block;
}
.doc-next-to-btn.inactive .normal-icon {
  display: none;
}
.doc-next-to-btn.active .active-icon {
  display: inline-block;
}
.doc-next-to-btn.active .normal-icon {
  display: none;
}
.doc-next-to-btn.success {
  background-color: #2FB5B4 !important;
}
.doc-next-to-btn.success .success-icon {
  display: inline-block;
}
.doc-next-to-btn.success .normal-icon {
  display: none;
}
.doc-next-to-btn.error {
  background-color: #eb0e47 !important;
}
.doc-next-to-btn.error:hover {
  background-color: #eb0e47 !important;
}
.doc-next-to-btn.error .error-icon {
  display: inline-block;
}
.doc-next-to-btn.error .normal-icon {
  display: none;
}
.tooltip-btn {
  position: relative;
}
.tooltip-btn:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.tooltip-btn > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.tooltip-btn > :last-child * {
  max-width: 100%;
}
.tooltip-btn > :last-child:after,
.tooltip-btn > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.tooltip-btn > :last-child {
  left: -60px;
  margin-left: 50%;
}
.tooltip-btn > :last-child:after,
.tooltip-btn > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.tooltip-btn > :last-child {
  margin-top: 10px;
  top: 100%;
}
.tooltip-btn > :last-child:after {
  margin-bottom: -1px;
}
.tooltip-btn > :last-child:after,
.tooltip-btn > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.tooltip-btn > :last-child:before {
  margin-bottom: 0px;
}
.tooltip-btn > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.tooltip-btn > :last-child:after {
  border-color: #333333;
}
.tooltip-btn > :last-child:before {
  border-color: #0d0d0d;
}
.tooltip-btn > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.tooltip-btn-top {
  position: relative;
}
.tooltip-btn-top:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.tooltip-btn-top > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.tooltip-btn-top > :last-child * {
  max-width: 100%;
}
.tooltip-btn-top > :last-child:after,
.tooltip-btn-top > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.tooltip-btn-top > :last-child {
  left: -60px;
  margin-left: 50%;
}
.tooltip-btn-top > :last-child:after,
.tooltip-btn-top > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.tooltip-btn-top > :last-child {
  bottom: 100%;
  margin-bottom: 10px;
}
.tooltip-btn-top > :last-child:after {
  margin-top: -1px;
}
.tooltip-btn-top > :last-child:after,
.tooltip-btn-top > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}
.tooltip-btn-top > :last-child:before {
  margin-top: 0px;
}
.tooltip-btn-top > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.tooltip-btn-top > :last-child:after {
  border-color: #333333;
}
.tooltip-btn-top > :last-child:before {
  border-color: #0d0d0d;
}
.tooltip-btn-top > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.tooltip-btn-right {
  position: relative;
}
.tooltip-btn-right:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.tooltip-btn-right > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.tooltip-btn-right > :last-child * {
  max-width: 100%;
}
.tooltip-btn-right > :last-child:after,
.tooltip-btn-right > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.tooltip-btn-right > :last-child {
  right: 0;
}
.tooltip-btn-right > :last-child:after,
.tooltip-btn-right > :last-child:before {
  right: 0;
}
.tooltip-btn-right > :last-child {
  margin-top: 10px;
  top: 100%;
}
.tooltip-btn-right > :last-child:after {
  margin-bottom: -1px;
}
.tooltip-btn-right > :last-child:after,
.tooltip-btn-right > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.tooltip-btn-right > :last-child:before {
  margin-bottom: 0px;
}
.tooltip-btn-right > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.tooltip-btn-right > :last-child:after {
  border-color: #333333;
}
.tooltip-btn-right > :last-child:before {
  border-color: #0d0d0d;
}
.tooltip-btn-right > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.tooltip-btn-left {
  position: relative;
}
.tooltip-btn-left:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0.5s;
  -moz-transition: 0.4s 0.5s;
  -ms-transition: 0.4s 0.5s;
  -o-transition: 0.4s 0.5s;
  transition: 0.4s 0.5s;
  visibility: visible;
}
.tooltip-btn-left > :last-child {
  border: solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  -moz-transition: 0.2s 0s;
  -ms-transition: 0.2s 0s;
  -o-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 120px;
  z-index: 999;
}
.tooltip-btn-left > :last-child * {
  max-width: 100%;
}
.tooltip-btn-left > :last-child:after,
.tooltip-btn-left > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.tooltip-btn-left > :last-child {
  left: 0;
}
.tooltip-btn-left > :last-child:after,
.tooltip-btn-left > :last-child:before {
  left: 0;
}
.tooltip-btn-left > :last-child {
  margin-top: 10px;
  top: 100%;
}
.tooltip-btn-left > :last-child:after {
  margin-bottom: -1px;
}
.tooltip-btn-left > :last-child:after,
.tooltip-btn-left > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.tooltip-btn-left > :last-child:before {
  margin-bottom: 0px;
}
.tooltip-btn-left > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.tooltip-btn-left > :last-child:after {
  border-color: #333333;
}
.tooltip-btn-left > :last-child:before {
  border-color: #0d0d0d;
}
.tooltip-btn-left > :last-child {
  text-shadow: 0 1px 0 hsl(0, 0%, 0%);
}
.remove-circle {
  background: #ff1a1a;
  border: 1px solid red;
  -webkit-border-top-left-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -moz-border-radius-topleft: 100%;
  -moz-border-radius-topright: 100%;
  -moz-border-radius-bottomright: 100%;
  -moz-border-radius-bottomleft: 100%;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  text-align: center;
}
.fadeinelement {
  opacity: 0;
}
.fadeinelement.fadeinelement-start {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -ms-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
}
.shadow-box {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
}
.shadow-box * {
  vertical-align: top;
}
#scroll-container.droptarget {
  background: rgba(199, 238, 254, 0.35);
}
.proxima-nova {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.lato {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.capsheading {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #2a3b41;
  font-weight: 600;
  opacity: 1;
}
.wf-loading .capsheading {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -ms-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}
.truncate {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
textarea {
  resize: none;
}
.mirror {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.flip-icon {
  -moz-transform: scaleY(-1);
  /* Gecko */
  -o-transform: scaleY(-1);
  /* Opera */
  -webkit-transform: scaleY(-1);
  /* Webkit */
  transform: scaleY(-1);
  /* Standard */
  filter: FlipV;
  /* IE 6/7/8 */
}
.thin-text {
  font-weight: 300;
}
.file-upload-button-text {
  display: none;
}
.draghandle {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}
@media (max-width: 1160px) {
  .file-header-content-bg .file-header-otherdoc-container {
    width: 247px;
  }
  #displayTitleTextContainer {
    width: 80px;
  }
  #displayTitleText {
    width: 45px;
    max-width: 45px;
  }
  #episodeDisplayTitle {
    display: none;
  }
  #toolbar {
    min-width: 60px;
  }
}
@media (max-width: 1000px) {
  .file-header-content-bg .file-header-otherdoc-container {
    width: 150px;
  }
  .notificationlist-container {
    position: fixed;
    right: 0;
    z-index: 9999;
  }
  .cx-filetoolbar .btn {
    margin-right: 3px;
  }
}
@media (max-width: 800px) {
  .doc-pop-button-group span {
    display: none;
  }
}
@media (max-width: 767px) {
  .file-header-content-bg .file-header-otherdoc-container {
    width: auto;
  }
  .file-header-icon,
  .file-header-label {
    display: none;
  }
  #displayTitleIcon {
    display: none;
  }
  #displayTitleTextContainer {
    width: 60px;
  }
  #displayTitleText {
    max-width: 60px;
  }
  .cx-usersettingdropdown {
    margin-right: 0px;
  }
  .cx-sharecomponent {
    min-width: initial;
  }
  .cx-filelistitem-anchor-button {
    display: inline-block;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #filelistscroll-container {
    margin-left: 0px;
  }
  .nav-break-container {
    display: none !important;
  }
  #folder-list > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    min-width: 210px;
  }
  #toolbar {
    padding-top: 4px;
    height: auto;
  }
  #toolbar .searchbarform-container {
    display: none;
  }
  .cx-toggle,
  .cx-filelistitem-checkbox {
    display: none;
  }
  #selectalltoggle-container {
    display: none;
  }
  .cx-filelistitem-icon {
    left: 0 !important;
    padding: 0px 16px;
  }
  .cx-filelistitem-description {
    left: 40px !important;
  }
  #sidebar {
    max-height: 530px !important;
    min-height: 298px !important;
    overflow-y: scroll !important;
    height: auto !important;
    width: auto;
    float: none;
  }
  #sidebar li {
    width: 100%;
  }
  #sidebar li a {
    border-right: none;
  }
  #sidebar .prairie-nav .studio-nav-trash {
    display: none;
  }
  #filelistscroll-container #toolbar {
    display: none;
  }
  .cx-projectlistitem {
    width: auto;
  }
  .cx-projectlistitem .projectpanel-tabber {
    display: none;
  }
  .cx-projectlistitem .projectlistitem-form {
    padding-left: 10px;
  }
  .file-upload-button {
    max-width: initial;
    width: 95%;
    float: right;
  }
  .file-upload-button-text {
    display: inline-block;
    vertical-align: middle;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2a3b41;
    font-weight: 600;
    opacity: 1;
    color: white;
    font-weight: normal;
  }
  #nonfilelist-container {
    padding: 0px 0px 0px 12px !important;
  }
  .pointed-popover {
    z-index: 9999;
  }
}
#nonfilelist-container.mobile-ios {
  padding: 0px 12px 0px 12px !important;
}
@media (max-width: 650px) {
  .budgetnav {
    display: none;
  }
  .autoblocksearch {
    width: 280px;
  }
  .popover-content {
    max-width: 360px;
    margin: 0 auto;
  }
  #startmodal-workspace .img-polaroid {
    display: none;
  }
  .startwizard-servicechoice {
    max-width: 200px !important;
  }
  .card-editor.editor-scrollable {
    height: 100% !important;
  }
  .media-gallery-upload-area-container,
  .media-gallery-chooser-container {
    float: none;
    width: auto;
  }
  .cx-stybd-shot,
  .cx-stybd-shotplaceholder {
    margin: 0 6px 12px 0;
    width: 190px !important;
  }
  .cx-stybrd-shot-container {
    min-width: 180px !important;
    width: 180px !important;
    padding-left: 4px;
    padding-right: 4px;
  }
  .cx-stybd-shot-selection.goog-menu-button .goog-menu-button-caption {
    width: 100px;
  }
  .view-filter .btn-toolbar {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
  }
  .gallery-chooser.min-height {
    min-height: initial !important;
  }
  .drag-drop-upload-helptitle,
  .drag-drop-upload-helpor {
    display: none;
  }
  .modal-dark .drag-drop-upload-helptitle,
  .modal-dark .drag-drop-upload-helpor {
    color: white;
  }
  #drag-drop-upload {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    position: fixed !important;
    width: auto !important;
  }
  #drag-drop-upload .arrow-background,
  #drag-drop-upload .arrow {
    display: none;
  }
  #drag-drop-upload .browse-button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .modal-dialog-bg.modal-dialog-bg-clean {
    background: white;
  }
  .modal-dialog,
  .wide-modal {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    bottom: 10px !important;
    min-height: initial !important;
    width: auto !important;
    overflow: hidden;
    z-index: 1050;
  }
  .modal-dialog .form-horizontal label,
  .wide-modal .form-horizontal label,
  .modal-dialog .form-horizontal .controls,
  .wide-modal .form-horizontal .controls {
    display: block;
    float: none !important;
    text-align: left !important;
    margin-left: 20px !important;
    max-width: 80% !important;
    width: auto !important;
  }
  .modal-dialog .form-horizontal label .input-xlarge,
  .wide-modal .form-horizontal label .input-xlarge,
  .modal-dialog .form-horizontal .controls .input-xlarge,
  .wide-modal .form-horizontal .controls .input-xlarge,
  .modal-dialog .form-horizontal label input,
  .wide-modal .form-horizontal label input,
  .modal-dialog .form-horizontal .controls input,
  .wide-modal .form-horizontal .controls input {
    width: 100% !important;
    display: block;
  }
  .modal-dialog .modal-dialog-buttons,
  .wide-modal .modal-dialog-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal-dialog .modal-dialog-content,
  .wide-modal .modal-dialog-content {
    max-height: 75%;
    overflow: auto;
  }
  .modal-dialog.mobile-modal,
  .wide-modal.mobile-modal {
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    background: #181919;
    border-radius: 0;
    max-width: 100%;
    max-height: 100%;
  }
  .modal-dialog.mobile-modal .modal-dialog-buttons,
  .wide-modal.mobile-modal .modal-dialog-buttons {
    background: #181919;
  }
  .modal-dialog.mobile-modal .modal-dialog-content,
  .wide-modal.mobile-modal .modal-dialog-content {
    background: #181919;
  }
  .modal-dialog.mobile-modal .modal-dialog-title,
  .wide-modal.mobile-modal .modal-dialog-title {
    background: #181919;
  }
  .modal-dialog.mobile-renameDialog .modal-dialog-buttons,
  .wide-modal.mobile-renameDialog .modal-dialog-buttons {
    bottom: 60px !important;
  }
  fieldset {
    min-width: inherit;
    width: auto;
  }
  .popover {
    left: 10px !important;
    right: 10px !important;
  }
  .popover .arrow {
    display: none;
  }
  .goog-menuitem-accel,
  .goog-menuitem-disabled {
    display: none;
  }
  #editor-content {
    overflow: auto;
  }
  .notificationlist-container {
    top: 0;
  }
  .notificationlist-container-header {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .goog-toolbar-menu-button-caption {
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: inherit !important;
  }
}
@media (max-width: 400px) {
  .shareteam-table-item-avatar {
    padding-left: 0;
    padding-right: 0;
  }
  .shareteam-table-item-avatar .avatar-wrapper {
    display: none;
  }
  .shareteam-table-item-text {
    width: 105px;
    margin-left: 0 !important;
  }
  .cx-sharecomponent {
    padding-left: 0;
    padding-right: 0;
    margin: 0 !important;
    width: 100%;
    max-width: initial;
  }
  #startmodal-summary .avatar-wrapper {
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
  .startwizard .iama_input[name="iama_otherspecify"] {
    margin: 10px 0 0 20px !important;
    display: block;
  }
  .autoblocksearch {
    width: 180px;
  }
  .cx-stybd-sequence-title {
    min-width: 120px;
    max-width: 120px;
  }
  .shareadd-enteremail input {
    width: 90% !important;
  }
  .cx-commentadd-textarea {
    width: 136px;
  }
  .cx-commentadd-smaller .cx-commentadd-textarea {
    width: 120px;
  }
  .cx-commentlist {
    width: 230px;
  }
  .notificationlist-container.notificationlist-container-slideIn,
  .notificationlist-popover {
    width: 320px;
  }
  .notificationlist-item-photo {
    display: none;
  }
  .cx-filelistitem-anchor-button {
    display: inline-block;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.projectlistitem-legacy-delete,
.cx-filelistitem-legacy-label {
  display: flex;
  justify-content: start;
  width: 180px;
  align-items: center;
}
.projectlistitem-legacy-delete .file-trash,
.cx-filelistitem-legacy-label .file-trash {
  margin-left: 22px;
}
.projectlistitem-legacy-delete {
  margin-right: 200px;
}
.projectlistitem-legacy-delete #cx-filelistitem-leave {
  text-align: end;
  cursor: pointer;
  margin-left: 22px;
}
.projectlistitem-legacy-header {
  display: flex;
  align-items: center;
}
.projectlistitem-legacy-sharing-container {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.projectlistitem-legacy-sharing-container .right-share-list {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-top: 5px;
  padding: 10px 20px 20px;
}
.projectlistitem-legacy-sharing-container .team-container {
  max-width: 250px;
  display: flex;
  justify-content: flex-end;
  flex-flow: column;
}
.projectlistitem-legacy-sharing-container.projectlistitem-legacy-sharing-container-trash .team-container {
  max-width: none;
  width: 370px;
}
.cx-filelistitem-legacy-label {
  margin-right: 215px;
}
.nomargin {
  margin: 0 !important;
}
.bottom-shadow {
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
}
.display.display-table {
  display: table;
}
.display.display-table.hide {
  display: none;
}
.display.display-table .table-caption {
  display: table-caption;
}
.display.display-table .table-row {
  display: table-row;
}
.display.display-table .table-column {
  display: table-column;
}
.display.display-table .table-cell {
  display: table-cell;
}
.display.display-table .table-column-group {
  display: table-column-group;
}
.display.display-table .table-header-group {
  display: table-header-group;
}
.display.display-table .table-footer-group {
  display: table-footer-group;
}
.display.display-table .center {
  text-align: center;
  vertical-align: middle;
}
.position.position-absolute {
  position: absolute;
}
.box.box-full-height {
  height: 100%;
}
.box.box-full-width {
  width: 100%;
}
@media (max-width: 1450px) {
  #customize-btn .btn-plain span {
    display: none !important;
  }
  #customize-btn .btn-plain .tooltip-message {
    display: block !important;
  }
  #customize-btn .btn-plain i {
    margin-right: 0px !important;
  }
}
@media (max-width: 1350px) {
  .view-filter .btn-plain .tooltip-message {
    display: block !important;
  }
  .view-filter .btn-plain span {
    display: none !important;
  }
  .view-filter .btn-plain i {
    margin-right: 0px !important;
  }
}
@media (max-width: 1415px) {
  .doc-pop-button-group .btn-plain span {
    display: none !important;
  }
  .doc-pop-button-group .btn-plain .tooltip-message {
    display: block !important;
  }
  .doc-pop-button-group .btn-plain i {
    margin-right: 0px !important;
  }
  #displayTitleControls .btn-plain {
    width: 15px;
  }
  #displayTitleControls .btn-plain .tooltip-message {
    display: block !important;
  }
  #displayTitleControls .btn-plain span {
    display: none !important;
  }
  #displayTitleControls .btn-plain i {
    margin-right: 0px !important;
  }
}
@media (max-width: 1395px) {
  .doc-pop-button-group .btn-plain span {
    display: none !important;
  }
  .doc-pop-button-group .btn-plain .tooltip-message {
    display: block !important;
  }
  .doc-pop-button-group .btn-plain i {
    margin-right: 0px !important;
  }
  #displayTitleControls .tooltip-message {
    display: block !important;
  }
  #displayTitleControls .btn-plain {
    width: 15px;
  }
  #displayTitleControls .btn-plain span {
    display: none !important;
  }
  #displayTitleControls .btn-plain .tooltip-message {
    display: block !important;
  }
  #displayTitleControls .btn-plain i {
    margin-right: 0px !important;
  }
}
@media (max-width: 920px) {
  .searchbarform-input {
    width: 83px;
  }
  .searchbarform-comboboxmenu {
    width: 133px;
  }
  .documentactionbtn {
    width: 65px;
    padding: 2px 8px;
  }
  .documentactions {
    margin-left: 3px;
    margin-right: 0px;
  }
}
@media (max-width: 780px) {
  .doc-next-to-btn {
    display: none;
  }
}
@media (max-width: 780px) {
  .searchbarform-input {
    width: 83px;
  }
  .searchbarform-comboboxmenu {
    width: 133px;
  }
}
@media (max-width: 675px) {
  #displayTitleControls {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
  }
  .doc-pop-button-group {
    margin-left: 5px;
  }
  .file-header-content-bg #displayTitleControls .btn-plain,
  .file-header-content-bg .doc-pop-button-group .btn-plain {
    padding: 4px;
  }
  .file-header-content-bg #view-filter .btn-plain {
    padding: 4px 8px 4px;
  }
  .editor-status-bar-word-count,
  .editor-status-bar-last-saved {
    display: none;
  }
}
@media (max-width: 550px) {
  .file-header-content-bg {
    padding: 0px 15px;
  }
}
@media (max-width: 450px) {
  #displayTitleIcon {
    display: none;
  }
  #displayTitleTextContainer {
    width: 60px;
  }
  .cx-usersettingdropdown {
    margin-right: 0px;
  }
}
@media (max-width: 385px) {
  .file-header-content-bg .doc-pop-button-group {
    margin-left: 0;
  }
  #displayTitleTextContainer {
    width: 80px;
  }
  #displayTitleControls {
    margin-right: 0;
  }
}
.strong {
  font-weight: bold;
}
.wid_100 {
  width: 100%;
}
.textbox {
  box-sizing: border-box;
  padding: 15px 5px;
  margin: 0;
}
#cxContent {
  height: 100%;
}
#cxContent.theme-dark .tabber-tabs .active .ci {
  color: #2d2d2d;
}
#cxContent.theme-dark .tabber-tabs .tabber-tab a:hover {
  background: none;
}
#cxContent.theme-dark #filelist-container .cx-filelistitem:nth-child(even) {
  background: #6b6b6b;
}
#cxContent.theme-dark #filelist-container .cx-filelistitem {
  background: #848484;
}
#cxContent.theme-dark #filelist-container .cx-filelistitem .ci {
  color: #69b7ff;
}
#cxContent.theme-dark #filelist-container .cx-filelistitem .cx-filelistitem-title a {
  color: #fff !important;
}
#cxContent.theme-dark .studio-management-item-role,
#cxContent.theme-dark .projectpanel-tabsection-reportcontent,
#cxContent.theme-dark .studio-management-item-perm,
#cxContent.theme-dark .studio-management-item-name,
#cxContent.theme-dark .studio-management-item-admin,
#cxContent.theme-dark .studio-management-item-email,
#cxContent.theme-dark .studio-management-item-status,
#cxContent.theme-dark .studio-management-item-date,
#cxContent.theme-dark .studio-management-member-count {
  color: #adadad;
}
#cxContent.theme-dark .projectpanel-button-heading {
  background-color: #255675 !important;
}
#cxContent.theme-dark .projectpanel-heading {
  border-bottom: #828282 1px solid;
}
#cxContent.theme-dark .projectpanel-tabsection-endsection {
  border-left: #828282 1px solid;
}
#cxContent.theme-dark .projectpanel-dropcontainer {
  background-color: #7d7d7d;
}
#cxContent.theme-dark .studio-management-item-divider {
  opacity: 0.2;
}
#cxContent.theme-dark #toolbar {
  background: #2d2d2d;
}
#cxContent.theme-dark #scroll-container {
  background-color: #444;
}
#cxContent.theme-dark #scroll-container.scroll-container-white {
  background-color: white;
}
#cxContent.theme-dark .projectpanel-tabber .tabber-tabs .active .ci {
  color: inherit;
}
#cxContent.theme-dark .projectpanel-tabber .tabber-tabs .tabber-tab a:hover {
  background: #333333;
}
#cxContent.theme-dark .cx-projectlistitem {
  background-color: #444;
  padding-bottom: 15px;
  border-bottom: 1px solid #676767;
}
#cxContent.theme-dark .cx-projectlistitem .projectlistitem-categoryselect-container {
  color: #cecece;
}
#cxContent.theme-dark .cx-projectlistitem .projectlistitem-categoryselect-container .minimalistselect {
  color: initial !important;
}
#cxContent.theme-dark .cx-projectlistitem .projectlistitem-teamshare-container {
  color: #cecece;
}
#cxContent.theme-dark .cx-projectlistitem .projecttitle-link:hover {
  color: #00a9ff;
}
#cxContent.theme-dark .cx-projectlistitem .projectpanel-tabsection-content,
#cxContent.theme-dark .cx-projectlistitem .projectpanel-heading,
#cxContent.theme-dark .cx-projectlistitem .projectpanel-tabsection-deadlines,
#cxContent.theme-dark .cx-projectlistitem .projectpanel-tabsection,
#cxContent.theme-dark .cx-projectlistitem .projectpanel-tabsection-estimates,
#cxContent.theme-dark .cx-projectlistitem .projectactivitylist-commentlist-item:nth-child(odd) {
  background-color: #656565;
}
#cxContent.theme-dark .cx-projectlistitem .tabber-tab a {
  background-color: #333333;
  color: #888888;
}
#cxContent.theme-dark .cx-projectlistitem .projectpanel-report-text,
#cxContent.theme-dark .cx-projectlistitem .projectpanel-report-number {
  color: #bfbfbf;
}
#cxContent.theme-dark .cx-projectlistitem .slider-title,
#cxContent.theme-dark .cx-projectlistitem .infomanagerbox-label,
#cxContent.theme-dark .cx-projectlistitem .estimate-label,
#cxContent.theme-dark .cx-projectlistitem .estimate-field {
  color: #95a5a6;
}
#cxContent.theme-dark .cx-projectlistitem .projectpanel-heading {
  color: #fff;
}
#cxContent.theme-dark .top-nav {
  color: #fff;
}
#cxContent.theme-dark .top-nav > li > a {
  color: #fff;
  font-weight: 300;
}
#cxContent.theme-dark #notifications-btn {
  color: #fff !important;
}
#cxContent.theme-dark .folderlink {
  color: #fff !important;
}
#cxContent.theme-dark .folderlink i {
  color: #fff !important;
}
#cxContent.theme-dark .cx-usersettingdropdown-username {
  color: #fff !important;
}
#cxContent.theme-dark .file-header-content-bg {
  background: #2d2d2d;
}
#cxContent.theme-dark .file-header-content-bg .btn-plain-gray {
  background: #404040;
}
#cxContent.theme-dark .tabber-activate {
  background: #2d2d2d;
}
#cxContent.theme-dark .tabber-activate i {
  color: #fff;
}
#cxContent.theme-dark .ProseMirror-menubar {
  background: #444 !important;
  color: #fff !important;
  -webkit-box-shadow: inset 0 1px 0 0 #333, inset 0 -1px 3px -1px #333, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 0 0 #333, inset 0 -1px 3px -1px #333, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 0 #333, inset 0 -1px 3px -1px #333, 0 1px 1px rgba(0,0,0,0.1);
}
#cxContent.theme-dark .ProseMirror-menubar i {
  color: #fff !important;
}
#cxContent.theme-dark .ProseMirror-menubar .goog-toolbar-button {
  color: #fff !important;
}
#cxContent.theme-dark .ProseMirror-menubar .goog-toolbar-button i {
  color: #fff;
}
#cxContent.theme-mobile {
  background-color: #181919;
  height: 100%;
}
#cxContent.theme-mobile #main-view {
  overflow-y: initial;
}
#cxContent.theme-mobile .trial-bar {
  display: none;
}
#cxContent.theme-mobile #trial-container {
  letter-spacing: initial !important;
  font-size: 12px;
}
#cxContent.theme-mobile #displayTitleTextContainer:hover {
  background-color: inherit;
}
#cxContent.theme-mobile .main-view-scroll-container {
  background-color: #181919;
  padding-left: 0px;
}
#cxContent.theme-mobile #filelist-container {
  margin-top: 4px;
  margin-left: 0px;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-section-title,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-section-subtitle,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-groups-custom-msg {
  display: none;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .right-hand-column-studio-management {
  float: left !important;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-subinfo-container {
  text-align: center;
  width: auto;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-memberlist-container,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-grouplist-container {
  float: none !important;
  width: 100% !important;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-members-container,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-add-seats,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-members-list,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-groups-list,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-member-item,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-groups-container,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-contacts-container {
  color: white;
  background-color: #181919;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-members-container,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-groups-container,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-container,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-item-info-container {
  width: 100%;
  margin-right: 0;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-header {
  width: 100%;
  box-sizing: border-box;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-contacts-top,
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .studio-management-header {
  color: white;
  background-color: #3c3d3e;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .infomanagerbox {
  color: white;
  background-color: #181919;
  width: 100%;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .infomanagerbox .infomanagerbox-title {
  display: none;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .infomanagerbox .infomanagerbox-content {
  padding-top: 0;
  background-color: #181919;
  color: white;
}
#cxContent.theme-mobile .studio-management-plan-container #nonfilelist-container .infomanagerbox .infomanagerbox-content .infomanagerbox-label {
  color: white;
}
#cxContent.theme-mobile .purchase-history {
  color: white;
}
#cxContent.theme-mobile .purchase-history .pageTitle {
  color: white;
}
.vflex-container {
  display: flex;
  flex-direction: column;
}
.vflex-grow {
  flex-grow: 1;
}
.rotate45 {
  transform: rotate(45deg);
}
.uppercase {
  text-transform: uppercase;
}
.user-profile-icon {
  display: flex;
  color: white;
  font-size: 40px;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}
@keyframes UOTAnimationStart {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes UOTAnimationEnd {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.ui-overlay-tray {
  /* 
	  Do not modify these styles, if you need to modify the way 
	  the overlay looks for your use, cx.ui.OverlayTray allows
	  you to attach an additional class to your overlay component.
	  Use that class instead to override these styles or to add to 
	  them. Modifying these styles will alter the way a lot of the 
	  existing overlays look.
	 */
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1010;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  background-color: rgba(90, 90, 90, 0.87);
}
.ui-overlay-tray.transparent {
  background-color: transparent;
}
.ui-overlay-tray.uot-animation-start {
  animation-duration: 100ms;
  animation-fill-mode: forwards;
  animation-name: UOTAnimationStart;
  animation-timing-function: ease-in;
}
.ui-overlay-tray.uot-animation-end {
  animation-duration: 50ms;
  animation-fill-mode: forwards;
  animation-name: UOTAnimationEnd;
  animation-timing-function: ease-out;
}
.draggable-dialog .dialog-header,
.mobile-full-screen-dialog .dialog-header {
  display: flex;
  flex-direction: row;
  line-height: 14px;
  align-items: center;
}
.draggable-dialog .dialog-header .title,
.mobile-full-screen-dialog .dialog-header .title {
  flex: 1;
  text-transform: uppercase;
  font-weight: normal;
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #F6F6F6;
}
.draggable-dialog .dialog-header .close-button,
.mobile-full-screen-dialog .dialog-header .close-button {
  display: flex;
  justify-content: flex-end;
  background: none;
  font-size: 12px;
  line-height: 14px;
  border-radius: 0;
  height: unset;
  width: unset;
}
.draggable-dialog .dialog-header .close-button button,
.mobile-full-screen-dialog .dialog-header .close-button button {
  font-size: 12px;
  line-height: 14px;
}
.draggable-dialog .dialog-header .close-button button::before,
.mobile-full-screen-dialog .dialog-header .close-button button::before {
  font-size: 14px;
}
.mobile-full-screen-dialog .mobile-full-screen-dialog__title-container {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.draggable-dialog {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}
.draggable-dialog .dragger {
  height: 20px;
  width: 100%;
}
.draggable-dialog .draggable-dialog-content {
  padding: 0px 20px 20px 20px;
}
.learn-more-dialog-container {
  position: absolute;
  bottom: -0.5px;
  right: 10px;
  z-index: 11;
}
.popup-tab {
  position: relative;
  right: 15vh;
  border-radius: 8px 8px 0 0;
  color: #F6F6F6;
  background-color: #2FB5B4;
  text-transform: uppercase;
  font: normal normal normal 14px/14px Lato;
  letter-spacing: 0.84px;
  width: 159px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.popup-dialog {
  border-radius: 5px;
  background-color: #292D30;
  display: flex;
  flex-direction: column;
  color: #F6F6F6;
  width: 227px;
  margin: 30px;
  text-align: center;
  align-items: center;
  padding: 20px;
}
.popup-dialog__title {
  font: normal normal bold 18px/17px Lato;
  padding-bottom: 20px;
}
.popup-dialog__description {
  padding-bottom: 20px;
}
.popup-dialog__button {
  background-color: #2FB5B4;
  width: 70%;
  color: #F6F6F6;
  text-transform: uppercase;
  text-shadow: none;
  padding: 5px;
  border-radius: 5px;
}
.popup-dialog__close {
  align-self: end;
  cursor: pointer;
}
.more-circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  border-radius: 100%;
  background-color: 'rgb(183, 183, 183)';
  width: 30px;
  height: 30px;
  border: 3px solid white;
  margin-right: 5px;
}
.more-circle .more-circle-label {
  display: block;
  font-size: var(--more-cirlce-font-size);
  color: #F6F6F6;
}
.password-show,
.password-hide {
  width: 50px;
  margin: 5px 0 5px -50px;
  display: inline-block;
  z-index: 1;
  position: absolute;
  vertical-align: top;
  text-align: left;
  color: #333;
  font-style: italic;
  font-size: 14px;
  cursor: pointer;
}
.dropdown-header-arrow {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  margin-top: 2px;
}
.dropdown-header-arrow::before {
  rotate: 270deg;
}
.dropdown-header-arrow.open::before {
  rotate: 90deg;
}
.no-after::after {
  content: none !important;
}
/* Intersititals timing A/B test */
.cx-msc-mount.interstitials-timing {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.cx-msc-mount.interstitials-timing::before {
  content: "";
  background-color: #000;
  opacity: 0.5;
  z-index: 2005;
  height: 100vh;
  width: 100vw;
  position: relative;
  display: block;
}
.cx-msc-mount.interstitials-timing .cx-multi-step-cart {
  height: 80vh;
  min-height: 80vh;
  width: 75vw;
  max-width: 100vw;
  position: absolute;
  display: block;
  top: 10vh;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.editor-content-wrapper {
  display: flex;
  height: inherit;
}
.editor-content-wrapper .editor-content-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.editor-content-wrapper .editor-content-container .row-fluid {
  flex: 1;
}