@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400&display=swap');
/*!
 * 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;
  *display: inline;
  *zoom: 1;
}
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;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
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 {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.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;
}
.proxima-nova {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
}
.lato {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #cbcecf;
}
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: #0088cc;
  text-decoration: none;
}
a:hover {
  color: #005580;
  text-decoration: underline;
}
.row {
  margin-left: 0px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 0px;
}
.container,
.navbar-fixed-top .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%;
  *zoom: 1;
}
.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;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.container-fluid {
  *zoom: 1;
}
.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: #999999;
}
.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: #999999;
}
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: #999999;
  text-transform: uppercase;
}
.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eeeeee;
}
.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.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.horizontal {
  *zoom: 1;
}
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 #eeeeee;
  border-bottom: 1px solid #ffffff;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.muted {
  color: #999999;
}
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 #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}
blockquote small {
  display: block;
  line-height: 18px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
  border-right: 5px solid #eeeeee;
}
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: #999999;
}
.text-warning {
  color: #f7612c;
}
.text-error {
  color: #b94a48;
}
.text-success {
  color: #468847;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -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 #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space: pre;
  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: #333333;
  border: 0;
  border-bottom: 1px solid #eee;
}
legend small {
  font-size: 13.5px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  font-weight: 500;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 14px;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 420px;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  border: 1px solid #cccccc;
}
.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;
  *margin-top: 0;
  /* IE7 */
  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: #ffffff;
  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 */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 28px;
}
input[type="file"] {
  line-height: 18px \9;
}
select {
  width: 220px;
  background-color: #ffffff;
}
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: #71c7a8;
  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: #eeeeee;
  border-color: #ddd;
  cursor: not-allowed;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #f7612c;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #f7612c;
  border-color: #f7612c;
}
.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 .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.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;
}
.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #eeeeee;
  border-top: 1px solid #ddd;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}
.form-actions:after {
  clear: both;
}
.uneditable-input {
  display: block;
  background-color: #ffffff;
  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: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
.help-block,
.help-inline {
  color: #eeeeee;
}
.help-block {
  display: block;
  margin-bottom: 9px;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.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 {
  *margin-left: 0;
  -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 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  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 .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.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 {
  *zoom: 1;
}
.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;
  /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */
  *display: inline-block;
  *margin-left: 0;
  *padding-left: 20px;
}
.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}
.form-horizontal .form-actions {
  padding-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 #dddddd;
}
.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 #dddddd;
}
.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 #dddddd;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.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;
  *margin-right: .3em;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child,
.icon:last-child {
  *margin-left: 0;
}
.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-time {
  background-position: -48px -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-share {
  background-position: -120px -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 {
  *margin-bottom: -3px;
}
.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 #000000;
  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: 10060;
  float: left;
  display: none;
  min-width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  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;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.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 #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}
.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  font-size: 13px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}
.dropdown.open {
  *z-index: 10060;
}
.dropdown.open .dropdown-toggle {
  color: #ffffff;
  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 #000000;
  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: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
}
.btn:hover,
.btn:active,
.btn.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.btn:active,
.btn.active {
  background: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
}
.btn-plain:first-child {
  *margin-left: 0;
}
.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: #ffffff;
}
.btn-plain-mint {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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: #32c879;
  -webkit-box-shadow: 0px 2px 0px 0px #289f60;
  -moz-box-shadow: 0px 2px 0px 0px #289f60;
  box-shadow: 0px 2px 0px 0px #289f60;
  *margin-left: .3em;
}
.btn-plain-mint:first-child {
  *margin-left: 0;
}
.btn-plain-mint:hover {
  background-color: #32c886;
  text-decoration: none;
  color: #ffffff;
}
.btn-plain-aqua {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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: #32c8c6;
  -webkit-box-shadow: 0px 2px 0px 0px #289f9e;
  -moz-box-shadow: 0px 2px 0px 0px #289f9e;
  box-shadow: 0px 2px 0px 0px #289f9e;
  *margin-left: .3em;
}
.btn-plain-aqua:first-child {
  *margin-left: 0;
}
.btn-plain-aqua:hover {
  background-color: #32bdc8;
  text-decoration: none;
  color: #ffffff;
}
.btn-plain-cyan {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
}
.btn-plain-cyan:first-child {
  *margin-left: 0;
}
.btn-plain-cyan:hover {
  background-color: #3ed3f6;
  text-decoration: none;
  color: #ffffff;
}
.btn-cta {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
}
.btn-cta:first-child {
  *margin-left: 0;
}
.btn-cta:hover {
  background-color: #f7722c;
  text-decoration: none;
  color: #ffffff;
}
.btn-cta-secondary {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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);
  *margin-left: .3em;
  color: #f7612c;
  border: 1px solid #f7612c;
}
.btn-cta-secondary:first-child {
  *margin-left: 0;
}
.btn-cta-secondary:hover {
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  color: #ffffff;
}
.btn-cta-secondary:hover {
  background: white;
}
.btn-plain-lightgray {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
  color: #666 !important;
}
.btn-plain-lightgray:first-child {
  *margin-left: 0;
}
.btn-plain-lightgray:hover {
  background-color: #f5f6f7;
  text-decoration: none;
  color: #ffffff;
}
.btn-plain-lightgray:hover {
  color: #666 !important;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.cx-filetoolbar .btn:focus {
  outline: 0px;
}
.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-inverse,
.btn-inverse:hover,
.btn-plain-lighterblue,
.btn-plain-lighterblue:hover,
.btn-plain-lightblue,
.btn-plain-lightblue:hover {
  color: #222222;
}
.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-inverse.btn-plain,
.btn-inverse: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-white-on-white {
  color: #999999;
  border: 1px solid #bfbfbf;
}
.btn-white-on-white:hover {
  text-decoration: none;
  color: #bfbfbf;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-plain-mint {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  font-family: "lato", sans-serif;
  background-color: #32c879;
  -webkit-box-shadow: 0px 2px 0px 0px #289f60;
  -moz-box-shadow: 0px 2px 0px 0px #289f60;
  box-shadow: 0px 2px 0px 0px #289f60;
  *margin-left: .3em;
}
.btn-plain-mint:first-child {
  *margin-left: 0;
}
.btn-plain-mint:hover {
  background-color: #32c886;
  text-decoration: none;
  color: #ffffff;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fc0e8', endColorstr='#4f9ae8', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  background: #4fb1e8;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active {
  background: #faa732;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active {
  background: #da4f49;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ecc71', endColorstr='#2ecc99', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active {
  background: #2ecc81;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active {
  background: #49afcd;
  cursor: pointer;
  cursor: hand;
}
.btn-info:active,
.btn-info.active {
  background: #24748c \9;
}
.btn-inverse {
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  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);
  background: #555555;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active {
  background: #414141;
  cursor: pointer;
  cursor: hand;
}
.btn-inverse:active,
.btn-inverse.active {
  background: #080808 \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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75d4e8', endColorstr='#b7e8f3', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-lighterblue:hover,
.btn-plain-lighterblue:active,
.btn-plain-lighterblue.active {
  background: #8fdcec;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03b4ce', endColorstr='#22e0fc', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-lightblue:hover,
.btn-plain-lightblue:active,
.btn-plain-lightblue.active {
  background: #0fc6e0;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61ccf6', endColorstr='#a9e3fa', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-blue:hover,
.btn-plain-blue:active,
.btn-plain-blue.active {
  background: #7ed5f8;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#d9d9d9', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-lightergray:hover,
.btn-plain-lightergray:active,
.btn-plain-lightergray.active {
  background: #c2c2c2;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#737373', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-gray:hover,
.btn-plain-gray:active,
.btn-plain-gray.active {
  background: #5c5c5c;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fe18b', endColorstr='#81ebb3', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-lightergreen:hover,
.btn-plain-lightergreen:active,
.btn-plain-lightergreen.active {
  background: #59e59b;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3dd57d', endColorstr='#3dd4d5', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-green:hover,
.btn-plain-green:active,
.btn-plain-green.active {
  background: #3dd5a0;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-green:active,
.btn-plain-green.active {
  background: #28b7b7 \9;
}
.btn-plain-teal {
  background-image: -moz-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: -ms-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#47b5a7), to(#43aa9d));
  background-image: -webkit-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: -o-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: linear-gradient(top, #47b5a7, #43aa9d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b5a7', endColorstr='#43aa9d', GradientType=0);
  border-color: #43aa9d #43aa9d #2d736a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #47b5a7;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-teal:hover,
.btn-plain-teal:active,
.btn-plain-teal.active {
  background: #45b1a3;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-teal:active,
.btn-plain-teal.active {
  background: #34857b \9;
}
.btn-plain-orange {
  background-image: -moz-linear-gradient(top, #f7612c, #f7722c);
  background-image: -ms-linear-gradient(top, #f7612c, #f7722c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7612c), to(#f7722c));
  background-image: -webkit-linear-gradient(top, #f7612c, #f7722c);
  background-image: -o-linear-gradient(top, #f7612c, #f7722c);
  background-image: linear-gradient(top, #f7612c, #f7722c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7612c', endColorstr='#f7722c', GradientType=0);
  border-color: #f7722c #f7722c #cf4c08;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #f7612c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-orange:hover,
.btn-plain-orange:active,
.btn-plain-orange.active {
  background: #f7682c;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-orange:active,
.btn-plain-orange.active {
  background: #e75509 \9;
}
.btn-plain-lightorange {
  background-image: -moz-linear-gradient(top, #f69232, #f6a232);
  background-image: -ms-linear-gradient(top, #f69232, #f6a232);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f69232), to(#f6a232));
  background-image: -webkit-linear-gradient(top, #f69232, #f6a232);
  background-image: -o-linear-gradient(top, #f69232, #f6a232);
  background-image: linear-gradient(top, #f69232, #f6a232);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f69232', endColorstr='#f6a232', GradientType=0);
  border-color: #f6a232 #f6a232 #d27c09;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #f69232;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-plain-lightorange:hover,
.btn-plain-lightorange:active,
.btn-plain-lightorange.active {
  background: #f69932;
  cursor: pointer;
  cursor: hand;
}
.btn-plain-lightorange:active,
.btn-plain-lightorange.active {
  background: #eb8b0a \9;
}
a,
a:visited,
a:focus,
a:active,
a:hover {
  outline: 0 none !important;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.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:focus,
.btn-link:active:focus,
.btn.btn-link:active .btn-link[disabled]:focus {
  outline: 0;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover {
  color: #005580;
  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: #333333;
  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 {
  font-weight: 600!important;
  color: #ffffff;
  background: #f7612c;
  border: 1px solid #f7612c;
  box-shadow: none;
  text-shadow: none!important;
  text-indent: 2px;
}
.btn-subscribe span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}
.btn-subscribe:hover {
  background: #f7722c;
  border: 1px solid #f7722c;
  color: #fff;
}
.hover-linkcolor:hover {
  color: #0088cc !important;
}
.hover-dangercolor:hover {
  color: #ee5f5b !important;
}
.btn-filetoolbar {
  color: #f2f2f2;
  background-color: #3c3d3e;
  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: #656666 !important;
  outline: none;
}
.btn-filetoolbar:focus {
  background: #3BBDB5 !important;
  outline: none;
}
.btn-filetoolbar:active {
  background: #181919 !important;
  outline: none;
}
.locked {
  background-color: #878787 !important;
  outline: none;
}
.btn-danger:focus {
  background: #E23955 !important;
  outline: none;
}
.btn-danger:active {
  background: #F44A6E !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: #34d4d2;
  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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.action-btn:active {
  background-color: #1fa3a2;
  color: #222222;
}
.action-btn:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.action-btn:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.action-btn.secondary {
  background-color: #945ca3;
}
.action-btn.secondary:active {
  background-color: #a245ba !important;
}
.action-btn.secondary:hover {
  background-color: #a859bd !important;
}
.action-btn.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.action-btn.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.action-btn.create-pill:hover:before {
  opacity: 1;
}
.action-btn.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.action-btn.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.action-btn.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.action-btn.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.action-btn.toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.action-btn.cancel:hover,
.action-btn.cancel:active {
  background-color: transparent !important;
}
.action-btn.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.action-btn.disabled:hover,
.action-btn.disabled:active {
  background-color: #868686 !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;
}
.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;
}
/*
   This (cx-nav-btn) class is used for making HTML elements navigable by keyboard
   Please do not add extra styles to the class unless they are strictly related to navigation

   HTML elements may also need to a tabindex attribute added to allow for proper keyboard navigation
 */
.cx-nav-btn {
  background: #2fb5b4;
}
.cx-nav-btn:focus {
  background: #1fa3a2 !important;
  color: #ffffff !important;
  outline: none !important;
}
.cx-nav-btn:active {
  background: #1fa3a2 !important;
  color: #ffffff !important;
  outline: none !important;
}
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group:first-child {
  *margin-left: 0;
}
.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);
  *padding-top: 3px;
  *padding-bottom: 3px;
}
.btn-group .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-group .btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px;
}
.btn-group .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open {
  *z-index: 10060;
}
.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 #000000;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.alert {
  padding: 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  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: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.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: #ffffff;
  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: #999999;
  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: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
.nav-list [class^="icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
  *width: 100%;
  *margin: -5px 0 5px;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.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: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  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: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.nav > .dropdown.active > a:hover {
  color: #000000;
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > .open.active > a:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.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: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.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: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.navbar {
  *position: relative;
  *z-index: 2;
  overflow: visible;
  margin-bottom: 18px;
}
.navbar-inner {
  background: #3c3d3e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-height: 44px;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(69, 69, 69, 0.95)', endColorstr='#f2f6f6', GradientType=0);
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -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);
  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 .brand:hover {
  text-decoration: none;
}
.navbar .brand {
  font-family: 'Lato', sans-serif;
  width: 215px;
  float: left;
  display: block;
  padding: 12px 0 5px 20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color: #ffffff;
  background: #23272b;
  text-align: left;
}
.navbar .brand.editor-brand {
  width: 246px;
}
.navbar .brand a {
  float: left;
}
.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;
  *zoom: 1;
}
.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: #ffffff;
  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: #cccccc;
}
.navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  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-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10010;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 900px;
}
.navbar-fixed-top {
  top: 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 #ffffff;
  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 #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav .dropdown-toggle .caret,
.navbar .nav .open.dropdown .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.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: #ffffff;
}
.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;
  *zoom: 1;
  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: #fff;
  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 .upsell-bar {
  *zoom: 1;
  background: #d9edf7;
  background: rgba(217, 237, 247, 0.9);
  color: #3a87ad;
  -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);
  border-bottom: #bce8f1 1px solid;
  opacity: 0;
  margin-top: -80px;
  margin-bottom: -1px;
}
#topnavbar-container .upsell-bar:before,
#topnavbar-container .upsell-bar:after {
  display: table;
  content: "";
}
#topnavbar-container .upsell-bar:after {
  clear: both;
}
#topnavbar-container .upsell-bar.shorter .upsell-bar-content {
  width: auto;
  margin: 0 12px;
}
#topnavbar-container .upsell-bar.shorter .upsell-bar-content .padder {
  padding: 7px 5px 5px 5px;
}
#topnavbar-container .upsell-bar.shorter .upsell-bar-content .larger-text {
  font-size: 14px !important;
}
#topnavbar-container .upsell-bar.shorter .upsell-bar-content .close-btn {
  top: 12px;
  right: 12px;
}
#topnavbar-container .upsell-bar.shorter .upsell-bar-content .close-btn .close-img {
  height: 13px;
  width: 13px;
  background-size: 13px;
}
#topnavbar-container .upsell-bar .upsell-bar-content {
  *zoom: 1;
  padding: 0 10px;
  position: relative;
  width: 1040px;
  margin: 0 auto;
}
#topnavbar-container .upsell-bar .upsell-bar-content .close-btn {
  position: absolute;
  right: -20px;
  top: 20px;
  opacity: 0.7;
}
#topnavbar-container .upsell-bar .upsell-bar-content .close-btn:hover {
  opacity: 1;
}
#topnavbar-container .upsell-bar .upsell-bar-content:before,
#topnavbar-container .upsell-bar .upsell-bar-content:after {
  display: table;
  content: "";
}
#topnavbar-container .upsell-bar .upsell-bar-content:after {
  clear: both;
}
#topnavbar-container .upsell-bar .upsell-bar-content h1 {
  font-size: 32px;
  line-height: 35px;
}
#topnavbar-container .upsell-bar .upsell-bar-content p:last-child {
  margin-bottom: 0!important;
}
#topnavbar-container .upsell-bar.upsell-bar-warning {
  background: #fdcfbf;
  background: rgba(253, 207, 191, 0.9);
  color: #f7612c;
  border-bottom: #fcb8b1 1px solid;
}
#topnavbar-container #topnavbar {
  height: 48px;
}
#topnavbar-container.topnavbar-pushdown #topnavbar {
  top: 32px;
}
#topnavbar-su-warning {
  background: #54a0bc;
  color: #ffffff;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
#topnavbar-su-warning a {
  text-decoration: underline;
  margin-left: 15px;
  color: #ffffff;
}
#topnavbar-su-warning i {
  margin-right: 5px;
}
#navigation-fluid {
  display: flex;
}
#navigation-fluid:before,
#navigation-fluid:after {
  display: block;
}
.top-nav-showhide {
  display: none;
}
.subscribe-showhide {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .cx-usersettingdropdown-username-container {
    display: none !important;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: relative !important;
  }
  #topnavbar-container {
    padding: 0;
    height: 48px;
  }
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .navbar-fixed-top,
  .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;
  }
  #top-nav.top-nav-show {
    left: 0;
    -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);
  }
  #cxContent.theme-dark #top-nav a {
    color: #0088cc;
  }
  .top-nav-showhide {
    padding: 12px 4px;
    display: inline-block;
    color: #f6f6f6;
  }
  .top-nav-showhide:hover {
    color: #f6f6f6;
  }
  .folderlink {
    max-width: 150px;
  }
  .folderlink:not(:last-child) {
    max-width: 150px;
  }
}
@media (max-width: 500px) {
  #trial-container {
    display: none;
  }
  .subscribe-showhide {
    display: block !important;
  }
}
#main-nav {
  white-space: nowrap;
}
#main-nav li {
  line-height: 17px;
}
.modal-open .dropdown-menu {
  z-index: 20560;
}
.modal-open .dropdown.open {
  *z-index: 20560;
}
.modal-open .popover {
  z-index: 20600;
}
.modal-open .tooltip {
  z-index: 20700;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10400;
  background-color: #000000;
}
.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: 10500;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -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 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.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: 10100;
  width: 236px;
  padding: 1px;
  background-color: #ffffff;
  -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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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;
  *zoom: 1;
}
.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: #ffffff;
  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: #40bdb4;
}
.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: #52c4bc;
}
.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 .help-inline {
  margin-top: 6px;
}
.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 .help-inline {
  margin-top: 6px;
}
.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: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label:hover {
  color: #ffffff;
  text-decoration: none;
}
.label-important {
  background-color: #b94a48;
}
.label-warning {
  background-color: #f89406;
}
.label-success {
  background-color: #468847;
}
.label-info {
  background-color: #3a87ad;
}
.label-inverse {
  background-color: #333333;
}
.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 {
  /**/
}
.spr {
  background-image: url(../img/spr-icons.png);
  background-repeat: no-repeat;
  display: block;
}
.spr.spr-add_project {
  background-position: -5px -5px;
  width: 25px;
  height: 25px;
}
.spr.spr-add_project__2x {
  background-position: -40px -5px;
  width: 50px;
  height: 50px;
}
.spr.spr-add_team {
  background-position: -100px -5px;
  width: 25px;
  height: 25px;
}
.spr.spr-add_team__2x {
  background-position: -135px -5px;
  width: 50px;
  height: 50px;
}
.spr.spr-approval_dashbard {
  background-position: -195px -5px;
  width: 25px;
  height: 25px;
}
.spr.spr-approval_dashbard__2x {
  background-position: -230px -5px;
  width: 50px;
  height: 50px;
}
.spr.spr-audio_docs {
  background-position: -290px -5px;
  width: 32px;
  height: 32px;
}
.spr.spr-audio_docs__2x {
  background-position: -332px -5px;
  width: 64px;
  height: 64px;
}
.spr.spr-av_docs {
  background-position: -406px -5px;
  width: 32px;
  height: 32px;
}
.spr.spr-av_docs__2x {
  background-position: -406px -47px;
  width: 64px;
  height: 64px;
}
.spr.spr-back_inproject {
  background-position: -448px -5px;
  width: 32px;
  height: 32px;
}
.spr.spr-back_inproject__2x {
  background-position: -5px -121px;
  width: 64px;
  height: 64px;
}
.spr.spr-breakdown_docs {
  background-position: -290px -47px;
  width: 32px;
  height: 32px;
}
.spr.spr-breakdown_docs__2x {
  background-position: -79px -121px;
  width: 64px;
  height: 64px;
}
.spr.spr-buddies__2x {
  background-position: -153px -121px;
  width: 50px;
  height: 50px;
}
.spr.spr-buddies_studio {
  background-position: -5px -47px;
  width: 25px;
  height: 25px;
}
.spr.spr-budget__2x {
  background-position: -100px -47px;
  width: 25px;
  height: 25px;
}
.spr.spr-budget_docs {
  background-position: -213px -121px;
  width: 32px;
  height: 32px;
}
.spr.spr-budget_docs__2x {
  background-position: -255px -121px;
  width: 64px;
  height: 64px;
}
.spr.spr-budgets_dashboard__2x {
  background-position: -329px -121px;
  width: 50px;
  height: 50px;
}
.spr.spr-bulb__2x {
  background-position: -389px -121px;
  width: 50px;
  height: 50px;
}
.spr.spr-bulb_studio {
  background-position: -195px -47px;
  width: 25px;
  height: 25px;
}
.spr.spr-cancel_project {
  background-position: -449px -121px;
  width: 25px;
  height: 25px;
}
.spr.spr-cancel_project__2x {
  background-position: -153px -181px;
  width: 50px;
  height: 50px;
}
.spr.spr-catalog_docs {
  background-position: -449px -156px;
  width: 32px;
  height: 32px;
}
.spr.spr-catalog_docs__2x {
  background-position: -329px -181px;
  width: 64px;
  height: 64px;
}
.spr.spr-comic_docs {
  background-position: -5px -198px;
  width: 32px;
  height: 32px;
}
.spr.spr-comic_docs__2x {
  background-position: -47px -198px;
  width: 64px;
  height: 64px;
}
.spr.spr-create_project {
  background-position: -213px -198px;
  width: 25px;
  height: 25px;
}
.spr.spr-create_project__2x {
  background-position: -248px -198px;
  width: 50px;
  height: 50px;
}
.spr.spr-edit_general {
  background-position: -403px -198px;
  width: 25px;
  height: 25px;
}
.spr.spr-edit_general__2x {
  background-position: -403px -233px;
  width: 50px;
  height: 50px;
}
.spr.spr-editphoto_general {
  background-position: -438px -198px;
  width: 25px;
  height: 25px;
}
.spr.spr-editphoto_general__2x {
  background-position: -5px -293px;
  width: 50px;
  height: 50px;
}
.spr.spr-embed_docs {
  background-position: -65px -293px;
  width: 32px;
  height: 32px;
}
.spr.spr-embed_docs__2x {
  background-position: -107px -293px;
  width: 64px;
  height: 64px;
}
.spr.spr-folder_docs {
  background-position: -181px -293px;
  width: 32px;
  height: 32px;
}
.spr.spr-folder_docs__2x {
  background-position: -223px -293px;
  width: 64px;
  height: 64px;
}
.spr.spr-home_breadcrumb {
  background-position: -213px -233px;
  width: 25px;
  height: 25px;
}
.spr.spr-home_breadcrumb__2x {
  background-position: -297px -293px;
  width: 50px;
  height: 50px;
}
.spr.spr-import_inproject {
  background-position: -357px -293px;
  width: 32px;
  height: 32px;
}
.spr.spr-import_inproject__2x {
  background-position: -399px -293px;
  width: 64px;
  height: 64px;
}
.spr.spr-index_docs {
  background-position: -5px -367px;
  width: 32px;
  height: 32px;
}
.spr.spr-index_docs__2x {
  background-position: -47px -367px;
  width: 64px;
  height: 64px;
}
.spr.spr-notifications_toolbar {
  background-position: -121px -367px;
  width: 25px;
  height: 25px;
}
.spr.spr-notifications_toolbar__2x {
  background-position: -156px -367px;
  width: 50px;
  height: 50px;
}
.spr.spr-novel_docs {
  background-position: -216px -367px;
  width: 32px;
  height: 32px;
}
.spr.spr-novel_docs__2x {
  background-position: -258px -367px;
  width: 64px;
  height: 64px;
}
.spr.spr-progress_dashboard {
  background-position: -332px -367px;
  width: 25px;
  height: 25px;
}
.spr.spr-progress_dashboard__2x {
  background-position: -367px -367px;
  width: 50px;
  height: 50px;
}
.spr.spr-project_breadcrumb {
  background-position: -427px -367px;
  width: 25px;
  height: 25px;
}
.spr.spr-project_breadcrumb__2x {
  background-position: -427px -402px;
  width: 50px;
  height: 50px;
}
.spr.spr-project_create {
  background-position: -121px -402px;
  width: 25px;
  height: 25px;
}
.spr.spr-project_create__2x {
  background-position: -490px -5px;
  width: 50px;
  height: 50px;
}
.spr.spr-projects_studio {
  background-position: -40px -65px;
  width: 25px;
  height: 25px;
}
.spr.spr-projects_studio__2x {
  background-position: -484px -65px;
  width: 50px;
  height: 50px;
}
.spr.spr-schedule_docs {
  background-position: -135px -65px;
  width: 32px;
  height: 32px;
}
.spr.spr-schedule_docs__2x {
  background-position: -473px -198px;
  width: 64px;
  height: 64px;
}
.spr.spr-script_docs {
  background-position: -230px -65px;
  width: 32px;
  height: 32px;
}
.spr.spr-script_docs__2x {
  background-position: -473px -272px;
  width: 64px;
  height: 64px;
}
.spr.spr-search_toolbar {
  background-position: -491px -125px;
  width: 25px;
  height: 25px;
}
.spr.spr-search_toolbar__2x {
  background-position: -487px -346px;
  width: 50px;
  height: 50px;
}
.spr.spr-shots_docs {
  background-position: -487px -406px;
  width: 32px;
  height: 32px;
}
.spr.spr-shots_docs__2x {
  background-position: -5px -448px;
  width: 64px;
  height: 64px;
}
.spr.spr-sides_docs {
  background-position: -79px -448px;
  width: 32px;
  height: 32px;
}
.spr.spr-sides_docs__2x {
  background-position: -121px -448px;
  width: 64px;
  height: 64px;
}
.spr.spr-sketch_docs {
  background-position: -195px -448px;
  width: 32px;
  height: 32px;
}
.spr.spr-sketch_docs__2x {
  background-position: -237px -448px;
  width: 64px;
  height: 64px;
}
.spr.spr-storyboard_docs {
  background-position: -311px -448px;
  width: 32px;
  height: 32px;
}
.spr.spr-storyboard_docs__2x {
  background-position: -353px -448px;
  width: 64px;
  height: 64px;
}
.spr.spr-tasks_dashboard {
  background-position: -491px -160px;
  width: 25px;
  height: 25px;
}
.spr.spr-tasks_dashboard__2x {
  background-position: -487px -448px;
  width: 50px;
  height: 50px;
}
.spr.spr-team_dashboard {
  background-position: -332px -406px;
  width: 25px;
  height: 25px;
}
.spr.spr-team_dashboard__2x {
  background-position: -550px -5px;
  width: 50px;
  height: 50px;
}
.spr.spr-team_studio {
  background-position: -544px -65px;
  width: 25px;
  height: 25px;
}
.spr.spr-team_studio__2x {
  background-position: -544px -100px;
  width: 50px;
  height: 50px;
}
.spr.spr-trash_studio {
  background-position: -579px -65px;
  width: 25px;
  height: 25px;
}
.spr.spr-trash_studio__2x {
  background-position: -547px -160px;
  width: 50px;
  height: 50px;
}
.spr.spr-upload_docs {
  background-position: -547px -220px;
  width: 32px;
  height: 32px;
}
.spr.spr-upload_docs__2x {
  background-position: -427px -508px;
  width: 64px;
  height: 64px;
}
.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 {
  color: #54c3ee !important;
  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;
  *zoom: 1;
}
.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: #b94a48;
}
.filelistcompactchooser-error-msg {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 4px 8px;
  background: rgba(185, 74, 72, 0.8);
  color: white;
  text-align: center;
}
.lockedfilelistitem .cx-filelistitem-icon:after {
  font-family: FontAwesome !important;
  content: "\f023" !important;
}
.cx-filelistitem-body {
  display: flex;
  align-items: center;
  font-family: "lato", sans-serif;
}
.cx-filelistitem-body .cx-filelistitem-lastmod {
  width: 180px;
}
.cx-filelistitem-body[disabled] {
  opacity: 0.5;
}
.projectitem-main {
  margin-top: 14px;
}
.cx-filelistitem-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40%;
}
.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: #ffffff;
}
.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: 0;
  padding: 0;
  background: #f6f6f6;
  -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-filelistitem a {
  color: #464b4f !important;
}
.cx-filelistitem:nth-child(even) {
  background: #e3e6e7;
}
.cx-filelistitem:hover {
  background: rgba(245, 245, 245, 0.4);
  cursor: hand;
  cursor: pointer;
}
.cx-filelistitem:hover a {
  text-decoration: none;
  color: #464b4f;
}
.cx-filelistitem:last-child {
  margin-bottom: 20px;
}
.cx-filelistitem .cx-filelistitem-checkbox {
  padding: 15px 20px 15px 20px !important;
  align-self: stretch;
}
.cx-filelistitem.cx-filelistitem-activedroptarget {
  color: #468847;
  background: #dff0d8;
}
.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;
}
.cx-filelistitem-epdragger {
  width: 800px;
  max-width: 100%;
}
.cx-filelistitem-epdragger .cx-filelistitem {
  display: none;
}
.cx-filelistitem-ephiddendragger {
  visibility: hidden !important;
}
.cx-filelistitem-ephiddendragger .cx-filelistitem {
  display: none;
}
.grid-view .cx-filelistitem {
  width: 200px;
  overflow: hidden;
  height: 134px;
  margin: 8px 4px 0px 4px;
  -webkit-box-shadow: 0px 0px 4px #222222;
  -moz-box-shadow: 0px 0px 4px #222222;
  box-shadow: 0px 0px 4px #222222;
  float: left;
  padding: 0;
  cursor: pointer;
}
.grid-view .cx-filelistitem .cx-filelistitem-lastmod {
  display: none;
}
.cx-filelistitem-selected {
  background: rgba(222, 240, 249, 0.8) !important;
}
.cx-filelistitem-selected:hover {
  background: rgba(222, 240, 249, 0.8) !important;
}
.cx-filelistitem-dragging {
  -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: absolute;
  z-index: 3;
  font-weight: bold;
  text-align: center;
  color: #b94a48;
  background: #f2dede;
  border: 1px solid #999;
  padding: 5px;
  cursor: url(../img/closedhand.cur), move;
  min-width: 200px;
  opacity: 0.4;
  -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-filelistitem-dragging.valid-drop {
  opacity: 1;
  color: #468847;
  background: #dff0d8;
}
.cx-filelistitem-lastmod {
  white-space: nowrap;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0;
  color: #bebfbf;
  font-size: 11px;
}
@media (max-width: 1000px) {
  .cx-filelistitem-lastmod {
    display: none !important;
  }
}
@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;
}
.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: 10px 20px 10px 20px;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.05);
}
.cx-filelistitem-checkbox:hover {
  background: rgba(79, 192, 232, 0.2);
}
.cx-filelistitem:nth-child(even) .cx-filelistitem-checkbox {
  background: rgba(0, 0, 0, 0.02);
}
.cx-filelistitem:nth-child(even) .cx-filelistitem-checkbox:hover {
  background: rgba(79, 192, 232, 0.2);
}
.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: 60px;
  text-align: center;
  font-size: 20px;
  margin: 18px 0;
}
.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-filelistitem-icon-offline {
  position: relative;
}
.cx-filelistitem-icon-offline:after,
.cx-filelistitem-icon-offline:before {
  font-family: "celtxicons";
  content: "\e85e";
  position: absolute;
  top: -6px;
  right: 12px;
  font-size: 12px;
  width: 18px;
}
.cx-filelistitem-icon-offline:after {
  color: #ffffff;
}
.cx-filelistitem-icon-offline:before {
  -webkit-text-stroke: #40bdb4;
  -webkit-text-stroke-width: 6px;
}
.cx-filelistitem-offline {
  float: right;
  width: 80px;
  font-size: 12px;
}
.cx-filelistitem-offline-icon {
  float: right;
  padding: 0px 8px 0px 6px;
  border: 2px solid #40bdb4;
  border-radius: 8px;
  color: #40bdb4;
  white-space: nowrap;
  margin-right: 20px;
  line-height: 22px;
}
.cx-filelistitem-offline i {
  font-size: 15px;
  margin-right: 3px;
  line-height: 22px;
}
.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-indexcard_file {
  background: url(../img/icons/large/card_file.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-sides_file {
  background: url(../img/icons/large/sides_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-celtx_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: 0 -246px;
  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-sides_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -738px;
  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-indexcard_file {
  background: url(../img/icons/small/sprite.png) no-repeat;
  background-position: -82px -902px;
  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;
}
.cx-filelistitem-drag {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
.cx-filelistitem-drag:hover {
  cursor: url(../img/openhand.cur), move;
}
/* 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 #000000;
}
.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 #000000;
}
/* document title */
.cx-filelistitem-title {
  display: inline-block;
  float: left;
  font-size: 13px;
  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 {
  *zoom: 1;
  line-height: 30px;
  /* parent folder or project */
  /* project label */
  /* actionable buttons etc.  used for upgrade production */
}
.cx-filelistitem-description:before,
.cx-filelistitem-description:after {
  display: table;
  content: "";
}
.cx-filelistitem-description:after {
  clear: both;
}
.cx-filelistitem-description .cx-filelistitem-parent {
  display: inline-block;
  float: left;
  margin-left: 5px;
  font-weight: bold;
  color: #999999;
}
.cx-filelistitem-description .cx-filelistitem-project {
  display: inline-block;
  float: left;
  margin-left: 5px;
}
.cx-filelistitem-description .cx-filelistitem-action {
  display: inline-block;
  float: left;
  margin-left: 10px;
}
.grid-view .cx-filelistitem-description {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: auto;
  background: rgba(0, 0, 0, 0.6);
  padding: 5px 20px 4px 23px;
  *zoom: 1;
  /* document title */
  /* parent folder or project */
  /* project label */
  /* actionable buttons etc.  used for upgrade production */
}
.grid-view .cx-filelistitem-description:before,
.grid-view .cx-filelistitem-description:after {
  display: table;
  content: "";
}
.grid-view .cx-filelistitem-description:after {
  clear: both;
}
.grid-view .cx-filelistitem-description .cx-filelistitem-title {
  display: inline-block;
  float: left;
  font-size: 13px;
  text-shadow: 1px 1px 0 #222;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 157px;
}
.grid-view .cx-filelistitem-description .cx-filelistitem-title a {
  color: white;
}
.grid-view .cx-filelistitem-description .cx-filelistitem-parent {
  display: none;
}
.grid-view .cx-filelistitem-description .cx-filelistitem-project {
  display: none;
}
.grid-view .cx-filelistitem-description .cx-filelistitem-action {
  display: none;
}
.grid-view .cx-filelistitem-selected .cx-filelistitem-description {
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fc0e8', endColorstr='#4f9ae8', GradientType=0);
}
.filepicker-item {
  cursor: pointer;
}
.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-filecount {
  width: 100px;
}
.cx-filelistitem-expander .cx-filelistitem {
  -webkit-animation-duration: .4s;
  animation-duration: .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 .cx-filelistitem-filecount {
  width: initial;
}
.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;
}
.cx-filelistitem-share .loading-spinner-small {
  margin-left: auto;
}
.cx-filelistitem-filecount-number {
  letter-spacing: 0.06em;
  font-size: 12px;
  color: #BDBDBD;
  margin-right: 3px;
  font-family: "lato", sans-serif;
}
.cx-filelistitem-filecount-text {
  font-size: 12px;
  color: #BDBDBD;
  font-family: "lato", sans-serif;
}
#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;
}
.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: .2s;
  animation-duration: .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 #000000;
}
.cx-filetoolbar .btn[disabled] {
  background: rgba(230, 230, 230, 0.5);
  display: none;
}
.cx-filetoolbar .btn[disabled] i {
  opacity: 0.4;
}
.adaptto-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../img/icon-adaptto.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
.adaptto-icon:last-child {
  *margin-left: 0;
}
.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;
  *margin-right: .3em;
}
.sketch-icon:last-child {
  *margin-left: 0;
}
.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;
  *margin-right: .3em;
}
.duplicate-icon:last-child {
  *margin-left: 0;
}
.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%;
  *margin-right: .3em;
}
.pin-icon:last-child {
  *margin-left: 0;
}
@media (max-width: 700px) {
  .cx-filetoolbar {
    clear: both;
  }
  .cx-filetoolbar .btn {
    margin-top: 4px;
  }
}
#foldertoolbar-container {
  position: relative;
  height: 26px;
  float: left;
  z-index: 1000;
  margin: 11px 0 12px 0;
  text-align: left;
  line-height: 1.2;
  white-space: nowrap;
  overflow-x: hidden;
  flex-grow: 1;
}
.cx-foldertoolbar {
  margin-top: 5px;
  font-size: 13px;
  text-align: left;
  color: #222222;
  margin-left: 15px;
}
.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: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;
  }
  #foldertoolbar-container {
    display: none;
  }
  #main-nav {
    min-width: auto;
  }
  #navigation-fluid {
    display: block;
  }
}
#sortedfilelist-container {
  width: 915px;
}
.goog-menu.goog-menu-vertical .goog-menuitem.goog-menuitem-highlight {
  border-width: 1px 0!important;
}
.sorted-doc-list-toolbar .pull-right {
  display: none;
}
.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;
}
.file-accordion {
  background-color: #e1e6e4;
  border-top: 1px solid #999999;
}
.accordion-title,
.other-files-title {
  color: #222222;
  font-size: 10px;
  text-transform: uppercase;
  margin-left: 10px;
  width: 110px;
  white-space: nowrap;
}
.accordion-icon {
  margin-left: 20px;
}
.accordion-icon,
.accordion-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
  cursor: default;
}
.accordion-arrow {
  color: #9b9b9b;
  float: right;
}
.accordion-arrow:hover {
  cursor: pointer;
  color: #444;
}
#content {
  background-color: #222222;
  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-header .accordion-title {
  width: 715px;
}
.accordion-container header,
.episode-header,
.other-files-header,
.image-header {
  display: flex;
  background-color: #222222;
  border-top: 1px solid #b6b6b6;
  color: #222222;
}
.accordion-container header,
.episode-header,
.other-files-header {
  padding: 8px 0;
}
.accordion-transition header {
  transition: background-color 350ms ease-in-out;
}
.accordion-transition .expand {
  transition: transform 350ms ease-in-out;
}
.accordion-transition #contentContainer {
  transition: max-height 350ms ease-in-out;
}
.episode-header,
.other-files-header {
  height: 40px;
  line-height: 40px;
  text-transform: capitalize;
}
.episode-menu {
  margin-left: 10px;
  margin-right: 10px;
}
.episode-menu i {
  color: #f6f6f6;
}
.episode-menu a:hover {
  cursor: pointer;
}
.other-files-header .cx-createitem,
.prairie-nav-hidden-buttons .cx-createitem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 490px;
}
.other-files-header .cx-createitem .open .createmenu-container,
.prairie-nav-hidden-buttons .cx-createitem .open .createmenu-container {
  display: block;
}
.other-files-header .doc-header.standalone-doc-block,
.prairie-nav-hidden-buttons .doc-header.standalone-doc-block {
  border-top: 3px solid #cbcecf;
}
.other-files-header .createmenu-title,
.prairie-nav-hidden-buttons .createmenu-title {
  font-family: "lato", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 16px;
  padding: 16px 16px 0 16px;
  color: white;
}
.other-files-header .createmenu-title::after,
.prairie-nav-hidden-buttons .createmenu-title::after {
  content: "\e818";
  font-family: 'celtxicons';
  float: right;
  color: white;
  font-size: 10px;
  margin-top: -3px;
  cursor: pointer;
}
.other-files-header .createmenu-container,
.prairie-nav-hidden-buttons .createmenu-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.other-files-header .createmenu,
.prairie-nav-hidden-buttons .createmenu {
  background: #3b3d3e;
}
.other-files-header .createmenu li,
.prairie-nav-hidden-buttons .createmenu li {
  border-color: #4b4d4e;
}
.other-files-header .createmenu a,
.prairie-nav-hidden-buttons .createmenu a {
  color: white;
}
.other-files-header .createmenu a:hover,
.prairie-nav-hidden-buttons .createmenu a:hover {
  color: #40bdb4;
  background: inherit;
}
.other-files-header .createmenu-listheader,
.prairie-nav-hidden-buttons .createmenu-listheader {
  color: white;
}
.other-files-header .other-files-icon,
.prairie-nav-hidden-buttons .other-files-icon {
  margin-left: 20px;
}
.other-files-header .dropdown-menu,
.prairie-nav-hidden-buttons .dropdown-menu {
  position: fixed;
  top: calc(50% - 154px);
  left: calc(50% - 251px);
}
.other-files-header .createmenu-list .noability a,
.prairie-nav-hidden-buttons .createmenu-list .noability a {
  color: #999;
}
.other-files-header .createmenu-list .noability a:hover,
.prairie-nav-hidden-buttons .createmenu-list .noability a:hover {
  color: #777;
}
.other-files-header .createmenu-list .noability a:hover::after,
.prairie-nav-hidden-buttons .createmenu-list .noability a:hover::after {
  color: #f37649;
}
.other-files-header .createmenu-list .noability a::after,
.prairie-nav-hidden-buttons .createmenu-list .noability a::after {
  content: '\e850';
  font-family: 'celtxicons';
  background: none !important;
  margin-top: -6px;
}
.other-files-header .btn-addfile,
.prairie-nav-hidden-buttons .btn-addfile {
  background: #3d3c3f !important;
  color: #fff;
  width: 80px !important;
  border-radius: 8px !important;
  text-transform: lowercase;
}
.other-files-header .btn-addfile.disabled:hover,
.prairie-nav-hidden-buttons .btn-addfile.disabled:hover,
.other-files-header .btn-addfile.disabled:active,
.prairie-nav-hidden-buttons .btn-addfile.disabled:active {
  background: #3d3c3f !important;
}
.other-files-header .btn-addfile .cxi-add_plus,
.prairie-nav-hidden-buttons .btn-addfile .cxi-add_plus {
  font-size: 10px;
}
.other-files-header .btn-addfile:hover,
.prairie-nav-hidden-buttons .btn-addfile:hover {
  background: #878787 !important;
}
.other-files-header .btn-addfile:active,
.prairie-nav-hidden-buttons .btn-addfile:active {
  background: #28beb5 !important;
}
.other-files-header .createmenu-container {
  z-index: 1005;
}
.other-files-header .dropdown-menu {
  z-index: 1006;
}
.prairie-nav-hidden-buttons .createmenu-container {
  z-index: 1012;
}
.prairie-nav-hidden-buttons .dropdown-menu {
  z-index: 1013;
}
#other-files-content {
  padding: 0 20px 20px 20px;
}
#other-files-content .standalone-doc-block.doc-header {
  position: relative;
}
#other-files-content .doc-block-icon {
  text-align: center;
  padding: 0;
}
#other-files-content .doc-block-content {
  flex-grow: 1;
}
#other-files-content .accordion-top {
  border-bottom: 1px solid #b6b6b6;
  margin-bottom: 10px;
}
#other-files-content .accordion-container {
  max-width: 100%;
}
.accordion-container .expand,
.doc-header .expand {
  transform: rotate(-90deg);
  font-size: 10px;
  align-self: center;
  margin-right: 20px;
}
.doc-header .expand {
  transition: transform 350ms ease-in-out;
}
.accordion-container.open .expand,
.doc-header.open .expand {
  transform: rotate(90deg);
}
.doc-header .expand {
  display: inline-block;
  position: absolute;
  right: 10px;
}
.accordion-container #contentContainer {
  max-height: 0px;
  overflow: auto;
  line-height: 1.6;
}
.doc-block-sub-hover {
  background: #000;
  padding: 6px;
  display: none;
  position: absolute;
  width: 300px;
  height: 100px;
  border-radius: 4px;
  z-index: 2;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.28);
}
.doc-block-file-name-hover {
  background: #000;
  padding: 6px;
  display: none;
  position: absolute;
  margin-left: 20px;
  margin-top: -70px;
  border-radius: 4px;
  z-index: 2;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.28);
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -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-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.doc-hover-title {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 6px;
}
.doc-hover-body {
  display: block;
  font-size: 12px;
  padding: 6px;
}
.doc-hover-right-container {
  padding: 6px;
  display: inline-block;
  vertical-align: top;
  margin-top: 40px;
}
.doc-hover-left-container {
  width: 66%;
  display: inline-block;
}
.episode-menu {
  text-transform: initial;
}
.doc-block {
  position: relative;
  width: 100%;
}
.doc-block[disabled] {
  opacity: 0.5;
}
.doc-block-offline-icon {
  padding: 0px 8px 0px 6px;
  border: 2px solid #40bdb4;
  border-radius: 8px;
  color: #40bdb4;
  font-size: 12px;
  white-space: nowrap;
}
.doc-block-offline-icon i {
  font-size: 15px;
  margin-right: 3px;
  line-height: 22px;
}
.doc-block-menu i {
  color: #646464;
}
.doc-block-menu a:hover {
  cursor: pointer;
}
.doc-block-menu .dropdown-menu {
  background-color: #1B1C1A;
  padding: 0;
}
.doc-block-menu .dropdown-menu li {
  font-family: 'Lato', sans-serif;
}
.doc-block-menu .dropdown-menu li:not(:last-of-type) {
  border-bottom: solid 1px #2C2D2B;
}
.doc-block-menu .dropdown-menu li a {
  color: #D6D6D6;
  padding: 13px;
}
.doc-block-menu .dropdown-menu li:hover,
.doc-block-menu .dropdown-menu li a:hover {
  background-color: #2B2B2A;
  cursor: pointer;
  border-radius: 5px;
}
.doc-block-menu .dropdown-menu.dropdown-menu-above {
  bottom: 100%;
  top: initial;
}
.doc-block-readonly,
.doc-block-locked {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  color: #646464;
  display: inline-block;
  vertical-align: top;
}
.doc-block-lastmod .lastmod-avatar {
  height: 20px;
  width: 20px;
  margin: 5px 5px 0px 0px;
  background-size: cover !important;
  border-radius: 50%;
  display: inline-block;
}
.integrated-doc-block .doc-block {
  width: 200px;
  height: 200px;
  background: #f6f6f6;
  display: inline-block;
  margin: 5px;
}
.integrated-doc-block .doc-block .doc-block-body {
  display: flex;
  align-items: normal;
  flex-direction: column;
  padding: 15px;
}
.integrated-doc-block .doc-block .doc-block-body .doc-block-menu {
  height: 20px;
}
.integrated-doc-block .doc-block .doc-block-heading {
  padding-left: 12px;
}
.integrated-doc-block .doc-block:hover {
  cursor: hand;
  cursor: pointer;
}
.integrated-doc-block .doc-block:hover a {
  text-decoration: none;
}
.integrated-doc-block .doc-block .doc-block-icon {
  width: auto;
  text-align: left;
  font-size: 16px;
  margin: 20px 0 15px -4px;
}
.integrated-doc-block .doc-block .doc-block-readonly {
  line-height: 25px;
  margin-left: 3px;
}
.integrated-doc-block .doc-block .doc-block-lastmod {
  color: #bebfbf;
  font-size: 12px;
  margin-top: 20px;
  margin-left: 9px;
}
.integrated-doc-block .doc-block .doc-block-offline {
  margin-left: auto;
  position: absolute;
  top: 20px;
  right: 15px;
}
.integrated-doc-block .doc-block-title {
  display: inline-block;
  float: left;
  font-size: 13px;
  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;
  color: #646464;
}
.integrated-doc-block .doc-block-title a {
  color: #646464 !important;
}
.integrated-doc-block .doc-block-title .doc-block-anchor-button {
  font-size: 18px;
}
.integrated-doc-block .doc-block-body {
  display: flex;
  align-items: center;
}
.integrated-doc-block .doc-block-body .doc-block-lastmod {
  width: 100%;
}
.integrated-doc-block .doc-block-body .doc-block-lastmod .doc-block-name-date {
  display: inline;
  font-size: 11px;
  line-height: 13px;
  margin-left: 3px;
}
.integrated-doc-block .doc-block-body .doc-block-lastmod .lastmod-name {
  display: block;
  max-width: 115px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.standalone-doc-block {
  background-color: #ECECEC;
  height: 54px;
  display: flex;
  justify-content: space-between;
}
.standalone-doc-block:hover {
  cursor: pointer;
}
.standalone-doc-block .doc-block-heading {
  position: relative;
  flex-direction: row !important;
  box-sizing: border-box;
  width: 330px;
}
.standalone-doc-block .doc-block-description {
  margin-top: 18px;
  display: inline-block;
  max-width: 210px;
}
.standalone-doc-block .doc-block-title a,
.standalone-doc-block .doc-block-icon {
  color: #646464;
}
.standalone-doc-block .doc-block-title {
  text-transform: uppercase;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.standalone-doc-block:hover .doc-block-body .doc-block-menu-icon {
  visibility: visible !important;
}
.standalone-doc-block.doc-header {
  margin-bottom: 0px;
  background-color: #F9F8F6;
  width: 100%;
}
.standalone-doc-block.doc-header .doc-block-body .doc-block-menu-icon {
  display: block;
  visibility: hidden;
}
.standalone-doc-block .doc-block-body {
  display: flex;
  height: 100%;
  width: 100%;
}
.standalone-doc-block .doc-block-body > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.standalone-doc-block .doc-block-body .doc-block-icon {
  flex-direction: row;
  line-height: 54px;
  margin-right: 8px;
}
.standalone-doc-block .doc-block-body .doc-block-readonly,
.standalone-doc-block .doc-block-body .doc-block-locked {
  float: right;
  margin-left: 10px;
  margin-right: 15px;
}
.standalone-doc-block .doc-block-body .doc-block-readonly {
  line-height: 54px;
}
.standalone-doc-block .doc-block-body .doc-block-locked {
  line-height: 45px;
}
.standalone-doc-block .doc-block-body .doc-block-menu {
  padding: 0 15px;
  width: 18px;
  background-color: #262929;
  margin-right: 20px;
}
.standalone-doc-block .doc-block-body .doc-block-menu i {
  color: #D2CFCB;
}
.standalone-doc-block .doc-block-body .doc-block-menu:before,
.standalone-doc-block .doc-block-body .doc-block-menu:after {
  width: 18px;
}
.standalone-doc-block .doc-block-body .doc-block-offline-icon {
  margin-right: 20px;
}
.standalone-doc-block .doc-block-body .doc-block-lastmod {
  flex-direction: row !important;
  font-size: 10px;
  margin-top: 18px;
  height: 18px;
}
.standalone-doc-block .doc-block-body .doc-block-lastmod * {
  display: inline-block;
  padding: 0 5px 0 0;
}
.standalone-doc-block .doc-block-body .doc-block-lastmod * .lastmod-name {
  margin-right: 10px;
}
.standalone-doc-block .doc-block-body .doc-block-lastmod .lastmod-avatar {
  display: none;
}
.doc-container {
  display: inline-block;
}
#other-files-content .doc-container {
  display: block;
}
.doc-container .doc-folder-expand .doc-header {
  border-top: none;
}
.doc-folder-expand {
  background-color: #ECECEC;
  min-height: 54px;
  position: relative;
}
.doc-folder-expand .standalone-doc-block {
  position: relative;
}
.doc-folder-expand .doc-container {
  width: 100%;
}
.doc-folder-expand .doc-header {
  width: 100%;
}
.cx-doclist-dragging {
  z-index: 3;
}
.image-header .image-library {
  height: 45px;
  line-height: 45px;
  width: 100%;
  background: initial;
}
.image-header .image-library.locked {
  background-color: #c3c3c3;
  opacity: 0.5;
}
.image-header .image-library .doc-block-icon {
  margin: 0 10px 0 20px;
  line-height: 45px;
  color: #222222;
}
.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 #47b5a7;
  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;
}
@media (max-width: 1045px) {
  #sortedfilelist-container {
    width: 100%;
  }
  .other-files-header .cx-createitem {
    margin-right: 75px;
    margin-left: auto;
  }
}
#file-upload-container {
  display: inline-block;
  vertical-align: top;
  margin: 4px 0px 15px 4px;
  position: relative;
  display: none;
}
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 #aaaaaa;
  -moz-box-shadow: 0 0 20px #aaaaaa;
  box-shadow: 0 0 20px #aaaaaa;
}
.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: #0088cc !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;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.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-createitem {
  margin: 0 10px;
}
.cx-createitem button.dropdown-toggle {
  width: 75px;
}
.createmenu {
  min-width: 501px;
  padding: 0;
  text-align: left;
}
.createmenu-list-item {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.createmenu-list-item a {
  padding: 10px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.createmenu-list-item a:hover {
  color: #0088cc;
  background: #fafafa;
}
.createmenu-list-item i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  margin-right: 4px;
}
.createmenu-list-item:last-child {
  border-bottom: none;
}
.createmenu-list-item.noability a {
  color: #555;
  opacity: 0.8;
}
.createmenu-list-item.noability a:hover {
  color: #666;
}
.createmenu-list-item.noability a::after {
  content: ' ';
  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;
  position: absolute;
  right: 10px;
  top: 17px;
}
.createmenu-list-container {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
}
.createmenu-list-container-general {
  background: #f2f2f2;
  min-height: 400px;
  float: right;
}
.createmenu-list-container-general .createmenu-list li {
  border-bottom: 1px solid #ddd;
}
.createmenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 221px;
}
.createmenu-list li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.createmenu-list li a {
  padding: 10px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.createmenu-list li a:hover {
  color: #0088cc;
  background: #fafafa;
}
.createmenu-list li i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  margin-right: 4px;
}
.createmenu-list li:last-child {
  border-bottom: none;
}
.createmenu-list li.noability a {
  color: #555;
  opacity: 0.8;
}
.createmenu-list li.noability a:hover {
  color: #666;
}
.createmenu-list li.noability a::after {
  content: ' ';
  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;
  position: absolute;
  right: 10px;
  top: 17px;
}
.createmenu-listheader {
  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 15px;
}
.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: #ffffff;
  border-radius: 16px;
  -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: #5ab690;
}
.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;
}
.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: 0.0s;
  -moz-animation-delay: 0.0s;
  animation-delay: 0.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: #ffffff 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;
  *zoom: 1;
  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: #222222;
  display: inline-block;
  vertical-align: middle;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-sharelistitem-user-email {
  color: #999999;
  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;
}
#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 #000000;
}
#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,
.navbar-container .nav-stacked > li {
  margin: 3px 0px;
}
#navbar-container .sidebar-update-badge,
.navbar-container .sidebar-update-badge {
  float: right;
  padding: 1px 4px 2px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  -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: #eeeeee;
}
.cx-checkbox-undetermined {
  background: #ffffff 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 {
  *zoom: 1;
  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 {
  *zoom: 1;
  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 {
  *zoom: 1;
}
.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: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#def0f9', endColorstr='#d1ebf7', GradientType=0);
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#def0f9', endColorstr='#d1ebf7', GradientType=0);
  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 #ffffff;
  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 {
  margin: 0;
}
.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: #222222;
}
.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: #0088cc;
  color: white !important;
}
.cx-notifier {
  position: absolute;
  right: -315px;
  width: 310px;
  height: 100px;
  z-index: 7000;
  bottom: 45px;
  background-color: white;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  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;
}
.cx-notifier.show {
  right: 30px;
}
.wizard {
  width: 800px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.wizard .next-msg {
  position: absolute;
  bottom: 100px;
  right: 60px;
}
.bigger-modal .wizard {
  width: 960px;
}
#wizardmodal-content {
  padding-top: 50px;
  max-height: 435px;
  min-height: 345px;
  overflow-y: auto;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
.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 .modal-prevnext {
  bottom: 40px;
  left: 60px;
  right: 60px;
  width: auto;
}
.startwizard #wizardmodal-content {
  min-height: 560px;
  text-align: center;
}
.startwizard .profilemanager {
  float: none;
  margin: 0 auto;
  max-width: 700px;
  display: block;
  width: 100%;
}
.startwizard .required-ast {
  padding-right: 10px;
}
.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: #0088cc;
}
.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 #555555;
  -moz-box-shadow: 0 0 0 2px #555555;
  box-shadow: 0 0 0 2px #555555;
}
.wizard-button-container {
  margin-top: 20px;
  margin-bottom: 40px;
  width: 282px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  *zoom: 1;
}
.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: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fc0e8', endColorstr='#4f9ae8', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.wizard-button-container button[name='submit'] {
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ecc71', endColorstr='#2ecc99', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 80px !important;
  padding-left: 7px;
}
.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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.wizardheading {
  font-size: 20px;
  margin-bottom: 30px;
  margin-top: 40px;
  font-weight: 300;
  border-bottom: 1px solid #ccc;
  color: #555;
  line-height: 1;
  padding-bottom: 10px;
}
@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: #40beb5;
}
.lightbox .btn-primary:hover {
  background-color: #40bdb4;
}
.lightbox .btn-link {
  color: #40beb5;
}
.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: #999999;
  margin: 10px 0 20px 0;
}
.lightbox-header-user {
  color: #999999;
  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: #40beb5 !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;
  }
}
.clientview-container .btn-plain {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 12px;
  width: 50px;
}
.clientview-sidebar-mid {
  padding: 10px 4px 5px 4px;
  margin: 8px 5px 8px 5px;
  border-radius: 3px;
  max-height: 270px;
  overflow-y: auto;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #bababa;
}
.clientview-sidebar-form {
  border-radius: 8px;
  height: 125px;
  text-transform: uppercase;
  padding: 15px 5px 5px 5px;
}
.clientview-sidebar-form textarea {
  margin-top: 12px;
  border-radius: 3px;
}
.clientview-sidebar-form textarea.comment {
  float: right;
  width: 100%;
  box-sizing: border-box;
}
.clientview-sidebar-form .client-message {
  text-transform: uppercase;
  float: left;
  line-height: 50px;
  margin-left: 30px;
}
.approvalview-form {
  margin-top: 20px;
}
.btn-send {
  width: 140px;
  margin-right: 20px;
  display: block;
  margin-left: auto;
}
.btn-reply {
  width: 62px;
  margin-right: 20px;
  display: block;
  margin-left: auto;
}
.comment-holder {
  overflow-x: hidden;
  overflow-y: auto;
}
.clientview-container-topbar {
  top: 0px;
  left: 0px;
  background-color: #e6e6e6;
  height: 50px;
}
.client-topbar-left {
  float: left;
  height: 100%;
  line-height: 55px;
  font-size: 11px;
  padding-left: 20px;
}
.client-topbar-right {
  border-left: 1px solid #C0C0C0;
  float: right;
  height: 100%;
  text-align: left;
  line-height: 50px;
  padding-right: 40px;
  vertical-align: middle;
  position: relative;
}
.client-topbar-right .read-only {
  background-image: url(../img/eyegray.png);
  height: 16px;
  width: 18px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 30px;
  margin-right: 58px;
}
.client-topbar-right .client-circle-container {
  margin-right: 35px;
  display: inline-block;
}
.client-topbar-right .client-circle {
  display: inline-block;
  margin-right: 5px;
  background-color: purple;
  color: white;
  height: 28px;
  width: 29px;
  font-size: 0.8em;
  border-radius: 50%;
  vertical-align: middle;
}
.client-topbar-right .client-circle .initials {
  line-height: 27px;
  text-align: center;
  letter-spacing: 1.2px;
}
.client-topbar-right .btn-approved {
  background-color: #3fe18b;
}
.client-topbar-right .btn-approved:hover {
  background-color: #3fe18b !important;
}
.client-topbar-right .btn-approve {
  border-radius: 8px;
  text-transform: uppercase;
  display: inline-block;
  padding: 8px 0px;
  width: 105px;
  text-align: left;
  padding-left: 30px;
}
.client-topbar-right .btn-approve i {
  margin-right: 10px;
  font-size: 15px;
  margin-top: -2px;
  vertical-align: middle;
}
.approvalview-dialog .modal-dialog-content {
  padding: 0px !important;
}
.approvalview-dialog .modal-dialog-title {
  display: none;
}
.approvalview-dialog .modal-dialog-content {
  padding: 0px !important;
}
.approvalview-dialog .modal-dialog-buttons {
  margin-top: 20px;
}
.approvalview-dialog .modal-dialog-buttons button[name="cancel"] {
  display: none;
}
.approvalview-dialog .modal-dialog-buttons button[name="ok"] {
  background-color: #92e82d;
}
.approvalview-dialog .modal-dialog-buttons button[name="ok"]:hover {
  background-color: #57a32d;
}
.approvalview-dialog .client-title {
  background-color: #cccccc;
  color: #424445;
  text-transform: uppercase;
  padding: 20px 30px;
}
.approvalview-dialog .client-message {
  padding: 25px 20px 0px 10px;
  line-height: 20px;
  text-transform: none;
}
.approvalview-dialog-withcancel .modal-dialog-content {
  padding: 0px !important;
}
.approvalview-dialog-withcancel .modal-dialog-title {
  display: none;
}
.approvalview-dialog-withcancel .modal-dialog-content {
  padding: 0px !important;
}
.approvalview-dialog-withcancel .modal-dialog-buttons {
  margin-top: 20px;
}
.approvalview-dialog-withcancel .modal-dialog-buttons button[name="cancel"] {
  display: none;
}
.approvalview-dialog-withcancel .modal-dialog-buttons button[name="ok"] {
  background-color: #92e82d;
}
.approvalview-dialog-withcancel .modal-dialog-buttons button[name="ok"]:hover {
  background-color: #57a32d;
}
.approvalview-dialog-withcancel .client-title {
  background-color: #cccccc;
  color: #424445;
  text-transform: uppercase;
  padding: 20px 30px;
}
.approvalview-dialog-withcancel .client-message {
  padding: 25px 20px 0px 10px;
  line-height: 20px;
  text-transform: none;
}
.approvalview-dialog-withcancel .modal-dialog-buttons {
  margin-top: 20px;
}
.approvalview-dialog-withcancel .modal-dialog-buttons button[name="cancel"] {
  display: block;
}
.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: .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: .2;
}
/* The following styles are only relevant to when background image is enabled */
/* Translucent background image */
.cropit-image-background {
  opacity: .1;
}
/* Style the background image differently when preview area is hovered */
.cropit-image-background.cropit-preview-hovered {
  opacity: .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;
}
.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 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 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 .smp-btn,
.plan-page-root-container .smp-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;
}
.update-payment-info-overlay-mount .smp-btn.teal,
.plan-page-root-container .smp-btn.teal {
  color: white;
  background-color: #199f8f;
}
.update-payment-info-overlay-mount .smp-btn.teal:hover,
.plan-page-root-container .smp-btn.teal:hover {
  background-color: #127166;
}
.update-payment-info-overlay-mount .smp-btn.white,
.plan-page-root-container .smp-btn.white {
  color: #199f8f;
  background-color: white;
}
.update-payment-info-overlay-mount .smp-btn.white:hover,
.plan-page-root-container .smp-btn.white:hover {
  color: white;
  background-color: #127166;
}
.update-payment-info-overlay-mount .smp-btn.light-grey,
.plan-page-root-container .smp-btn.light-grey {
  color: rgba(90, 90, 90, 0.87);
  background-color: rgba(90, 90, 90, 0.3);
}
.update-payment-info-overlay-mount .smp-btn.light-grey:hover,
.plan-page-root-container .smp-btn.light-grey:hover {
  color: rgba(255, 255, 255, 0.87);
  background-color: rgba(90, 90, 90, 0.87);
}
.update-payment-info-overlay-mount .smp-btn.dark-grey,
.plan-page-root-container .smp-btn.dark-grey {
  color: rgba(255, 255, 255, 0.87);
  background: rgba(90, 90, 90, 0.87);
}
.update-payment-info-overlay-mount .smp-btn.violet,
.plan-page-root-container .smp-btn.violet {
  color: rgba(255, 255, 255, 0.87);
  background-color: #7264dd;
}
.update-payment-info-overlay-mount .smp-btn.violet:hover,
.plan-page-root-container .smp-btn.violet:hover {
  background-color: #5349a1;
}
.update-payment-info-overlay-mount .smp-btn.added,
.plan-page-root-container .smp-btn.added {
  position: relative;
}
.update-payment-info-overlay-mount .smp-btn.added .text,
.plan-page-root-container .smp-btn.added .text,
.update-payment-info-overlay-mount .smp-btn.added .hover-text,
.plan-page-root-container .smp-btn.added .hover-text {
  position: absolute;
}
.update-payment-info-overlay-mount .smp-btn.added .text,
.plan-page-root-container .smp-btn.added .text {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
.update-payment-info-overlay-mount .smp-btn.added .hover-text,
.plan-page-root-container .smp-btn.added .hover-text {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.update-payment-info-overlay-mount .smp-btn.added:hover,
.plan-page-root-container .smp-btn.added:hover {
  color: white;
  background: #ff2b33;
}
.update-payment-info-overlay-mount .smp-btn.added:hover .text,
.plan-page-root-container .smp-btn.added:hover .text {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
.update-payment-info-overlay-mount .smp-btn.added:hover .hover-text,
.plan-page-root-container .smp-btn.added:hover .hover-text {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
.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 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 {
  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 {
  font-size: 30px;
  padding: 45px 0px;
  text-align: center;
  margin-bottom: 45px;
  color: rgba(255, 255, 255, 0.87);
  background-color: #7264dd;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle {
  margin-bottom: 45px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > span.bct-label,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > span.bct-label {
  font-size: 12px;
  color: #199f8f;
  font-weight: bold;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > div.bct-switch,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > div.bct-switch {
  width: 48px;
  height: 18px;
  border: 2px solid #199f8f;
  background-color: #199f8f;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > div.bct-switch span.bct-slider,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > div.bct-switch span.bct-slider {
  top: 1px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: white;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > div.bct-switch input:checked + .bct-slider,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.billing-cycle-toggle > div.bct-switch input:checked + .bct-slider {
  transform: translateX(28px);
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers {
  row-gap: 35px;
  column-gap: 25px;
  padding: 0px 25px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower {
  height: 765px;
  line-height: normal;
  border-radius: 15px;
  justify-self: center;
  letter-spacing: .06em;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-header,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-header {
  font-size: 15px;
  margin-bottom: 50px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.plan-name,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.plan-name {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: normal;
  color: #292d30;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.plan-desc,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.plan-desc {
  font-size: 11px;
  color: #707070;
  margin-bottom: 40px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.pricing-label-root-container.cx-shop-plan-tower > div.pl-amount .price-tag,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.pricing-label-root-container.cx-shop-plan-tower > div.pl-amount .price-tag {
  color: #292d30;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.select-btn,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.select-btn {
  width: 192px;
  height: 46px;
  margin: 0 auto;
  font-size: 16px;
  margin-bottom: 35px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features {
  font-weight: bold;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features > div.header,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features > div.header {
  font-size: 11px;
  color: #2fb5b4;
  font-style: italic;
  margin-bottom: 0px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features > div.highlights > div.feature,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features > div.highlights > div.feature {
  font-size: 11px;
  color: #3f6171;
  padding: 2px 0px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features > div.show-all-features-btn,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower > div.tower-features > div.show-all-features-btn {
  font-size: 11px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower.bp-writing > div.plan-desc,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower.bp-writing > div.plan-desc {
  padding: 0px 30px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower.bp-video > div.plan-desc,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower.bp-video > div.plan-desc {
  padding: 0px 30px;
}
.update-payment-info-overlay-mount div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower.bp-game > div.plan-desc,
.plan-page-root-container div.funnel-plans-section-root > div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower.bp-game > div.plan-desc {
  padding: 0px 30px;
}
.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 {
  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 .focused-plan-root,
.plan-page-root-container .focused-plan-root {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.update-payment-info-overlay-mount .focused-plan-root > div:not(.section-break),
.plan-page-root-container .focused-plan-root > div:not(.section-break) {
  width: 100%;
  box-sizing: border-box;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container {
  border-radius: 25px;
  padding-bottom: 55px;
  background-color: white;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.header,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.header {
  font-size: 30px;
  padding: 45px 30px;
  text-align: center;
  margin-bottom: 45px;
  color: rgba(255, 255, 255, 0.87);
  background-color: #7264dd;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content {
  display: flex;
  padding: 0px 60px;
  margin-bottom: 20px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content > div.focused-plan-upgrade-root,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content > div.focused-plan-upgrade-root {
  margin-top: 65px;
  margin-right: 60px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content > div.right-section > div:not(:last-child),
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content > div.right-section > div:not(:last-child) {
  margin-bottom: 65px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root {
  display: flex;
  padding-top: 60px;
  border-radius: 4px;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  align-items: center;
  padding-bottom: 80px;
  box-sizing: border-box;
  background-size: 300px;
  flex-direction: column;
  justify-content: flex-start;
  background-position: bottom;
  background-repeat: no-repeat;
  border: 1px solid rgba(90, 90, 90, 0.3);
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-graphic,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-graphic {
  min-width: 80px;
  min-height: 80px;
  margin-bottom: 8px;
  background-position: center;
  background-repeat: no-repeat;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-name,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-name {
  font-size: 23px;
  color: #199f8f;
  text-align: center;
  margin-bottom: 5px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-desc,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-desc {
  font-size: 12px;
  color: #707070;
  padding: 0px 35px;
  text-align: center;
  margin-bottom: 12px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan {
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount {
  margin-bottom: 0px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount .price-tag,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount .price-tag {
  color: #7264dd;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount .price-tag sup.currency-symbol,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount .price-tag sup.currency-symbol,
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount .price-tag sup.fractional-units,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-amount .price-tag sup.fractional-units {
  top: 20px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-cycle-line,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.pricing-label-root-container.plan-page-focused-plan > div.pl-cycle-line {
  font-size: 12px;
  color: #707070;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan {
  margin-bottom: 35px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > span.bct-label,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > span.bct-label {
  font-size: 10px;
  color: #199f8f;
  font-weight: bold;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > div.bct-switch,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > div.bct-switch {
  width: 48px;
  height: 18px;
  border: 2px solid #199f8f;
  background-color: #199f8f;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > div.bct-switch span.bct-slider,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > div.bct-switch span.bct-slider {
  top: 1px;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: white;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > div.bct-switch input:checked + .bct-slider,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.billing-cycle-toggle.plan-page-focused-plan > div.bct-switch input:checked + .bct-slider {
  transform: translateX(28px);
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-addons,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-addons {
  margin-bottom: 45px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-addons > div.addon-container-root:not(:last-child),
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.plan-addons > div.addon-container-root:not(:last-child) {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan {
  width: 100%;
  border: none;
  border-radius: 0px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.title,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 25px;
  border-bottom: none;
  text-transform: none;
  letter-spacing: 0.2px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content {
  padding: 0px;
  color: #292d30;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan,
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle,
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due {
  margin-bottom: 25px;
  padding: 0px 20px 10px 20px;
  border-bottom: 2px solid #707070;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item > div.content,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item > div.content,
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle,
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due {
  align-items: flex-end;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.content > div.plan-info > span.plan-name,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.content > div.plan-info > span.plan-name,
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle > div.bc-title > div.bc-label,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle > div.bc-title > div.bc-label,
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due > div.td-title,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due > div.td-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  letter-spacing: 0.2px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.title,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.title {
  display: none;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.content > div.plan-info > span.plan-name,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.content > div.plan-info > span.plan-name {
  color: #945ca3;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.content > div.plan-info > br,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.line-item.base-plan > div.content > div.plan-info > br {
  display: block;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle > div.bc-value,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.billing-cycle > div.bc-value {
  font-size: 13px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due > div.td-value,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.cx-price-summary.plan-page-focused-plan > div.content > div.total-due > div.td-value {
  font-size: 17px;
  line-height: 19px;
  font-weight: bold;
  color: #945ca3;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.upgrade-btn,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root > div.upgrade-btn {
  width: 202px;
  font-size: 12px;
  padding: 12px 0px;
  letter-spacing: 4px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.writing,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.writing {
  background-image: url("../img/studiomanagement/plan/funnelPlans/towerBg2.png");
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.writing > div.plan-graphic,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.writing > div.plan-graphic {
  background-size: 60px;
  background-image: url("../img/studiomanagement/plan/funnelPlans/Scriptwriting.png");
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.writing > div.plan-desc,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.writing > div.plan-desc {
  padding: 0px 35px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video {
  background-image: url("../img/studiomanagement/plan/funnelPlans/towerBg1.png");
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video > div.plan-graphic,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video > div.plan-graphic {
  background-size: 70px;
  background-image: url("../img/studiomanagement/plan/funnelPlans/Video.png");
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video > div.plan-desc,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video > div.plan-desc {
  padding: 0px 60px;
}
@media only screen and (max-width: 1400px) {
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root {
    border: none;
    padding-top: 0px;
    min-height: 775px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.withPaymentEmbed,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.withPaymentEmbed {
    min-height: 1000px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video.withPaymentEmbed,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-upgrade-root.video.withPaymentEmbed {
    min-height: 1160px;
  }
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table {
  margin: 0 auto;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th {
  padding: 12px 0px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.features-title,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.features-title {
  font-size: 18px;
  color: #199f8f;
  text-align: left;
  width: 170px;
  min-width: 170px;
  max-width: 170px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-name,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-name {
  color: white;
  font-size: 18px;
  padding: 20px 0px;
  font-weight: normal;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-name.free,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-name.free {
  border-top-left-radius: 5px;
  background-color: #707070;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-name.paid,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-name.paid {
  border-top-right-radius: 5px;
  background-color: #199f8f;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  width: 185px;
  min-width: 185px;
  max-width: 185px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc > div,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc > div {
  margin: 0 auto;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc.free div,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc.free div {
  max-width: 140px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc.paid div,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th.plan-desc.paid div {
  max-width: 150px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th:not(:last-child),
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table thead th:not(:last-child) {
  border-right: 1px solid rgba(90, 90, 90, 0.3);
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td {
  color: #707070;
  padding: 10px 0px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td:not(:last-child),
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td:not(:last-child) {
  border-right: 1px solid rgba(90, 90, 90, 0.3);
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td.feat,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td.feat {
  text-align: center;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td.feat.paid,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td.feat.paid {
  font-weight: bold;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td > div.check-mark,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td > div.check-mark {
  margin: 0 auto;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td > div.check-mark.true,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > 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.png");
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td > div.check-mark.false::after,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody td > div.check-mark.false::after {
  content: "—";
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody tr.feature-section-header,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody tr.feature-section-header {
  background-color: rgba(25, 159, 143, 0.1);
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody tr.feature-section-header td,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody tr.feature-section-header td {
  color: #199f8f;
  font-weight: bold;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody tr.feature-row.project_limit td.feat.paid,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table > tbody tr.feature-row.project_limit td.feat.paid {
  font-weight: normal;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table tr,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root > table tr {
  border-bottom: 1px solid rgba(90, 90, 90, 0.3);
}
@media only screen and (max-width: 1400px) {
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content .focused-plan-features-root {
    width: 100%;
    overflow: auto;
  }
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan {
  display: flex;
  flex-direction: column;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-card-logos,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-card-logos {
  max-width: 400px;
  margin-bottom: 76px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-processing-info-root,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-processing-info-root {
  width: 400px;
  margin-top: -51px;
  margin-bottom: 25px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-btn-root,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-btn-root {
  width: 400px;
  font-size: 16px;
  font-weight: 500;
  padding: 23px 0px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .pbs,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .pbs {
  width: 400px;
  display: flex;
  margin-bottom: 30px;
  justify-content: center;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .pbs .powered-by-stripe-logo,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .pbs .powered-by-stripe-logo {
  max-width: 100px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer {
  font-size: 11px;
  text-align: left;
  color: #707070;
  padding-top: 10px;
  line-height: 15px;
  padding-right: 85px;
  padding-bottom: 20px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer > a,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer > a {
  color: #707070;
  text-decoration: underline;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root {
  align-self: flex-start;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root > .national-flag,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root > .national-flag {
  max-width: 24px;
  margin-right: 8px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root > .disclaimer-text,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root > .disclaimer-text {
  font-size: 11px;
  color: #707070;
  font-weight: normal;
  font-family: "lato", sans-serif;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root > .disclaimer-text::after,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root > .disclaimer-text::after {
  content: ".";
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan {
  max-width: 400px;
  margin-bottom: 25px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .digital-wallet-container > .title,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .digital-wallet-container > .title {
  font-size: 20px;
  color: #199f8f;
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title {
  display: flex;
  font-size: 16px;
  color: #7264dd;
  margin-bottom: 30px;
  align-items: center;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title:after,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title:after {
  content: "";
  flex-grow: 1;
  margin: 0px;
  margin-top: 3px;
  margin-left: 5px;
  border-bottom: 1px solid #7264dd;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title.primary,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title.primary {
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title.primary:after,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .title.primary:after {
  display: none;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .credit-card-form-root,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .credit-card-form-root {
  width: 400px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root {
  width: 400px;
  box-sizing: border-box;
  border: 1px solid #199f8f;
  background-color: rgba(25, 159, 143, 0.1);
  padding: 20px 23px 18px 23px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .title,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .title {
  color: #199f8f;
  font-size: 12px;
  font-weight: bold;
  margin-left: 49px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list {
  max-height: 110px;
  margin-bottom: 20px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-track,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-track {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 4px;
  background-color: #ffffff;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-thumb,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-thumb {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 4px;
  background-color: #199f8f;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn {
  width: 22px;
  height: 22px;
  margin-left: 0px;
  margin-right: 25px;
  border: 1px solid #199f8f;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn .selected.active,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn .selected.active {
  background: #7264dd;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info {
  width: 201px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .details,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .details {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #292d30;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo {
  width: 60px;
  height: 32px;
  background-size: 37px;
  background-position: 12px 5px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.visa,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.visa {
  background-size: 46px;
  background-position: 7px 9px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.amex,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.amex {
  background-size: 48px;
  background-position: 6px 10px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.unionpay,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.unionpay {
  background-size: 35px;
  background-position: 13px 5px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.discover,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.discover {
  background-size: 46px;
  background-position: 8px 13px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.diners,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.diners {
  background-size: 48px;
  background-position: 7px 10px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.mastercard,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.mastercard {
  background-size: 34px;
  background-position: 14px 5px;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .add-new-pm-btn,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .add-new-pm-btn {
  color: white;
  font-size: 13px;
  font-weight: 600;
  margin-left: 49px;
  background-color: #199f8f;
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content > .payment-card-logos,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content > .payment-card-logos {
  max-width: 400px;
  margin-bottom: 76px;
}
@media only screen and (max-width: 1400px) {
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan {
    align-items: center;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.currency-disclaimer-root {
    align-self: center;
  }
}
@media only screen and (max-width: 600px) {
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-card-logos,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-card-logos,
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-processing-info-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-processing-info-root,
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-btn-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .payment-btn-root,
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .pbs,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > .pbs,
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer {
    width: calc(100vw - 75px);
    min-width: calc(100vw - 75px);
    max-width: calc(100vw - 75px);
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.purchase-disclaimer {
    padding-left: 0px;
    padding-right: 0px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan {
    width: calc(100vw - 75px);
    min-width: calc(100vw - 75px);
    max-width: calc(100vw - 75px);
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .credit-card-form-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .credit-card-form-root {
    width: 100%;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root {
    border: none;
    padding: 20px;
    border-radius: 0px;
    transform: translate(-25px, 0px);
    max-width: calc(100vw - 25px);
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .title,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .title {
    margin-left: 0px;
    margin-bottom: 15px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list {
    max-height: 90px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .form-radio-btn,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .form-radio-btn {
    width: 20px;
    height: 20px;
    margin-left: 0px;
    margin-right: 10px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info {
    padding: 4px 0px;
    width: calc(100% - 60px);
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .details,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo {
    margin-right: 0px;
    background-size: 36px;
    background-position: 12px 5px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.visa,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.visa {
    background-size: 40px;
    background-position: 9px 10px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.amex,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.amex {
    background-size: 44px;
    background-position: 8px 11px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.unionpay,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.unionpay {
    background-size: 36px;
    background-position: 12px 5px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.discover,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.discover {
    background-size: 43px;
    background-position: 9px 14px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.diners,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.diners {
    background-size: 44px;
    background-position: 9px 11px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.mastercard,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .card-list > .card-container > .info > .logo.mastercard {
    background-size: 36px;
    background-position: 12px 5px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .add-new-pm-btn,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root > .add-new-pm-btn {
    font-size: 14px;
    margin-left: 32px;
    padding: 10px 0px;
    width: calc(100% - 60px);
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root.overflow > .add-new-pm-btn,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content div.payment-section.plan-page-focused-plan > div.payment-form-root.plan-page-focused-plan > .card-form-root > .existing-cards-form-root.overflow > .add-new-pm-btn {
    width: calc(100% - 68px);
  }
}
.update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.view-more-plans-btn,
.plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.view-more-plans-btn {
  cursor: pointer;
  font-size: 12px;
  -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;
  margin-left: 156px;
  color: #292d30;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root {
  padding: 55px 45px;
  border-radius: 25px;
  background-color: #199f8f;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.header,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.header {
  color: white;
  font-size: 26px;
  text-align: center;
  margin-bottom: 40px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container {
  display: flex;
  justify-content: center;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container:not(:last-child),
.plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container:not(:last-child) {
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container > div:not(:last-child),
.plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container > div:not(:last-child) {
  margin-right: 30px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.promo-card-root,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.promo-card-root,
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.annual-plan-promo,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.annual-plan-promo {
  width: 420px;
  min-width: 420px;
  max-width: 420px;
  box-sizing: border-box;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root.video > div.content div.pcs-container.promo-group div.promo-card-root.createMoreProjects,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root.video > div.content div.pcs-container.promo-group div.promo-card-root.createMoreProjects {
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root {
  padding: 40px;
  border-radius: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #292d30;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root > div.header,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root > div.header {
  color: white;
  font-size: 24px;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root {
  display: flex;
  align-items: center;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root:not(:last-child),
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root:not(:last-child) {
  margin-bottom: 20px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.check-mark,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.check-mark {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/studiomanagement/plan/funnelPlans/purpleTick.png");
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.content,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.content {
  color: white;
  font-size: 12px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.content > div.title,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.content > div.title {
  font-weight: bold;
  margin-bottom: 2px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.content > div.tagline,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root > div.content > div.feature-root > div.content > div.tagline {
  line-height: 20px;
  color: rgba(255, 255, 255, 0.87);
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.takeControlProduction,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.takeControlProduction,
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools,
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools,
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative {
  min-height: 500px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools {
  background-image: url("../img/studiomanagement/plan/funnelPlans/PromoCardBg1.png");
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools > div.header,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools > div.header {
  max-width: 250px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.takeControlProduction > div.header,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.takeControlProduction > div.header {
  max-width: 250px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools {
  background-image: url("../img/studiomanagement/plan/funnelPlans/PromoCardBg1.png");
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools > div.header,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools > div.header {
  max-width: 240px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative {
  background-image: url("../img/studiomanagement/plan/funnelPlans/PromoCardBg2.png");
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative > div.header,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative > div.header {
  max-width: 200px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.createMoreProjects > div.header,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.createMoreProjects > div.header {
  max-width: 200px;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .annual-plan-promo,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .annual-plan-promo {
  display: flex;
  color: white;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .annual-plan-promo > div.savings-icon,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .annual-plan-promo > div.savings-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 15px;
  background-size: 45px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: left calc(50% + 2px) top 50%;
  background-image: url("../img/studiomanagement/plan/funnelPlans/savings.png");
}
.update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .annual-plan-promo > div.tagline,
.plan-page-root-container .focused-plan-root .focused-plan-promo-root .annual-plan-promo > div.tagline {
  font-size: 26px;
  max-width: 348px;
  text-align: center;
}
@media only screen and (max-width: 1400px) {
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container {
    align-items: center;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container:not(:last-child),
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container:not(:last-child) {
    margin-bottom: 40px;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container > div:not(:last-child),
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container > div:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 40px;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root {
    background-position: center;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.accessProVideoTools {
    background-image: url("../img/studiomanagement/plan/funnelPlans/PromoCardBgMobile.png");
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.essentialWritingTools {
    background-image: url("../img/studiomanagement/plan/funnelPlans/PromoCardBgMobile.png");
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root.stayConnectedCreative {
    background-image: none;
  }
}
@media only screen and (max-width: 550px) {
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root {
    padding: 55px 0px;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.header,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.header {
    margin: 0 auto;
    margin-bottom: 55px;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.promo-card-root,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.promo-card-root,
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.annual-plan-promo,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root > div.content > div.pcs-container div.annual-plan-promo {
    width: auto;
    min-width: auto;
    max-width: none;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .promo-card-root,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root .promo-card-root {
    border-radius: 0px;
  }
  .update-payment-info-overlay-mount .focused-plan-root .focused-plan-promo-root .annual-plan-promo > div.tagline,
  .plan-page-root-container .focused-plan-root .focused-plan-promo-root .annual-plan-promo > div.tagline {
    padding: 0px 30px;
  }
}
@media only screen and (max-width: 1400px) {
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content {
    padding: 0px 25px;
    margin-bottom: 35px;
    align-items: center;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content > div.focused-plan-upgrade-root,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content > div.focused-plan-upgrade-root {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.view-more-plans-btn,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.view-more-plans-btn {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 850px) {
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.header > div,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.header > div {
    margin: 0 auto;
    max-width: 335px;
  }
  .update-payment-info-overlay-mount .focused-plan-root > div.plan-upgrade-container > div.content > div.right-section,
  .plan-page-root-container .focused-plan-root > div.plan-upgrade-container > div.content > div.right-section {
    width: 100%;
  }
}
@media only screen and (max-width: 1304px) {
  .update-payment-info-overlay-mount div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower:nth-child(3),
  .plan-page-root-container div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower:nth-child(3) {
    grid-column: 1 / -1;
  }
}
@media only screen and (max-width: 1235px) {
  .update-payment-info-overlay-mount div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower:nth-child(3),
  .plan-page-root-container div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower:nth-child(3) {
    grid-column: auto;
  }
}
@media only screen and (max-width: 1184px) {
  .update-payment-info-overlay-mount div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower:nth-child(3),
  .plan-page-root-container div.plan-page-plan-towers-root > div.cx-plan-towers-root.SMPlanPage-FunnelPlansSection-PlanTowers > div.cx-plan-tower:nth-child(3) {
    grid-column: 1 / -1;
  }
}
@media only screen and (max-width: 850px) {
  .update-payment-info-overlay-mount div.plan-page-plan-towers-root > div.header > div,
  .plan-page-root-container div.plan-page-plan-towers-root > div.header > div {
    margin: 0 auto;
    max-width: 335px;
  }
}
.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: #199f8f;
  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);
}
.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: #7264dd;
  border-bottom-left-radius: 25px;
}
.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;
  align-items: center;
  justify-content: center;
  background-color: #199f8f;
  border-bottom-right-radius: 25px;
}
.update-payment-info-overlay-mount .user-plan-info-section-root > div.bottom-panel > div.plan-name > div.plan-info-btn,
.plan-page-root-container .user-plan-info-section-root > div.bottom-panel > div.plan-name > div.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 .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 {
  width: 750px;
  display: flex;
  font-size: 12px;
  padding: 50px 40px;
  position: relative;
  border-radius: 25px;
  height: max-content;
  flex-direction: column;
  background-color: white;
  max-width: calc(100vw - 140px);
}
.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: 20px;
  color: #199f8f;
  font-weight: bold;
  margin-right: 30px;
  margin-bottom: 15px;
}
.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.plan-features,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-features {
  color: #707070;
}
.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: 25px;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc > div.project-limit-line,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-desc > div.project-limit-line {
  margin-top: 15px;
  font-weight: bold;
}
.update-payment-info-overlay-mount .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-features,
.plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-features {
  row-gap: 8px;
  display: grid;
  grid-template-columns: repeat(3, 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: 15px;
}
.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;
}
@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 > div.plan-features,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-features {
    text-align: left;
  }
}
@media only screen and (max-width: 550px) {
  .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);
  }
  .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 > div.plan-features,
  .plan-page-root-container .plan-page-overlay.plan-info > .plan-info-container-root > div.plan-features {
    overflow: auto;
    max-height: calc(100vh - 125px);
    grid-template-columns: repeat(1, auto);
  }
}
.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-header,
.plan-page-root-container div.plan-upgrades-section > div.pus-header {
  display: flex;
  line-height: 34px;
  text-align: center;
  align-items: center;
  margin-bottom: 45px;
  flex-direction: column;
}
.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 {
  color: #f6f6f6;
  font-size: 38px;
  margin-top: -15px;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-header > div.desc,
.plan-page-root-container div.plan-upgrades-section > div.pus-header > div.desc {
  font-size: 12px;
  color: #f6f6f6;
  line-height: normal;
}
.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 > div.pus-content > div.plan-upgrade-promo-root,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root {
  display: flex;
  border-radius: 25px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container {
  display: flex;
  padding: 0px 50px;
  align-items: center;
  justify-content: center;
  background-color: #199f8f;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container > div,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container > div {
  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-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container > div > img,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container > div > img {
  max-height: 64px;
  align-self: center;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container.writing > div > img,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container.writing > div > img,
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container.game > div > img,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container.game > div > img {
  transform: translate(4px, 1px);
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content {
  flex-grow: 1;
  padding: 50px 70px;
  background-size: cover;
  background-repeat: no-repeat;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background-position: center right;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game {
  background-image: url('../img/studiomanagement/plan/gvrvideobg.png');
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game > div.upgrade-title,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game > div.upgrade-title {
  max-width: 600px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game > div.upgrade-features,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game > div.upgrade-features {
  max-width: 490px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video {
  background-image: url('../img/studiomanagement/plan/videogvrbg.png');
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video > div.upgrade-title,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video > div.upgrade-title {
  max-width: 600px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video > div.upgrade-features,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video > div.upgrade-features {
  max-width: 510px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing {
  background-image: url('../img/studiomanagement/plan/writingvideobg.png');
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing > div.upgrade-title,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing > div.upgrade-title {
  max-width: 600px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing > div.upgrade-features,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing > div.upgrade-features {
  max-width: 500px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-title,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-title {
  color: white;
  font-size: 24px;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-features,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-features {
  color: #C7C7C7;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-features > span,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-features > span {
  font-size: 10px;
  margin: 0px 2px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-price,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-price {
  color: white;
  margin-bottom: 25px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-price > span,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-price > span {
  color: #199f8f;
  margin-right: 2px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-btn,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-btn {
  height: 52px;
  width: 210px;
  font-size: 12px;
  font-weight: 600;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-btn > div.cx-ui-loading.cta-btn-loading,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-btn > div.cx-ui-loading.cta-btn-loading {
  width: 28px;
  height: 28px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-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.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div:not(:last-child),
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div:not(:last-child) {
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root.episodic_upgrade > div.addon-graphic > img,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root.episodic_upgrade > div.addon-graphic > img {
  max-height: 44px;
  transform: translate(2px, 0px);
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root.project_cap_upgrade > div.addon-desc,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root.project_cap_upgrade > div.addon-desc {
  max-width: 330px;
  white-space: pre-line;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-graphic,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-graphic {
  width: 85px;
  height: 85px;
  display: flex;
  border-radius: 50%;
  margin-bottom: 10px;
  align-items: center;
  justify-content: center;
  background-color: #7264dd;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-graphic > img,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-graphic > img {
  max-height: 52px;
  transform: translate(0px, 2px);
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-title,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-title {
  font-size: 22px;
  color: #199f8f;
  text-align: center;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-desc,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-desc {
  font-size: 12px;
  max-width: 280px;
  color: #A3A3A3;
  text-align: center;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-price,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-price {
  font-size: 12px;
  color: #7264dd;
  margin-bottom: 18px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-upgrade-btn,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-upgrade-btn {
  height: 45px;
}
.update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-upgrade-btn > div.cx-ui-loading.cta-btn-loading,
.plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-upgrade-btn > div.cx-ui-loading.cta-btn-loading {
  width: 25px;
  height: 25px;
}
@media only screen and (max-width: 1100px) {
  .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 {
    line-height: 45px;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-header > div.desc,
  .plan-page-root-container div.plan-upgrades-section > div.pus-header > div.desc {
    max-width: 400px;
  }
  .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;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root {
    flex-direction: column;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-graphic-container {
    padding: 35px 35px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0px;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content {
    padding: 30px;
    background-color: #090b0d;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 25px;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game {
    background-size: 900px;
    background-position: right -15px top 50%;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video {
    background-size: 900px;
    background-position: right -15px top 50%;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing {
    background-size: 900px;
    background-position: right -15px top 50%;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .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.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.game {
    background-size: cover;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.video {
    background-size: cover;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content.writing {
    background-size: cover;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-title,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-title,
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-features,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-features,
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-price,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-price {
    text-align: center;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-btn,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-upgrade-promo-root > div.plan-upgrade-content > div.upgrade-btn {
    margin: 0 auto;
  }
  .update-payment-info-overlay-mount div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-desc,
  .plan-page-root-container div.plan-upgrades-section > div.pus-content > div.plan-addons-panel > div.plan-addon-promo-root > div.addon-desc {
    padding: 0px 20px;
  }
}
.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: #7264dd;
  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;
  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 {
  width: 80%;
  display: flex;
  line-height: 22px;
  margin-left: 22px;
  margin-right: 20px;
  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 {
  font-weight: 600;
  margin-bottom: 5px;
}
.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: 500px;
}
.update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.price,
.plan-page-root-container div.add-collaborators-section > div.acs-header > div.price {
  width: 162px;
  height: 76px;
  display: flex;
  font-size: 17px;
  padding: 0px 17px;
  line-height: 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
@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;
    text-align: center;
  }
  .update-payment-info-overlay-mount div.add-collaborators-section > div.acs-header > div.price,
  .plan-page-root-container div.add-collaborators-section > div.acs-header > div.price {
    width: 100%;
    height: auto;
    margin-top: 15px;
    border-left: none;
    line-height: normal;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.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-header,
.plan-page-root-container div.billing-control-section > div.bcs-header {
  display: flex;
  margin-top: -8px;
  text-align: center;
  align-items: center;
  margin-bottom: 30px;
  flex-direction: column;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-header > div.title,
.plan-page-root-container div.billing-control-section > div.bcs-header > div.title {
  font-size: 38px;
  color: #f6f6f6;
  margin-top: -15px;
  margin-bottom: 5px;
}
.update-payment-info-overlay-mount div.billing-control-section > div.bcs-header > div.desc,
.plan-page-root-container div.billing-control-section > div.bcs-header > div.desc {
  font-size: 12px;
  color: #f6f6f6;
}
.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: #199f8f;
  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;
}
.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;
}
.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: #7264dd;
  letter-spacing: -0.5px;
}
.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.change-plan-btn,
.plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.change-plan-btn {
  align-self: flex-end;
}
.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: #7264dd;
}
.update-payment-info-overlay-mount div.billing-control-section.simple > div.bcs-content > div.header > div.btn-tray > div.cx-cta-btn,
.plan-page-root-container div.billing-control-section.simple > div.bcs-content > div.header > div.btn-tray > div.cx-cta-btn {
  color: #7264dd;
}
.update-payment-info-overlay-mount div.billing-control-section.simple > div.bcs-content > div.header > div.btn-tray > div.cx-cta-btn:hover,
.plan-page-root-container div.billing-control-section.simple > div.bcs-content > div.header > div.btn-tray > div.cx-cta-btn:hover {
  color: rgba(255, 255, 255, 0.87);
  background-color: #5349a1;
}
.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.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: #7264dd;
  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: #199f8f;
  text-decoration: underline;
}
@media only screen and (max-width: 1100px) {
  .update-payment-info-overlay-mount div.billing-control-section > div.bcs-header > div.desc,
  .plan-page-root-container div.billing-control-section > div.bcs-header > div.desc {
    max-width: 400px;
  }
  .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.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-btn,
  .plan-page-root-container div.billing-control-section > div.bcs-content > div.content > div.change-plan > div.change-plan-btn {
    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 > div.bcs-header > div.title,
  .plan-page-root-container div.billing-control-section > div.bcs-header > div.title {
    font-size: 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.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;
  }
}
@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 .plan-page-overlay.change-plan > .change-plan-container,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container {
  width: 900px;
  position: relative;
  max-width: calc(100vw - 20px);
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.header,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.header {
  display: flex;
  padding: 34px;
  color: white;
  align-items: center;
  background: #199f8f;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.header > img.graphic,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.header > img.graphic {
  max-width: 94px;
  max-height: 94px;
  margin-right: 22px;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.header > div.title,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.header > div.title {
  font-size: 17px;
  font-weight: 600;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content {
  display: flex;
  overflow: auto;
  background: white;
  flex-direction: column;
  padding: 26px 42px 20px 42px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  max-height: calc(100vh - 212px);
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container {
  display: flex;
  font-size: 12px;
  padding: 26px 0px;
  align-items: center;
  color: rgba(90, 90, 90, 0.87);
  min-height: max-content;
  justify-content: space-between;
  border-bottom: 1px solid #c0c0c0;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.cancel,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.cancel {
  border-bottom: none;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting {
  padding-top: 0px;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting > div.downgrade-btn,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting > div.downgrade-btn {
  align-self: flex-end;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content {
  display: flex;
  margin-right: 15px;
  flex-direction: column;
  justify-content: space-between;
  max-width: calc(100% - 207px);
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content > div.title,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content > div.title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 5px;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content > div.desc,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content > div.desc {
  width: auto;
  margin-top: 17px;
  max-width: 545px;
  line-height: 22px;
}
.update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.overlay-close-btn,
.plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.overlay-close-btn {
  filter: none;
  background-size: 25px;
  background-image: url('../img/studiomanagement/plan/Cancel (Light Grey).png');
}
@media only screen and (max-width: 600px), (max-height: 400px) {
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.header,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.header {
    padding: 20px;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.header > img.graphic,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.header > img.graphic {
    max-width: 78px;
    max-height: 78px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content {
    padding: 20px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container {
    text-align: center;
    flex-direction: column;
    padding: 20px 0px !important;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting {
    padding-top: 0px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.content {
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.downgrade-btn,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container > div.downgrade-btn,
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting > div.downgrade-btn,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content > div.plan-downgrade-container.videoToWriting > div.downgrade-btn {
    align-self: center;
  }
}
@media only screen and (max-height: 810px) {
  .update-payment-info-overlay-mount .plan-page-overlay.change-plan > .change-plan-container > div.content,
  .plan-page-root-container .plan-page-overlay.change-plan > .change-plan-container > div.content {
    margin-bottom: 65px;
    max-height: calc(100vh - 280px);
  }
}
.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: #199f8f;
}
.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;
}
.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: #2fa8a8;
  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 #2fa8a8;
}
.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: #2fa8a8;
  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: #2fa8a8;
}
.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 #2fa8a8;
}
.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: #7264dd;
}
.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;
}
@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: 68px;
    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.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;
  }
}
@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 .invoiced-plans-promo-section,
.plan-page-root-container .invoiced-plans-promo-section {
  width: 100%;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .header,
.plan-page-root-container .invoiced-plans-promo-section > .header {
  font-size: 17px;
  color: #f6f6f6;
  font-weight: bold;
  margin-top: -10px;
  text-align: center;
  margin-bottom: 40px;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content,
.plan-page-root-container .invoiced-plans-promo-section > .content {
  display: flex;
  justify-content: space-between;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan:not(:last-child),
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan:not(:last-child) {
  margin-right: 40px;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan {
  width: 50%;
  display: flex;
  padding-top: 25px;
  text-align: center;
  background: white;
  border-radius: 25px;
  flex-direction: column;
  justify-content: space-between;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .graphic,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .graphic {
  max-width: 160px;
  margin: 25px auto;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .title,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .title {
  font-size: 17px;
  font-weight: bold;
  color: #7264dd;
  margin-bottom: 25px;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .summary,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .summary {
  font-size: 12px;
  color: #707070;
  line-height: 22px;
  padding: 0px 30px;
  min-height: 155px;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .summary .learn-more-link,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .summary .learn-more-link {
  color: inherit;
  margin-right: 4px;
  text-decoration: underline;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .contact,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .contact {
  height: 42px;
  display: flex;
  padding: 5px 0px;
  align-items: center;
  justify-content: center;
  background: #292d30;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .contact > .contacts-sales-link,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .contact > .contacts-sales-link {
  display: flex;
  color: white;
  font-size: 12px;
  align-items: center;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .contact > .contacts-sales-link > .contacts-sales-icon,
.plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .contact > .contacts-sales-link > .contacts-sales-icon {
  max-height: 17px;
  margin-left: 4px;
}
@media only screen and (max-width: 1100px) {
  .update-payment-info-overlay-mount .invoiced-plans-promo-section > .header,
  .plan-page-root-container .invoiced-plans-promo-section > .header {
    margin-bottom: 20px;
  }
  .update-payment-info-overlay-mount .invoiced-plans-promo-section > .content,
  .plan-page-root-container .invoiced-plans-promo-section > .content {
    align-items: center;
    flex-direction: column;
  }
  .update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan:not(:last-child),
  .plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan:not(:last-child) {
    margin-right: 0px;
    margin-bottom: 25px;
  }
  .update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan,
  .plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan {
    width: 100%;
  }
  .update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group,
  .plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group {
    padding-bottom: 20px;
  }
  .update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .summary,
  .plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .summary {
    min-height: auto;
  }
}
@media only screen and (max-width: 550px) {
  .update-payment-info-overlay-mount .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .title,
  .plan-page-root-container .invoiced-plans-promo-section > .content > .invoiced-plan > .content-group > .title {
    padding: 0px 12px;
  }
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root {
  width: 800px;
  position: relative;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 30px);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header {
  padding: 35px;
  color: rgba(255, 255, 255, 0.87);
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background-color: #945ca3;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header > div.title,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header > div.title {
  font-size: 22px;
  margin-bottom: 15px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header > div.content,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header > div.content {
  font-size: 14px;
  max-width: 650px;
  line-height: 22px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header > div.content > span,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header > div.content > span {
  font-weight: bold;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content {
  padding: 35px;
  overflow: auto;
  background-color: white;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  max-height: calc(100vh - 280px);
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.optional-line,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.optional-line {
  font-size: 12px;
  margin-bottom: 15px;
  color: #292d30;
  text-transform: uppercase;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.title,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.title {
  font-size: 20px;
  color: #199f8f;
  font-weight: bold;
  margin-bottom: 5px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.desc,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.desc {
  font-size: 14px;
  max-width: 600px;
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.desc > span,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.desc > span {
  font-weight: bold;
  color: #7264dd;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.collaborators-content,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.collaborators-content {
  margin-bottom: 30px;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.start-creating-btn,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.start-creating-btn {
  margin-left: auto;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content.withTeam > div.start-creating-btn,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content.withTeam > div.start-creating-btn {
  margin: 0 auto;
}
.update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.overlay-close-btn,
.plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.overlay-close-btn {
  background-size: 25px;
  filter: brightness(1);
  background-image: url('../img/studiomanagement/plan/Cancel (Light Grey).png');
}
@media only screen and (max-width: 650px) {
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header,
  .plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.header,
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content,
  .plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content {
    padding: 25px;
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content,
  .plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content {
    max-height: calc(100vh - 265px);
  }
  .update-payment-info-overlay-mount div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.start-creating-btn,
  .plan-page-root-container div.plan-page-overlay.payment-successful > div.payment-successful-root > div.content > div.start-creating-btn {
    margin: 0 auto;
  }
}
.newToolbar {
  background-color: #363836;
}
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: 10200;
  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 {
  width: 300px;
  display: flex;
  flex-direction: row-reverse;
  margin-right: 15px;
  margin-left: auto;
  cursor: pointer;
}
.sorting-tags {
  display: flex;
  overflow: scroll;
  margin-left: 3px;
}
.sorting-tags::-webkit-scrollbar {
  display: none;
}
.schedule-sort-tag {
  display: flex;
  border-color: #4e4e4e;
  font-size: 13px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  color: white;
  line-height: 18px;
  background-color: #0088cc;
  align-self: center;
  padding: 0px 5px;
  height: 25px;
  cursor: pointer;
  margin-left: 5px;
  white-space: nowrap;
}
.schedule-sort-tag div::after {
  padding-left: 7px;
  padding-right: 15px;
}
.schedule-sort-tag .sorted-down::after {
  content: '\2193';
}
.schedule-sort-tag .sorted-up::after {
  content: '\2191';
}
.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:hover {
  background-color: #2d2e2c;
}
.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 */
}
.toolbarReadOnly {
  opacity: 0.5;
  pointer-events: none;
}
.cx-projectpalette-container {
  position: absolute;
  z-index: 10200;
  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 {
  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;
}
.gvr-comments-portal .cx-comment-add-btn-container,
.gvr-comments-portal .cx-comment-filter-container {
  width: auto !important;
}
.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 .cards-container {
  padding: 0px 0px 0px 0px;
}
.cx-projectpalette .cards-container:first-child {
  padding-top: 20px;
}
.cx-projectpalette .notetab-container,
.cx-projectpalette .media-container,
.cx-projectpalette .cards-container {
  overflow: hidden;
}
.cx-projectpalette .cards-container,
.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 .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-projectpalette .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-projectpalette .cx-comments-autocomplete-menu-item .avatar-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  width: 30px;
  height: 40px;
}
.cx-projectpalette .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-projectpalette .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;
}
.cx-projectpalette .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-projectpalette .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-projectpalette .cx-comment-filter-container .cx-comment-filter .cx-comment-filter-label {
  margin-right: 14px;
}
.cx-projectpalette .cx-comment-filter-container .cx-comment-filter i {
  font-size: 6px;
}
.cx-projectpalette .cx-comments-add-btn,
.cx-projectpalette .cx-comments-save-btn,
.cx-projectpalette .cx-comments-cancel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
}
.cx-projectpalette .comment-text-area span:first-child:empty:before {
  content: "\feff";
  /* ZERO WIDTH NO-BREAK SPACE */
}
.cx-projectpalette .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;
}
.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 .unlinked-cards-container {
  overflow: hidden;
  overflow-x: hidden !important;
}
.cx-projectpalette .unlinked-cards-container .index-card {
  max-width: 100%;
  margin-bottom: 2px !important;
  box-sizing: border-box;
}
.cx-projectpalette .unlinked-cards-container .index-card .card-heading span,
.cx-projectpalette .unlinked-cards-container .index-card .card-heading input {
  width: 140px;
}
.cx-card-filter-menu {
  position: absolute;
  top: 131px;
  left: 22px;
  height: fit-content;
  width: 164px;
  border-radius: 5px;
  background-color: #181919;
  z-index: 1;
  text-align: left;
}
.cx-card-filter-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  color: #CBCAC9;
}
.cx-card-filter-option.selected {
  background-color: #262626;
  color: #2fb5b4;
}
.cx-card-filter-option:hover {
  background-color: #333333;
}
.cx-card-filter-option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cx-card-filter-option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cx-card-filter-option span {
  padding: 10px;
}
.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-card-filter-container {
  margin: 2px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: #2f2f2f;
  color: white;
  height: 40px;
  position: sticky;
}
.cx-card-filter-container .cx-card-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-card-filter-container .cx-card-filter .cx-comment-filter-label {
  margin-right: 14px;
}
.cx-card-filter-container .cx-card-filter i {
  font-size: 6px;
}
.cx-projectpalette-title-addbutton-container {
  *zoom: 1;
  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: #5ab690;
}
.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;
  color: white;
}
.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 {
  /*background-color:@paid-plan-level2;*/
  width: 16px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  height: 16px;
  line-height: 16px;
}
.cx-projectpalette-locked-item i,
.cx-projectpalette-notification-item i {
  color: #ffffff;
  line-height: 16px;
  margin-left: 1px;
}
.cx-projectpalette-locked-item {
  top: 10px;
  right: 10px;
}
.cx-projectpalette-notification-item {
  background-color: #40bdb4;
  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;
  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: #222222;
}
#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 {
  padding: 10px 0 10px 50px;
}
.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;
}
.cx-nav-home-labelscontainer-item-link.active {
  color: #4fc0e8;
}
.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: 10500;
  position: absolute;
  top: 50%;
  margin-top: -160px;
  left: 50%;
  margin-left: -280px;
  cursor: hand;
  cursor: pointer;
  -webkit-box-shadow: 0 0 6px #000000;
  -moz-box-shadow: 0 0 6px #000000;
  box-shadow: 0 0 6px #000000;
  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: 10501;
  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: #999999;
  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;
}
.invitelist {
  margin: 0;
}
.invitelist-item {
  list-style: none;
  border-bottom: 1px solid #eee;
  margin-bottom: 36px;
  font-size: 16px;
  font-weight: normal;
}
.invitelist-item:last-child {
  border-bottom: none;
}
.invitelist-item i {
  font-size: 36px;
  margin: 36px 0px 20px 0px;
}
.invitelist-item p {
  font-size: 16px;
  font-weight: normal;
}
.invitelist-item .invitelist-item-text {
  margin-bottom: 36px;
}
.invitelist-item .btn {
  height: 35px;
  min-width: 80px;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  text-shadow: none;
  line-height: 35px;
  color: white !important;
  padding: 0px 10px;
}
.invitelist-item .invitelist-accept {
  background-color: #40bdb4;
}
.invitelist-item .invitelist-decline {
  background-color: #676868;
  margin-right: 5px;
}
.invitelist-item .invitelist-decline:hover {
  background-color: #5a5b5b;
}
.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';
}
.teamspace-container #prairie-nav-container {
  position: unset;
  top: unset;
  bottom: unset;
  z-index: unset;
}
.teamspace-container #prairie-nav-container .prairie-nav {
  z-index: unset;
  position: unset;
}
.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.50;
}
.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;
}
.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: #181919;
  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 .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.50;
}
.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.50;
}
.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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.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:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.secondary {
  background-color: #945ca3;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.secondary:active {
  background-color: #a245ba !important;
}
.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.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.create-pill:hover:before {
  opacity: 1;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-sidebar .teamspace-sidebar-footer .teamspace-sidebar-footer-buttons button.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.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;
  height: 40px;
}
.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: #222222;
}
.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: #222222;
}
.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: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: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.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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.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.cancel:active {
  background-color: transparent !important;
}
.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 .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;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
  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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
  margin-right: 15px;
}
.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:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.secondary {
  background-color: #945ca3;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.secondary:active {
  background-color: #a245ba !important;
}
.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.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.create-pill:hover:before {
  opacity: 1;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.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;
  height: 40px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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: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:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.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.cancel:active {
  background-color: transparent !important;
}
.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:active {
  background-color: #a245ba !important;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-share:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-search {
  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;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-search i.cxi-search {
  margin: 0px;
  font-size: 12px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-header .teamspace-header-right .teamspace-header-search input {
  border: none;
  margin: 0px;
  padding: 0px;
  margin-left: 3px;
}
.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;
  cursor: pointer;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container.disabled {
  cursor: default;
  pointer-events: none;
}
.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: 60%;
  width: 60%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-date {
  flex: 1.0;
  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.4;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .react-dropdown-menu {
  border-radius: 5px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .react-dropdown-menu.expanded {
  width: max-content;
  min-width: 120px;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .react-dropdown-menu li {
  background-color: #181919;
  font-size: 13px;
  font-family: "lato";
  padding: 15px 20px;
  white-space: nowrap;
}
.teamspace-container .teamspace-inner-container .teamspace-content .teamspace .teamspace-member-container .teamspace-member-menu .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 .react-dropdown-menu li:hover {
  background-color: #181919;
  filter: brightness(175%);
}
.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;
}
.social-sharing-dialog .modal-dialog-title {
  font-size: 12px!important;
}
.social-sharing-dialog .modal-dialog-content {
  text-align: center;
}
.social-sharing-dialog textarea {
  width: 368px;
  height: 60px;
}
.social-sharing-dialog .twitter-button {
  float: right;
  margin-right: 10px;
}
.social-sharing-dialog .facebook-button {
  float: right;
  margin-right: 10px;
  background: #3a5795;
}
.social-sharing-dialog .facebook-button:hover {
  background: #3a5795;
}
.social-sharing-dialog .social-message-feedback {
  width: 200px;
  float: left;
  text-align: left;
  padding-left: 10px;
  font-size: 11px;
}
.social-sharing-dialog .social-message-username {
  text-align: left;
  padding-left: 10px;
  font-size: 11px;
  color: gray;
  padding-bottom: 3px;
}
.social-sharing-dialog .twitter-button:before {
  font-family: FontAwesome;
  content: "\f099";
}
.social-sharing-dialog .facebook-button:before {
  font-family: FontAwesome;
  content: "\f230";
}
.social-sharing-dialog .social-sharing-dialog-image-container {
  width: 375px;
  height: 300px;
  border: 1px solid #CECCCC;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 10px;
  display: inline-block;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .social-sharing-dialog .social-sharing-dialog-image-container {
    width: 100%;
    overflow: auto;
  }
}
.social-sharing-dialog .modal-dialog-buttons {
  display: none;
}
.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 #000000;
}
@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 #71c2be;
  margin-top: 8px;
}
#displayActions #docaction-save.disabled {
  color: #959693;
}
#displayActions #docaction-save.disabled:hover {
  background-color: #205e59;
}
#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, #eeeeee, #efefef);
  background-image: -ms-linear-gradient(top, #eeeeee, #efefef);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#efefef));
  background-image: -webkit-linear-gradient(top, #eeeeee, #efefef);
  background-image: -o-linear-gradient(top, #eeeeee, #efefef);
  background-image: linear-gradient(top, #eeeeee, #efefef);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#efefef', GradientType=0);
  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: #40bdb4;
}
.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-browser-link {
  display: block;
  text-transform: uppercase;
  text-decoration: underline;
  position: relative;
  top: 10px;
  margin-top: 10px;
}
.offline-browser-link:hover {
  text-decoration: underline;
}
.offline-save-link {
  display: inline-block;
  width: 35px;
  font-size: 0px;
  /* Necessary for OE-81 */
}
.offline-save-link:before {
  font-size: 25px;
  color: #40bdb4;
}
.offline-save-link-instructions {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 22px;
}
.offline-view-list-container {
  font-family: "lato", sans-serif;
}
.offline-view-header {
  background: #363836;
}
.offline-view-header .header {
  padding: 12px 25px 5px 25px;
  height: 30px;
  color: #ffffff;
}
#offline-view-home {
  color: #ffffff;
  vertical-align: middle;
  font-size: 14px;
}
#offline-view-home:hover {
  color: #ffffff;
}
#offline-view-home[disabled] {
  opacity: 0.2;
  pointer-events: none;
}
.offline-view-icon {
  font-size: 16px;
  margin-left: 5px;
  margin-right: 15px;
  vertical-align: middle;
  line-height: 20px;
}
.offline-view-label {
  margin-right: 10px;
}
.offline-view-logo {
  background-image: url('../img/logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 15px;
}
.offline-view-text {
  text-transform: uppercase;
  font-size: 9px;
  line-height: 10px;
  font-weight: lighter;
}
.offline-view-header .plan-name-header {
  vertical-align: middle;
}
.offline-view-profile-image {
  float: right;
  margin-right: 30px;
}
.offline-view-banner {
  background-color: #262928;
  border-top: 2px solid #e0e0e0;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
  padding: 25px 50px;
}
.offline-view-studio-image {
  border-radius: 50%;
  border: 3px solid #ffffff;
  margin-right: 10px;
  overflow: hidden;
}
.offline-view-script-count {
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 12px;
}
.offline-view-list {
  padding: 40px;
}
.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: #292d30;
  text-align: center;
}
.cached-view-selector[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.cached-view-details {
  padding: 30px;
}
.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: #ffffff;
}
.cached-view-list-item .cached-view-title {
  color: #4fc0e8;
  font-size: 16px;
  cursor: pointer;
}
.cached-view-project-sub-head {
  color: #757677;
}
.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: 30px 0px;
}
.view-studio-button {
  float: left;
  cursor: pointer;
  height: 100%;
  background-color: #62C092;
  color: #222222;
  text-transform: uppercase;
  padding: 0px 15px;
  font-size: 12px;
  line-height: 44px;
  margin-left: 25px;
}
.pwa-view-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  margin-left: 275px;
}
#projects-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: #57BE99;
}
.pwa-view-list-container .react-dropdown .toggle.active i {
  background: transparent;
  color: #3BBDB5;
}
.pwa-view-list-container .react-dropdown .react-dropdown-menu {
  background: #21201F;
  border-radius: 4px;
}
.pwa-view-list-container .react-dropdown .react-dropdown-menu ul li {
  padding: 10px 20px 10px 0px;
}
.pwa-view-list-container .react-dropdown .react-dropdown-menu ul li:hover {
  background-color: #333333;
}
.pwa-view-list-container .react-dropdown .react-dropdown-menu span {
  color: #222222;
  font-size: 11px;
  margin-left: 15px;
}
.pwa-view-list-container .react-dropdown .react-dropdown-menu.expanded {
  width: 160px;
}
.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: 16px;
  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 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  background: #3C3D3E;
  height: 54px;
  padding: 3px 0px;
}
.pwa-view-header .offline-indicator {
  color: white;
  font-size: 12px;
  float: left;
  margin: 20px 20px 16px 20px;
  text-transform: uppercase;
  line-height: 18px;
}
.pwa-view-header .offline-indicator i {
  margin-right: 6px;
  font-size: 11px;
  position: relative;
  bottom: 1px;
}
.pwa-view-header .view-studio-button {
  line-height: 54px;
}
.pwa-view-header .pwa-avatar-dropdown {
  float: right;
}
.pwa-view-header .avatar-navbar {
  height: 24px;
  width: 24px;
  margin: 14px 33px 11px 38px;
}
.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: #47b5a7;
  margin-bottom: 10px;
}
.pwa-create-dialog .project-name-file-uploaded-text {
  color: #00da00;
  position: absolute;
  margin-top: 46px;
  margin-left: 92px;
  width: 100px;
  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 #222222 !important;
  border-radius: 5px !important;
  color: #222222;
}
.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 .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 canvas {
  border-radius: 50%;
  border: 2px solid #ffffff;
}
#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;
}
#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: 9px 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;
}
#cxContent.theme-mobile .pwa-view-header .avatar-navbar {
  margin: 16px 0px 0px 24px;
}
#cxContent.theme-mobile .pwa-view-sidebar .pwa-nav-wrapper #prairie-nav-toggle {
  top: 50px;
}
#cxContent.theme-mobile #createitem-container {
  margin: 29px;
}
#cxContent.theme-mobile .pwa-avatar-dropdown {
  float: right;
  margin-right: 24px;
}
#cxContent.theme-mobile .offline-indicator {
  display: none;
}
#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: #222222;
  font-size: 12px;
  max-width: 130px;
  cursor: unset;
  -webkit-user-select: none;
}
#cxContent.theme-mobile .pwa-tab-label {
  font-size: 18px;
  margin-left: 24px;
  padding-bottom: 10px;
  color: #e0e0e0;
}
#cxContent.theme-mobile .pwa-tab-label.studiosettings {
  font-size: 10px;
  text-transform: uppercase;
  color: #A2A2A3;
}
#cxContent.theme-mobile .pwa-view-list .cached-view-selector i {
  margin: 20px 0px;
  color: #ffffff;
  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;
}
#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 #ffffff;
}
#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: #ffffff;
}
#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: #222222;
}
#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 {
  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 {
  /*border-right: 1px solid #ccc;*/
}
#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: #222222;
}
#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;
}
#scripteditor.scripteditor-fullscreen .ProseMirror {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto !important;
}
#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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(238, 238, 238, 0.30000000000000004)', endColorstr='rgba(221, 221, 221, 0.30000000000000004)', GradientType=0);
  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;
}
.revision-colored.lock-colored-white {
  background: #ffffff !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-blue {
  background: #baffff !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-pink {
  background: #ffbaff !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-yellow {
  background: #ffffba !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-green {
  background: #baffba !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-goldenrod {
  background: #ffdb1a !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-buff {
  background: #ffb883 !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-salmon {
  background: #ffbaba !important;
  color: #4F4F4F;
}
.revision-colored.lock-colored-cherry {
  background: #ee757c !important;
  color: #4F4F4F;
}
.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 #000000;
  }
}
@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 #000000;
  }
  #view-filter .btn-group {
    padding-right: 1px;
  }
}
#title-page-tab-container {
  cursor: pointer;
}
.title-page-tab {
  margin-top: 2px;
  background-color: #3C3D3E;
  color: #ffffff;
  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;
  }
}
.scenenav-list {
  margin: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}
.scenenav-list-item-move-hover {
  cursor: move;
  padding: 0px !important;
  background-color: #eee;
  list-style: none;
}
.scenenav-list-item-move-hover .scenenav-list-link {
  line-height: 48px !important;
  height: 48px;
  text-decoration: none;
  cursor: inherit;
}
.scenenav-list-item-move-hover.sequence-item-move-moving {
  width: 220px;
}
.scenenav-list-item {
  list-style: none;
  padding: 0;
  background-color: #f5f5f5;
  text-transform: uppercase;
  position: relative;
  margin-top: 2px;
}
.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: #ffffff;
}
.scenenav-list-item.highlight .scenenav-list-link {
  -webkit-touch-callout: none;
  color: #ffffff;
}
.scenenav-list-item .scenenav-list-link {
  font-family: 'Courier Prime', Courier, monospace;
  display: block;
  color: #555555;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0px 20px;
  height: 48px;
  line-height: 48px;
  letter-spacing: 0px;
}
.scenenav-list-item .scenenav-list-link span {
  font-size: 14px;
  font-family: 'Courier Prime', Courier, monospace;
  margin-right: 7px;
}
.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;
}
.fullscreenscripteditortoolbar {
  z-index: 999;
  opacity: 0;
  min-height: 46px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
.fullscreenscripteditortoolbar:hover,
.fullscreenscripteditortoolbar.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
.fullscreenrevisiontoolbar {
  z-index: 1;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
.fullscreenrevisiontoolbar:hover,
.fullscreenrevisiontoolbar.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
.fullscreennoteoverlay {
  top: 0px;
  height: 100% !important;
}
.fullscreededitorcontent {
  height: 100% !important;
}
:full-screen .editor-content {
  height: 100% !important;
}
:fullscreen .editor-content {
  height: 100% !important;
}
:-moz-full-screen .editor-content {
  height: 100% !important;
}
:-webkit-full-screen .editor-content {
  height: 100% !important;
}
:full-screen #toolbar-container {
  z-index: 999;
  opacity: 0;
  min-height: 46px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:full-screen #toolbar-container:hover,
:full-screen #toolbar-container.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:fullscreen #toolbar-container {
  z-index: 999;
  opacity: 0;
  min-height: 46px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:fullscreen #toolbar-container:hover,
:fullscreen #toolbar-container.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:-moz-full-screen #toolbar-container {
  z-index: 999;
  opacity: 0;
  min-height: 46px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:-moz-full-screen #toolbar-container:hover,
:-moz-full-screen #toolbar-container.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:-webkit-full-screen #toolbar-container {
  z-index: 999;
  opacity: 0;
  min-height: 46px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:-webkit-full-screen #toolbar-container:hover,
:-webkit-full-screen #toolbar-container.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:full-screen #revisionmodetoolbar {
  z-index: 1;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:full-screen #revisionmodetoolbar:hover,
:full-screen #revisionmodetoolbar.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:fullscreen #revisionmodetoolbar {
  z-index: 1;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:fullscreen #revisionmodetoolbar:hover,
:fullscreen #revisionmodetoolbar.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:-moz-full-screen #revisionmodetoolbar {
  z-index: 1;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:-moz-full-screen #revisionmodetoolbar:hover,
:-moz-full-screen #revisionmodetoolbar.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:-webkit-full-screen #revisionmodetoolbar {
  z-index: 1;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition:  opacity .25s 2s;
  -moz-transition:  opacity .25s 2s;
  -ms-transition:  opacity .25s 2s;
  -o-transition:  opacity .25s 2s;
  transition:  opacity .25s 2s;
}
:-webkit-full-screen #revisionmodetoolbar:hover,
:-webkit-full-screen #revisionmodetoolbar.pinned {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -moz-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -ms-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  -o-transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
  transition: margin 0.5s, padding 0.5s, opacity .25s, top 0.5s, max-height 0.5s;
}
:full-screen .note-editor-overlay {
  top: 0px;
  height: 100% !important;
}
:fullscreen .note-editor-overlay {
  top: 0px;
  height: 100% !important;
}
:-moz-full-screen .note-editor-overlay {
  top: 0px;
  height: 100% !important;
}
:-webkit-full-screen .note-editor-overlay {
  top: 0px;
  height: 100% !important;
}
:full-screen .toolbar-text {
  position: relative;
}
:fullscreen .toolbar-text {
  position: relative;
}
:-moz-full-screen .toolbar-text {
  position: relative;
}
:-webkit-full-screen .toolbar-text {
  position: relative;
}
#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-topnav ul li img {
  padding-right: 5px !important;
}
.modal-topnav ul li h2 {
  font-size: 14px !important;
  display: inline-block;
  font-weight: bold;
  text-align: center;
}
.modal-topnav {
  left: 0;
  right: 0;
  position: absolute;
  background: #3b3d3e;
  margin-top: -20px;
  padding: 20px 0 5px 0;
  z-index: 10;
}
.modal-topnav > ul {
  padding: 0 40px;
}
.modal-topnav:after {
  content: " ";
  width: 940px;
  bottom: -20px;
  position: absolute;
  height: 20px;
  left: 0;
}
.modal-topnav li {
  text-align: center;
}
.modal-content {
  padding-top: 30px;
  padding-bottom: 0px;
}
.modal-dialog-error {
  text-align: center;
  color: #e26262;
}
.modal-prevnext,
.modal-publish {
  padding-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.modal-prevnext .prev-btn,
.modal-publish .prev-btn {
  float: left;
}
.modal-prevnext .next-btn,
.modal-publish .next-btn,
.modal-prevnext .publish-btn,
.modal-publish .publish-btn {
  float: right;
}
.modal-prevnext .text-error,
.modal-publish .text-error {
  font-size: 14px;
  padding-bottom: 4px;
}
.modal-prevnext .prev-btn,
.modal-prevnext .next-btn,
.modal-publish .btn,
.modal-prevnext .publish-btn {
  width: 200px;
  font-size: 20px;
  padding: 10px;
}
.modal-prevnext .prev-btn:before {
  content: '\e849';
  font-size: 14px;
  margin: -2px 20px 0 0;
  position: relative;
  font-family: "celtxicons";
}
.modal-prevnext .next-btn:after {
  content: '\e879';
  font-size: 14px;
  margin: -2px 0 0 20px;
  position: relative;
  font-family: "celtxicons";
}
.modal-dialog-bg {
  z-index: 10400;
}
.modal-dialog {
  width: 430px;
  z-index: 10500;
  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 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.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: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 97%, #ffffff 98%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, #ffffff 97%, #ffffff 98%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.tall-modal .modal-dialog-content {
  min-height: 340px;
}
.media-modal {
  width: 700px;
  min-height: 340px;
}
.media-modal .modal-dialog-content {
  padding: 0 !important;
  background: #f5f5f5;
}
.modal-dialog.media-modal {
  background: #e0e0e0 !important;
}
.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;
}
.big-modal {
  position: relative;
  width: 940px !important;
}
.bigger-modal {
  position: relative;
  width: 1060px !important;
}
.modal-nooverflow {
  overflow: hidden;
}
.modal-nooverflow .cx-processinglabel {
  position: absolute;
  top: 45%;
}
.big-modal .modal-dialog-content {
  padding: 20px 40px 50px 40px;
  height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.big-modal:before {
  z-index: 2;
  width: 940px;
  height: 30px;
  top: 57px;
  content: " ";
  position: absolute;
}
.big-modal:after {
  width: 940px;
  height: 30px;
  bottom: 115px;
  left: 60px;
  content: " ";
  position: absolute;
  pointer-events: none;
}
.modal-spinner-overlay {
  background: white;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-spinner-overlay .loading-spinner-big {
  margin: 280px auto 0 auto;
}
.modal-dialog:focus {
  outline: none !important;
}
.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 !important;
  border: 1px solid #c2c2c2 !important;
  position: fixed !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog .required-ast {
  font-size: 40px;
  position: absolute;
  color: #ccc;
  padding-left: 10px;
}
.modal-dialog .required-ast.error {
  color: #b94a48;
}
.modal-dialog .required-explain {
  color: #aaa;
}
.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 !important;
  line-height: 20px;
  color: #333333 !important;
  padding: 16px 16px !important;
  cursor: move !important;
}
.modal-dialog-title span.modal-dialog-title-close {
  display: none;
}
.onboard-button button {
  margin-left: 15px !important;
  width: 115px!important;
  height: 25px;
  letter-spacing: 1px;
  padding: 6px 14px !important;
  line-height: initial !important;
  font-size: 12px !important;
  background-color: #c2c2c2 !important;
  color: white !important;
  text-shadow: none !important;
  font-weight: normal !important;
}
.onboard-button button:hover {
  background-color: #a9a5a5 !important;
}
.onboard-button .goog-buttonset-default {
  background-color: #4fc0e8 !important;
}
.onboard-button .goog-buttonset-default:hover {
  background-color: #4f9ae8 !important;
}
.onboard-button-single-pane {
  padding: 0 114px 30px 0 !important;
}
.onboard-button-single-pane button {
  margin-left: 15px !important;
  width: 180px!important;
  height: 50px!important;
  letter-spacing: 0;
  font-size: 16px!important;
  line-height: initial !important;
  background-color: #c2c2c2 !important;
  color: white !important;
  text-shadow: none !important;
  font-weight: normal !important;
}
.onboard-button-single-pane button:hover {
  background-color: #a9a5a5 !important;
}
.onboard-button-single-pane .goog-buttonset-default {
  background-color: #4fc0e8 !important;
}
.onboard-button-single-pane .goog-buttonset-default:hover {
  background-color: #4f9ae8 !important;
}
.onboard-button-single-pane-six button {
  margin-left: 15px !important;
  width: 180px!important;
  height: 50px!important;
  letter-spacing: 0;
  font-size: 16px!important;
  line-height: initial !important;
  background-color: #c2c2c2 !important;
  color: white !important;
  text-shadow: none !important;
  font-weight: normal !important;
}
.onboard-button-single-pane-six button:hover {
  background-color: #a9a5a5 !important;
}
.onboard-button-single-pane-six .goog-buttonset-default {
  background-color: #4fc0e8 !important;
}
.onboard-button-single-pane-six .goog-buttonset-default:hover {
  background-color: #4f9ae8 !important;
}
.modal-dialog-buttons {
  *zoom: 1;
}
.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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.modal-dialog-buttons .goog-buttonset-default:active {
  background-color: #1fa3a2;
  color: #222222;
}
.modal-dialog-buttons .goog-buttonset-default:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.modal-dialog-buttons .goog-buttonset-default:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.modal-dialog-buttons .goog-buttonset-default.secondary {
  background-color: #945ca3;
}
.modal-dialog-buttons .goog-buttonset-default.secondary:active {
  background-color: #a245ba !important;
}
.modal-dialog-buttons .goog-buttonset-default.secondary:hover {
  background-color: #a859bd !important;
}
.modal-dialog-buttons .goog-buttonset-default.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.modal-dialog-buttons .goog-buttonset-default.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.modal-dialog-buttons .goog-buttonset-default.create-pill:hover:before {
  opacity: 1;
}
.modal-dialog-buttons .goog-buttonset-default.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.modal-dialog-buttons .goog-buttonset-default.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.modal-dialog-buttons .goog-buttonset-default.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.modal-dialog-buttons .goog-buttonset-default.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.modal-dialog-buttons .goog-buttonset-default.toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.modal-dialog-buttons .goog-buttonset-default.cancel:hover,
.modal-dialog-buttons .goog-buttonset-default.cancel:active {
  background-color: transparent !important;
}
.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: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 !important;
}
.modal-dialog-content .tabber {
  color: #4b4d4e;
}
.async-dialog-loader {
  background: url('../img/loading-circle32.gif') #eeeeee no-repeat;
  background-position: center center;
  opacity: 0.65;
}
.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 !important;
  border-radius: 0;
  border-top: none !important;
}
.cx-dialog-popdown .modal-dialog-title,
.cx-dialog-popdown .modal-dialog-buttons {
  display: none;
  padding: 0;
  height: 0;
  min-height: 0;
}
.modal-dialog.modal-sidedialog {
  width: 370px;
  max-width: 80%;
  height: 180px;
  left: auto !important;
  top: auto !important;
  right: 0;
  bottom: 0;
  margin-right: -370px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: margin ease-out 200ms 1000ms;
  -moz-transition: margin ease-out 200ms 1000ms;
  -ms-transition: margin ease-out 200ms 1000ms;
  -o-transition: margin ease-out 200ms 1000ms;
  transition: margin ease-out 200ms 1000ms;
  background: #3b3d3e !important;
  overflow: hidden !important;
}
.modal-dialog.modal-sidedialog.modal-sidedialog-notquitebottom {
  bottom: 40px;
}
.modal-dialog.modal-sidedialog .modal-dialog-content {
  background-color: transparent !important;
}
.modal-dialog.modal-sidedialog .modal-dialog-content .center .btn {
  background-color: #40beb5;
}
.modal-dialog.modal-sidedialog .modal-dialog-title .modal-dialog-title-text {
  text-align: center;
  line-height: 1.2 !important;
  font-size: 22px !important;
  margin-right: 0;
  text-transform: none;
  font-weight: bold;
  line-height: 1;
  width: 100%;
  margin-left: -15px;
}
.modal-dialog.modal-sidedialog.modal-sidedialog-visible {
  margin-right: 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 !important;
  background-color: rgba(0, 0, 0, 0.9);
  background: #333;
  background: -moz-radial-gradient(center, ellipse cover, #333333 0, #000000 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #333333 0, #000000 100%);
  background: radial-gradient(ellipse at center, #333333 0, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1);
}
.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 !important;
  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: #47b5a7;
  }
  25% {
    color: #007884;
  }
  50% {
    color: #47b5a7;
  }
  75% {
    color: #007884;
  }
  100% {
    color: #47b5a7;
  }
}
@-webkit-keyframes colorchange {
  0% {
    color: #47b5a7;
  }
  25% {
    color: #007884;
  }
  50% {
    color: #47b5a7;
  }
  75% {
    color: #007884;
  }
  100% {
    color: #47b5a7;
  }
}
.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!important;
  margin-right: auto!important;
}
.cxpm-modal-frame.import-helper-modal .button-container button {
  margin-bottom: 10px!important;
  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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
  text-align: left;
}
.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:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left:focus,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel:focus {
  background-color: #34d4d2 !important;
  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;
}
.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;
}
.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.create-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.create-pill:before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.create-pill:hover:before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.create-pill:hover:before {
  opacity: 1;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-left.create-pill:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.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;
  height: 40px;
}
.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: #222222;
}
.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: #222222;
}
.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: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.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.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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.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.cancel:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-cancel.cancel:active {
  background-color: transparent !important;
}
.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: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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.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:hover,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok:focus,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel:focus {
  background-color: #34d4d2 !important;
  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;
}
.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;
}
.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.create-pill,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.create-pill:before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.create-pill:hover:before,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.create-pill:hover:before {
  opacity: 1;
}
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-btn-ok.create-pill:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.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;
  height: 40px;
}
.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: #222222;
}
.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: #222222;
}
.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: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.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.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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.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.cancel:active,
.cxpm-modal-frame.import-helper-modal .alt-btn-container .cxpm-modal-second-btn-cancel.cancel:active {
  background-color: transparent !important;
}
.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 .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: #47b5a7;
}
.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: #47b5a7;
}
.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: #47b5a7;
}
.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: #47b5a7;
  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: #47b5a7;
}
.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: #199f8f;
  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: #199F8F;
  font: normal normal bold 17px/22px Lato;
  letter-spacing: 0px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  margin-top: 0px;
  margin-bottom: 0px !important;
  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 !important;
}
.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: #199f8f !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: #199f8f !important;
}
.modal-dialog.import-script-modal .modal-dialog-buttons button[name='cancel'] {
  padding-right: 20px;
  margin-right: 0;
  background: unset !important;
}
.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: #199F8F;
}
.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: #199F8F;
  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: #199F8F;
  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-search-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-search-paging {
  top: unset;
}
.cxpm-modal-frame.mobile .av2-image-container .av2-image-content .pagedimage-topmargin {
  margin-top: 20px;
}
.av2-image-modal .av2-image-container {
  position: relative;
  margin-bottom: 10px;
  width: 800px;
  height: 300px;
}
.av2-image-modal .av2-image-sidebar {
  display: inline-block;
  width: 180px;
  margin-left: -25px;
}
.av2-image-modal .av2-image-upload {
  display: flex;
  flex-direction: column;
  margin: 20px 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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.av2-image-modal .av2-image-upload:active {
  background-color: #1fa3a2;
  color: #222222;
}
.av2-image-modal .av2-image-upload:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.av2-image-modal .av2-image-upload:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.av2-image-modal .av2-image-upload.secondary {
  background-color: #945ca3;
}
.av2-image-modal .av2-image-upload.secondary:active {
  background-color: #a245ba !important;
}
.av2-image-modal .av2-image-upload.secondary:hover {
  background-color: #a859bd !important;
}
.av2-image-modal .av2-image-upload.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.av2-image-modal .av2-image-upload.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.av2-image-modal .av2-image-upload.create-pill:hover:before {
  opacity: 1;
}
.av2-image-modal .av2-image-upload.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.av2-image-modal .av2-image-upload.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.av2-image-modal .av2-image-upload.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.av2-image-modal .av2-image-upload.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.av2-image-modal .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 .av2-image-upload.toolbar-pill:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.av2-image-modal .av2-image-upload.toolbar-pill:hover {
  background-color: #a859bd !important;
  color: #f6f6f6;
}
.av2-image-modal .av2-image-upload.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.av2-image-modal .av2-image-upload.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.av2-image-modal .av2-image-upload.cancel {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.av2-image-modal .av2-image-upload.cancel:hover,
.av2-image-modal .av2-image-upload.cancel:active {
  background-color: transparent !important;
}
.av2-image-modal .av2-image-upload.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.av2-image-modal .av2-image-upload.disabled:hover,
.av2-image-modal .av2-image-upload.disabled:active {
  background-color: #868686 !important;
}
.av2-image-modal .av2-image-upload:active {
  background-color: #a245ba !important;
  color: #222222;
}
.av2-image-modal .av2-image-upload:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.av2-image-modal .av2-image-upload .av2-image-upload-label {
  position: absolute;
  width: 100%;
  color: #fff;
}
.av2-image-modal .av2-image-upload .av2-image-upload-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
}
.av2-image-modal .av2-image-tab {
  height: 40px;
  margin-bottom: 10px;
  position: relative;
}
.av2-image-modal .av2-image-tab:hover {
  cursor: pointer;
}
.av2-image-modal .av2-image-tab.selected {
  background-color: #1b1c1a;
  border-right: 2px solid #11B0AA;
}
.av2-image-modal .av2-image-tab-container {
  position: absolute;
  left: 20px;
  top: 11px;
}
.av2-image-modal .av2-image-tab-text {
  padding-left: 5px;
}
.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 .av2-image-content .av2-image-content-inner .img-search-form {
  margin-top: 40px;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-form .img-search-field {
  margin-left: 50px;
  margin-right: 1px;
  margin-top: -1px;
  box-sizing: border-box;
  height: 26px;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-form .img-search-field:focus {
  border: none;
  box-shadow: none;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-form .img-search-btn {
  background-color: #61615f;
  padding: 4px 10px;
  height: 26px;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-form .img-search-btn:focus {
  outline: none;
  border: 1px solid #cccccc;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .drag-drop-upload-contents .drag-drop-upload-target {
  border: none;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .drag-drop-upload-contents .drag-drop-upload-target .browse-button {
  height: 50px;
  background-image: linear-gradient(90deg, #22b2c1, #00ae90);
  border-radius: 25px;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-results {
  z-index: 2;
  position: relative;
  height: 252px;
  max-height: unset;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-results .img-overlay {
  display: none;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-results .img-search-item-added:before,
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-results .img-search-item:before {
  border: solid 2px #33AEA7;
  transition: opacity 0.4s ease;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-results .img-search-item-added:after,
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-results .img-search-item:after {
  background: none !important;
  content: '\e801';
  font-family: celtxicons;
  color: #5FBDB9;
  transition: opacity 0.4s ease;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-results .img-search-item-added:before {
  opacity: 0.75;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-paging {
  clear: both;
  z-index: 1;
  top: -140px;
  position: relative;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-paging .img-search-prev {
  padding-left: 16px;
}
.av2-image-modal .av2-image-content .av2-image-content-inner .img-search-paging .img-search-next {
  padding-right: 16px;
}
.av2-image-modal .av2-image-block {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 5px;
  background-color: green;
}
.av2-image-modal .av2-image-block.selected {
  border: 2px solid turquoise;
}
.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: .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-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: 0.0s;
  -moz-animation-delay: 0.0s;
  animation-delay: 0.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: #F6F6F6;
  background-color: #199f8f;
  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: #37AFA1;
}
.cxpm-modal-frame .button-container button:hover {
  cursor: pointer;
  background-color: #127166;
}
.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-subtitle {
  font-weight: normal;
  color: #777;
  margin: 0px 14px 0px 14px;
  display: block;
  padding: 4px 0px 0 0;
  font-size: 13px;
}
.modal-dialog-bg.modal-dialog-bg-clean {
  background: white !important;
  opacity: 0.75 !important;
}
.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 !important;
}
.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 !important;
  margin-left: 16px;
  margin-right: 16px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.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-green.modal-dialog {
  background: #133d51;
  text-align: center;
  color: white;
}
.modal-green.modal-dialog:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 2;
  top: -100%;
  left: -150%;
  bottom: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#209e96+0,ffffff+100&1+0,0+100 */
  background: -moz-radial-gradient(center, ellipse cover, #2ca79d 0%, rgba(44, 167, 157, 0.95) 20%, rgba(44, 167, 157, 0.2) 40%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #2ca79d 0%, rgba(44, 167, 157, 0.95) 20%, rgba(44, 167, 157, 0.2) 40%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #2ca79d 0%, rgba(44, 167, 157, 0.95) 20%, rgba(44, 167, 157, 0.2) 40%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca79d', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.modal-dialog {
  border: none !important;
  border-radius: 4px;
  color: #414141;
  -webkit-animation-duration: .15s;
  animation-duration: .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: 0px !important;
  padding-left: 15px !important;
  background: #3b3d3e !important;
  margin-bottom: 30px !important;
  color: white !important;
}
.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 !important;
  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 !important;
  padding: 0px 35px 30px 0px;
}
.modal-dialog-buttons button {
  text-shadow: none !important;
  font-weight: normal !important;
  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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.modal-dialog-buttons button:active {
  background-color: #1fa3a2;
  color: #222222;
}
.modal-dialog-buttons button:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.modal-dialog-buttons button:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.modal-dialog-buttons button.secondary {
  background-color: #945ca3;
}
.modal-dialog-buttons button.secondary:active {
  background-color: #a245ba !important;
}
.modal-dialog-buttons button.secondary:hover {
  background-color: #a859bd !important;
}
.modal-dialog-buttons button.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.modal-dialog-buttons button.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.modal-dialog-buttons button.create-pill:hover:before {
  opacity: 1;
}
.modal-dialog-buttons button.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.modal-dialog-buttons button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.modal-dialog-buttons button.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.modal-dialog-buttons button.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.modal-dialog-buttons button.toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.modal-dialog-buttons button.cancel:hover,
.modal-dialog-buttons button.cancel:active {
  background-color: transparent !important;
}
.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[name="cancel"],
.modal-dialog-buttons button[name="delete"],
.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;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.modal-dialog-buttons button[name="cancel"]:hover,
.modal-dialog-buttons button[name="delete"]: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="delete"]: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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.modal-dialog-buttons button[name="done"]:active {
  background-color: #1fa3a2;
  color: #222222;
}
.modal-dialog-buttons button[name="done"]:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.modal-dialog-buttons button[name="done"]:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.modal-dialog-buttons button[name="done"].secondary {
  background-color: #945ca3;
}
.modal-dialog-buttons button[name="done"].secondary:active {
  background-color: #a245ba !important;
}
.modal-dialog-buttons button[name="done"].secondary:hover {
  background-color: #a859bd !important;
}
.modal-dialog-buttons button[name="done"].create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.modal-dialog-buttons button[name="done"].create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.modal-dialog-buttons button[name="done"].create-pill:hover:before {
  opacity: 1;
}
.modal-dialog-buttons button[name="done"].create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.modal-dialog-buttons button[name="done"].studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.modal-dialog-buttons button[name="done"].studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.modal-dialog-buttons button[name="done"].studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.modal-dialog-buttons button[name="done"].toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.modal-dialog-buttons button[name="done"].cancel:hover,
.modal-dialog-buttons button[name="done"].cancel:active {
  background-color: transparent !important;
}
.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;
}
.custom-dialog-buttons {
  *zoom: 1;
  background: transparent !important;
  padding: 0px 35px 30px 0px;
  background-color: #3b3d3e !important;
  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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.custom-dialog-buttons .goog-buttonset-default:active {
  background-color: #1fa3a2;
  color: #222222;
}
.custom-dialog-buttons .goog-buttonset-default:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.custom-dialog-buttons .goog-buttonset-default:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.custom-dialog-buttons .goog-buttonset-default.secondary {
  background-color: #945ca3;
}
.custom-dialog-buttons .goog-buttonset-default.secondary:active {
  background-color: #a245ba !important;
}
.custom-dialog-buttons .goog-buttonset-default.secondary:hover {
  background-color: #a859bd !important;
}
.custom-dialog-buttons .goog-buttonset-default.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.custom-dialog-buttons .goog-buttonset-default.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.custom-dialog-buttons .goog-buttonset-default.create-pill:hover:before {
  opacity: 1;
}
.custom-dialog-buttons .goog-buttonset-default.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.custom-dialog-buttons .goog-buttonset-default.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.custom-dialog-buttons .goog-buttonset-default.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.custom-dialog-buttons .goog-buttonset-default.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.custom-dialog-buttons .goog-buttonset-default.toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.custom-dialog-buttons .goog-buttonset-default.cancel:hover,
.custom-dialog-buttons .goog-buttonset-default.cancel:active {
  background-color: transparent !important;
}
.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:before,
.custom-dialog-buttons:after {
  display: table;
  content: "";
}
.custom-dialog-buttons:after {
  clear: both;
}
.custom-dialog-buttons button {
  float: right;
}
.custom-dialog-buttons button {
  text-shadow: none !important;
  font-weight: normal !important;
  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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.custom-dialog-buttons button:active {
  background-color: #1fa3a2;
  color: #222222;
}
.custom-dialog-buttons button:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.custom-dialog-buttons button:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.custom-dialog-buttons button.secondary {
  background-color: #945ca3;
}
.custom-dialog-buttons button.secondary:active {
  background-color: #a245ba !important;
}
.custom-dialog-buttons button.secondary:hover {
  background-color: #a859bd !important;
}
.custom-dialog-buttons button.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.custom-dialog-buttons button.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.custom-dialog-buttons button.create-pill:hover:before {
  opacity: 1;
}
.custom-dialog-buttons button.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.custom-dialog-buttons button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.custom-dialog-buttons button.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.custom-dialog-buttons button.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.custom-dialog-buttons button.toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.custom-dialog-buttons button.cancel:hover,
.custom-dialog-buttons button.cancel:active {
  background-color: transparent !important;
}
.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[name="cancel"],
.custom-dialog-buttons button[name="delete"],
.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;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.custom-dialog-buttons button[name="cancel"]:hover,
.custom-dialog-buttons button[name="delete"]: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="delete"]: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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.custom-dialog-buttons button[name="done"]:active {
  background-color: #1fa3a2;
  color: #222222;
}
.custom-dialog-buttons button[name="done"]:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.custom-dialog-buttons button[name="done"]:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.custom-dialog-buttons button[name="done"].secondary {
  background-color: #945ca3;
}
.custom-dialog-buttons button[name="done"].secondary:active {
  background-color: #a245ba !important;
}
.custom-dialog-buttons button[name="done"].secondary:hover {
  background-color: #a859bd !important;
}
.custom-dialog-buttons button[name="done"].create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.custom-dialog-buttons button[name="done"].create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.custom-dialog-buttons button[name="done"].create-pill:hover:before {
  opacity: 1;
}
.custom-dialog-buttons button[name="done"].create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.custom-dialog-buttons button[name="done"].studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.custom-dialog-buttons button[name="done"].studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.custom-dialog-buttons button[name="done"].studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.custom-dialog-buttons button[name="done"].toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.custom-dialog-buttons button[name="done"].cancel:hover,
.custom-dialog-buttons button[name="done"].cancel:active {
  background-color: transparent !important;
}
.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="no"] {
  margin-right: 5px;
  background-color: #676868;
  color: white;
  box-shadow: none;
}
.custom-dialog-buttons button[name="delete"] {
  margin-right: 5px;
  color: white;
  background-color: #da4f49;
  position: relative;
}
.modal-dark.modal-dialog {
  background: #3b3d3e !important;
  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 !important;
}
.modal-dark.modal-dialog .modal-dialog-title {
  color: #fafafa !important;
  margin-bottom: 0px !important;
}
.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 {
  /*color:#000000 !important;*/
  margin-left: 40px;
  padding: 0px;
}
.modal-dark.modal-dialog .modal-dialog-buttons {
  background: transparent;
}
.modal-dark.modal-dialog .modal-dialog-title {
  border-bottom: none !important;
  font-size: 16px !important;
  font-weight: normal;
}
.modal-dark.modal-dialog .modal-dialog-title .modal-dialog-title-close {
  color: #fafafa;
  background: none;
  overflow: hidden;
  height: 18px !important;
  line-height: 18px;
  width: 16px !important;
  padding: 0 !important;
  display: inline-block;
  clear: both;
  top: 10px !important;
  right: 14px !important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.modal-dark.modal-dialog .modal-dialog-title .modal-dialog-title-close::before {
  font-size: 28px;
  font-family: "picon-characters";
  content: "\e029";
  display: inline-block;
  vertical-align: middle;
  margin-left: -6px;
}
.viewer-text {
  color: #707070 !important;
}
.writer-text {
  color: #049cdb !important;
}
.edge-text {
  color: #c9a20a !important;
}
.edge-slide-bottom-img {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 800px;
}
.edge-slide-bottom-img div {
  display: inline-block;
}
.edge-slide-accounts-list li.viewer h1 {
  color: #707070;
}
.edge-slide-accounts-list li.viewer p {
  color: #a3a3a3;
}
.edge-slide-accounts-list li.writer h1 {
  color: #049cdb;
}
.edge-slide-accounts-list li.writer p {
  color: #5cc0e9;
}
.edge-slide-accounts-list li.edge h1 {
  color: #c9a20a;
}
.edge-slide-accounts-list li.edge p {
  color: #dab72c;
}
.edge-slide-accounts-list li {
  text-align: center;
}
.edge-slide-accounts-list li p {
  font-size: 15px;
}
.dialog-content-onepane-six {
  margin: -16px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.dialog-content-onepane-pane-six {
  display: inline-block;
  vertical-align: top;
}
.dialog-content-onepane-pane-content-six {
  padding: 33px 25px 60px 31px;
  height: 430px;
  overflow-y: hidden;
}
.dialog-content-onepane-pane-content-six h1 {
  font-size: 20px;
  margin-top: 20px;
  line-height: 24px;
}
.dialog-content-onepane-pane-content-six p {
  letter-spacing: 0.5px;
  font-size: 14px;
  line-height: 26px;
}
.dialog-content-onepane-pane-content-six .infomanagerbox-labelcontent {
  width: 224px !important;
}
.dialog-content-onepane-pane-content-six .avatar-edit {
  bottom: initial;
}
.dialog-content-onepane-pane-content-six label,
.dialog-content-onepane-pane-content-six .infomanagerbox-label {
  font-size: 13px;
  line-height: 1;
  margin-bottom: 10px;
  margin-top: 24px;
}
.dialog-content-onepane-pane-content-six .growinginput-autoemail {
  width: 197px;
}
.dialog-content-onepane-pane-content-six .inputLabel {
  font-size: 13px;
  margin-bottom: 10px;
}
.dialog-content-onepane-paneone-six {
  background: #2e3439;
  width: 38% !important;
}
.dialog-content-onepane-panetwo-six {
  color: #eeecec;
}
.dialog-content-onepane-header-six {
  text-transform: uppercase;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 18px;
  letter-spacing: 0.03em;
}
.dialog-content-onepane-pane-text-six {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0.4px;
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
}
.dialog-content-onepane-pane-text-bottom-six {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.3px;
}
.dialog-content-onepane-pane-text-bottom-six p {
  font-size: 11px!important;
}
.dialog-main-title-six {
  font-size: 16px;
  margin-bottom: 5px;
  display: none;
}
.dialog-sub-title-six {
  font-size: 12px;
}
.dialog-content-twopane {
  margin: -16px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.dialog-content-twopane-pane {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.dialog-content-twopane-pane-content {
  padding: 33px 25px 60px 31px;
  height: 430px;
  overflow-y: hidden;
}
.dialog-content-twopane-pane-content h1 {
  font-size: 16px;
  margin-top: 20px;
}
.dialog-content-twopane-pane-content p {
  letter-spacing: 0.65px;
  font-size: 14px;
  line-height: 21px;
}
.dialog-content-twopane-pane-content .infomanagerbox-labelcontent {
  width: 224px !important;
}
.dialog-content-twopane-pane-content .avatar-edit {
  bottom: initial;
}
.dialog-content-twopane-pane-content label,
.dialog-content-twopane-pane-content .infomanagerbox-label {
  font-size: 11px;
  line-height: 1;
  margin-bottom: 8px;
  margin-top: 10px;
}
.dialog-content-twopane-pane-content .growinginput-autoemail {
  width: 197px;
}
.dialog-content-twopane-pane-content .growinginputs-row {
  margin-bottom: 20px;
}
.dialog-content-twopane-pane-content .growinginputs {
  margin-bottom: 20px;
  margin-top: 10px;
}
.dialog-content-twopane-paneone {
  background: #2e3439;
}
.dialog-content-twopane-panetwo {
  color: #eeecec;
}
.pane-clipper {
  background: url('../img/startwizard/clipper.png') bottom left no-repeat;
  background-size: 420px auto;
}
.pane-worker {
  background: url('../img/startwizard/teamOnBoard.jpg') center left no-repeat;
  background-size: 420px auto;
}
.pane-lady {
  background: url('../img/startwizard/lady.png') bottom left no-repeat;
  background-size: 420px auto;
}
.dialog-content-twopane-header {
  text-transform: uppercase;
  font-family: "lato", sans-serif;
  font-weight: 200;
  font-size: 16px;
  margin-bottom: 18px;
  letter-spacing: 0.06em;
}
.dialog-content-twopane-pane-text {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  letter-spacing: 0.4px;
  font-size: 13px;
  font-weight: normal;
  line-height: 24px;
}
.dialog-content-twopane-pane-text-bottom {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.3px;
}
.dialog-content-twopane-pane-text-bottom p {
  font-size: 12px!important;
}
.dialog-main-title {
  font-size: 16px;
  margin-bottom: 5px;
  display: none;
}
.dialog-sub-title {
  font-size: 12px;
}
/** used for start wizard */
.modal-dark.modal-dialog .modal-dialog-buttons.modal-dialog-buttons-reposition {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 300px;
  background-color: #23272B !important;
}
.invite-members-dialog .infocardform {
  margin-top: 23px;
  margin-bottom: 15px;
}
.invite-members-dialog .infocardform .infomanagerbox-row {
  margin: 0;
}
.invite-members-dialog .infocardform .infomanagerbox-label {
  text-transform: uppercase;
  color: #393a3c;
  font-size: 10px;
}
.invite-members-dialog .infocardform .infomanagerbox-editinput {
  width: 245px !important;
}
.newclient-dialog .infomanagerbox-row {
  margin: 5px 0px;
}
.newclient-dialog .infomanagerbox-row .infomanagerbox-label {
  color: white;
  font-weight: lighter;
}
.growingmembers-roleselect {
  width: 100px;
  margin-left: 10px;
}
.growingmembers-admin {
  margin: 8px 6px 8px 0px !important;
}
.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;
  *zoom: 1;
  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: #ffffff;
}
.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: 45px;
  top: 45px;
  right: auto;
  padding: 10px;
  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;
  padding: 5px 8px;
}
.profilemanager-row,
.infomanagerbox-row {
  margin: 12px 0 20px 0;
  font-size: 14px;
  min-height: 22px;
  *zoom: 1;
}
.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;
  vertical-align: top;
  color: #2a3b41;
  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;
}
.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;
  *zoom: 1;
}
.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: #4fc0e8;
  color: white;
}
.infomanagerbox-editinput-select {
  width: 210px;
}
.infomanagerbox-editinput-select-short {
  width: 70px;
}
.infomanagerbox-editinput-image-container {
  margin-right: 14px;
}
.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;
}
#result-message ul {
  margin-bottom: 0;
  *zoom: 1;
}
#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;
}
@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;
  }
}
.api-token-error {
  color: #eb0e47;
}
.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;
}
.main-container .btn-nothanks {
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-weight: lighter;
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-size: 12px;
}
.main-container .btn-nothanks:hover {
  text-decoration: none;
  color: #A4BCCD;
}
.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/celtxLogo.png) 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%;
  }
}
.protrialcampaign {
  font-family: "lato", sans-serif;
}
.protrialcampaign .protrialcampaign-feature-icon {
  font-size: 70px;
  margin-right: 25px;
  vertical-align: middle;
  text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
}
.protrialcampaign .protrialcampaign-content {
  text-align: left;
}
.protrialcampaign h1 {
  font-size: 26px;
  text-transform: uppercase;
  text-align: center;
}
.protrialcampaign h2 {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.protrialcampaign h3 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 0px;
  line-height: 30px;
}
.protrialcampaign p {
  font-size: 16px;
  line-height: 30px;
  max-width: 575px;
  margin-left: 0px;
}
.protrialcampaign .btn-continue {
  height: 45px;
  width: 350px;
  line-height: 45px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin-top: 30px;
}
.celtx-logo-big {
  background: url(../img/logowhite.png) no-repeat top left;
  margin-right: auto;
  margin-left: auto;
  display: block;
  background-size: 100%;
  width: 180px;
  height: 100px;
  background-position: 50%;
}
.protrialcampaign-wrapper {
  overflow: hidden;
}
.protrialcampaign-wrapper div {
  min-height: 200px;
}
.protrialcampaign-left {
  float: left;
  width: 50%;
}
.protrialcampaign-right {
  overflow: hidden;
  min-height: 170px;
}
@media (max-width: 1140px) {
  .protrialcampaign .protrialcampaign-content {
    text-align: center;
  }
  .protrialcampaign .protrialcampaign-feature-icon {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .protrialcampaign .protrialcampaign-feature-icon:before {
    margin-right: 0px;
  }
  .protrialcampaign p {
    max-width: 100%;
  }
  .protrialcampaign .btn-continue {
    width: 60%;
  }
  .protrialcampaign .protrialcampaign-left {
    float: none;
    width: auto;
  }
}
.insightscampaign {
  font-family: "lato", sans-serif;
}
.insightscampaign .insightscampaign-feature-icon {
  font-size: 70px;
  margin-right: 25px;
  vertical-align: middle;
  text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
}
.insightscampaign .insightscampaign-content {
  text-align: left;
}
.insightscampaign h1 {
  font-size: 26px;
  text-transform: uppercase;
  text-align: center;
}
.insightscampaign h2 {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.insightscampaign h3 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 0px;
  line-height: 30px;
}
.insightscampaign p {
  font-size: 14px;
  line-height: 25px;
  max-width: 575px;
  margin-left: 0px;
  font-weight: 200;
}
.insightscampaign .btn-continue {
  height: 45px;
  width: 350px;
  line-height: 45px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  margin-top: 30px;
}
.celtx-logo-big {
  background: url(../img/logowhite.png) no-repeat top left;
  margin-right: auto;
  margin-left: auto;
  display: block;
  background-size: 100%;
  width: 180px;
  height: 100px;
  background-position: 50%;
}
.insightscampaign-wrapper {
  overflow: hidden;
}
.insightscampaign-wrapper div {
  min-height: 200px;
}
.insightscampaign-left {
  float: left;
  width: 50%;
}
.insightscampaign-right {
  overflow: hidden;
  min-height: 170px;
}
@media (max-width: 1140px) {
  .insightscampaign .insightscampaign-content {
    text-align: center;
  }
  .insightscampaign .insightscampaign-feature-icon {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .insightscampaign .insightscampaign-feature-icon:before {
    margin-right: 0px;
  }
  .insightscampaign p {
    max-width: 100%;
  }
  .insightscampaign .btn-continue {
    width: 60%;
  }
  .insightscampaign .insightscampaign-left {
    float: none;
    width: auto;
  }
}
.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 {
  *zoom: 1;
  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;
  *zoom: 1;
  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 {
  *zoom: 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;
  *zoom: 1;
}
.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: #99ddff;
}
.planlist-item.current .btn-primary {
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ecc71', endColorstr='#2ecc99', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 80px !important;
  padding-left: 7px;
}
.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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.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;
}
#choose-side-type {
  list-style: none;
}
#choose-side-type li .radio-header img {
  float: left;
  padding-right: 10px;
  max-height: 25px;
  margin-top: 4px;
}
#choose-side-type li .radio-header h2 {
  float: left;
}
#choose-side-type li p {
  clear: both;
  text-align: left;
}
#choose-side-type li div input[type=radio] {
  float: left;
}
#choose-side-type li {
  width: 550px;
  margin: 0 auto;
}
.radio-container,
.radio-explain {
  float: left;
  display: block;
}
.radio-explain {
  width: 90%;
}
.radio-container {
  width: 10%;
}
.radio-container input[type=radio] {
  margin: 28px 10px;
}
.scene-list,
.role-list {
  margin-top: 20px;
}
.scene-list .scene-desc {
  height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 20px;
}
.scene-list .scene-desc * {
  text-overflow: inherit;
  overflow: inherit;
}
.role-list li {
  float: left;
  width: 25%;
}
.scene-list .expand-collapse {
  float: right;
  margin-top: 6px;
}
.scene-list li {
  padding: 5px;
  position: relative;
}
.scene-list .expanded .expand-collapse i {
  background-position: -288px -120px;
}
.scene-list .expanded .scene-desc {
  height: auto;
  text-overflow: clip;
  overflow: visible;
  white-space: normal;
}
#sender-info-form h3 {
  margin-bottom: 10px;
}
.shared-with li {
  padding: 5px 10px;
}
.shared-with li span {
  padding: 5px 0;
  display: inline-block;
}
#sides-scene-list li label {
  width: 100%;
}
.modal-topnav {
  text-align: center;
}
.modal-topnav ul li {
  padding: 5px 10px;
}
#sides-user-email {
  width: 80%;
  height: 150px;
  font-size: 18px;
  padding: 10px;
}
#sides-review > div {
  width: 25%;
}
#sides-review .sharebox ul {
  margin: 0;
}
#sides-review .sharebox ul li {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card-editor {
  padding: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
}
.card-editor .card-btns {
  margin-bottom: 10px;
}
.card-editor .card-list {
  list-style: decimal inside;
  color: #ffffff;
  margin: 0;
  height: 100%;
  *zoom: 1;
}
.card-editor .card-list:before,
.card-editor .card-list:after {
  display: table;
  content: "";
}
.card-editor .card-list:after {
  clear: both;
}
.unlinked-cards .index-card {
  counter-increment: item;
}
.unlinked-cards .index-card ol .index-card {
  counter-increment: item;
}
.unlinked-cards .index-card .card-heading span:before {
  content: counter(item) ". ";
}
.search-bar .autoblocklist.editing {
  box-shadow: none!important;
}
.filter-container {
  display: inline-block;
  margin-left: 40%;
}
.filter-container #link-filter-btn {
  background: #b7b7b7;
}
.filter-container #link-filter-btn.active {
  background: #3ee2f6 !important;
}
.filter-container #unlink-filter-btn {
  background: #b7b7b7;
}
.filter-container #unlink-filter-btn.active {
  background: #3ee2f6 !important;
}
.card-editor-button {
  padding: 6px 20px !important;
  margin: 0 1px;
}
.index-card {
  list-style: none;
  width: 300px;
  height: 183px;
  border-radius: 2px;
  background-color: white;
  border: 1px solid #cecece;
  margin: 0 18px 20px 0;
  display: inline-block;
  color: #111;
  vertical-align: top;
  position: relative;
}
.index-card.linkable:hover {
  box-shadow: 0 0 5px #4fc0e8;
  border-color: #87dae8;
  cursor: pointer;
}
.index-card.editing .card-heading span:before {
  content: "";
}
.index-card.linkable .card-menu {
  display: none !important;
}
.index-card[bigness="-1"] {
  width: 225px;
  height: 137.25px;
  min-height: 137.25px;
}
.index-card[bigness="-1"] .card-heading input {
  width: 161px;
}
.index-card[bigness="-1"] .card-description textarea {
  min-height: 40px;
  width: 213.5px;
}
.index-card[bigness="-1"] .card-description span {
  height: 40px;
  min-height: 40px;
}
.index-card[bigness="-1"] .card-tags {
  height: 33px;
}
.index-card[bigness="0"] .card-description textarea {
  width: 96%;
}
.index-card[bigness="-2"] {
  width: 207px;
  height: 126.27px;
  min-height: 124.44px;
}
.index-card[bigness="-2"] .card-heading input {
  width: 143px;
}
.index-card[bigness="-2"] .card-description textarea {
  min-height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 195.5px;
}
.index-card[bigness="-2"] .card-description span {
  height: 28px;
  min-height: 28px;
}
.index-card[bigness="-2"] .card-tags {
  height: 34px;
}
.index-card[bigness="-3"] {
  margin: 0 20px 30px 0;
  width: 207px;
  height: auto;
  min-height: initial;
}
.index-card[bigness="-3"] .card-heading input {
  width: 143px;
}
.index-card[bigness="-3"] .card-description {
  display: none;
}
.index-card[bigness="-3"] .card-tags {
  display: none;
}
.index-card[bigness="1"] {
  width: 375px;
  height: 228.75px;
  min-height: 228.75px;
}
.index-card[bigness="1"] .card-heading input {
  width: 311px;
}
.index-card[bigness="1"] .card-description textarea {
  min-height: 100px;
  width: 100% !important;
  box-sizing: border-box;
}
.index-card[bigness="1"] .card-description span {
  height: 100px;
  min-height: 100px;
}
.index-card[bigness="1"] .card-tags {
  height: 65px;
}
.index-card[bigness="2"] {
  width: 450px;
  height: 274.5px;
  min-height: 274.5px;
}
.index-card[bigness="2"] .card-heading input {
  width: 386px;
}
.index-card[bigness="2"] .card-description textarea {
  min-height: 156px;
  width: 428px;
  width: 100% !important;
  box-sizing: border-box;
}
.index-card[bigness="2"] .card-description span {
  height: 156px;
  min-height: 156px;
}
.index-card[bigness="2"] .card-tags {
  height: 55px;
}
.index-card[bigness="4"] {
  width: 600px;
  height: 366px;
  min-height: 366px;
}
.index-card[bigness="4"] .card-heading input {
  width: 536px;
}
.index-card[bigness="4"] .card-description textarea {
  min-height: 200px;
  width: 428px;
  width: 100% !important;
  box-sizing: border-box;
}
.index-card[bigness="4"] .card-description span {
  height: 200px;
  min-height: 200px;
}
.index-card[bigness="4"] .card-tags {
  height: 55px;
}
.index-card.index-card-hidden {
  display: none !important;
  width: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.index-card textarea,
.index-card input {
  background-color: #fff;
  resize: none;
}
.index-card .btn-container {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 5px;
}
.index-card .btn-container .btn {
  float: right;
  margin-left: 5px;
}
.index-card.dragging {
  cursor: move;
  -webkit-box-shadow: 0 0 6px rgba(0, 136, 204, 0.8);
  -moz-box-shadow: 0 0 6px rgba(0, 136, 204, 0.8);
  box-shadow: 0 0 6px rgba(0, 136, 204, 0.8);
}
.index-card .card-heading,
.index-card .card-description {
  padding: 5px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.index-card .card-menu-list {
  list-style: none;
  overflow-y: auto;
  max-height: 400px;
  margin: 0;
}
.index-card .card-menu-list li a:link,
.index-card .card-menu-list li a:visited {
  color: #000;
}
.index-card .link-button-list {
  list-style: none;
  margin: 0;
}
.index-card .link-button-list li a:link,
.index-card .link-button-list li a:visited {
  color: #000;
}
.index-card .colorpicker .goog-popupcolorpicker {
  position: relative!important;
  left: 0!important;
  top: 0!important;
}
.index-card .colorpicker .goog-palette-table {
  border: none;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  z-index: 3000;
}
.index-card .colorpicker .goog-palette-cell {
  border-right: 0;
  border-bottom: 0;
}
.index-card .card-description {
  padding: 0;
}
.index-card .card-tags {
  background-color: white;
  padding: 6px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 34px;
}
.index-card .card-tags .goog-popupcolorpicker {
  top: -4px !important;
}
.index-card .card-tags .goog-palette-table {
  border: none;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  z-index: 3000;
}
.index-card .card-tags .goog-palette-cell {
  border-right: 0;
  border-bottom: 0;
}
.index-card .card-tags .autoblock {
  background-image: none!important;
  border: none!important;
}
.index-card .card-tags .autoblock-remove {
  color: inherit;
}
.index-card .card-tags .autoblock-colorselect {
  display: inline-block !important;
  color: inherit;
}
.index-card .card-tags .autoblock-colorselect .autoblock-colorselect-caret {
  margin-top: 1px;
  border-top-color: #646464!important;
  border-bottom-color: #646464!important;
}
.index-card .card-tags .autoblock-text {
  text-shadow: none!important;
  font-size: 11px;
  font-weight: normal;
  text-transform: lowercase;
  letter-spacing: 1px;
}
.index-card .card-heading {
  height: 29px;
  border-bottom: 1px solid #cecece;
}
.index-card .card-heading input {
  background: #888;
  background: rgba(50, 50, 50, 0.5);
  color: white;
  padding: 5px;
  margin: 0;
  border-width: 1px;
  width: 236px;
  box-shadow: none;
}
.index-card .card-heading input:focus {
  box-shadow: none;
}
.index-card .card-heading span {
  display: inline-block;
  padding: 5px;
  margin: 0;
  border: 1px solid transparent;
  width: 75%;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-card .card-description {
  color: #333;
  background-color: #fff;
}
.index-card .card-description textarea {
  min-height: 85px;
  padding: 5px;
  margin: 0;
  border-width: 1px;
  width: 278px;
}
.index-card .card-description span {
  white-space: pre-wrap;
  height: 85px;
  min-height: 85px;
  overflow: auto;
  display: block;
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid gainsboro;
}
.card-back {
  display: none;
}
.index-card-loading-placeholder {
  opacity: 0.7;
}
a.hidden-autoblock-colorselect {
  display: none;
}
.scene-container {
  min-width: 300px;
  border-radius: 3px;
  background-color: white;
  display: table;
  vertical-align: top;
  margin: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-right: 0;
  border: 1px solid #ccc;
  width: 97%;
  box-sizing: border-box;
}
.scene-container:last-child {
  margin-bottom: 20px;
}
.scene-container a.add-card-to-scene-btn {
  color: #000;
  margin: 0px 0px 0px 0px;
  color: #606060;
  font-size: 18px;
}
.scene-container a.add-card-to-scene-btn:hover {
  color: #888888;
}
.scene-container a.preview-scene-contents {
  margin: 0px 5px 0px 0px;
  color: #606060;
  font-size: 18px;
}
.scene-container a.preview-scene-contents:hover {
  color: #888888;
}
.scene-snippet {
  background: white;
  color: black;
  word-wrap: break-word;
  font-family: monospace;
  padding: 6px;
  padding-top: 20px;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 2px;
  margin: 10px auto -10px;
  border: 1px solid #cccccc;
  width: 590px;
  height: 400px;
  overflow-y: auto;
}
.card-scene-container {
  padding-left: 20px;
  min-height: 200px;
  min-width: 345px;
}
.card-scene-container:empty:before {
  content: " ";
  text-align: center;
  display: block;
  display: table-cell;
  vertical-align: middle;
  width: 300px;
  height: 183px;
  font-size: 27px;
  border: 3px dashed #dee1e2;
  color: #dee1e2;
}
.card-scene-title {
  background: #c0c0c0;
  overflow: hidden;
  white-space: nowrap;
  display: grid;
  grid-template-columns: 1fr 60px;
  grid-gap: 5px;
  color: black;
  font-size: 13px;
  font-weight: normal;
  font-family: monospace;
  text-overflow: ellipsis;
  margin: 10px;
  padding: 5px;
  line-height: 1;
}
.card-scene-title span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 0px;
  margin: auto 0;
}
.script-card-container {
  display: inline-block;
  margin: 0 20px 40px 0;
  padding-right: 0;
}
.script-card-container .index-card {
  height: auto;
}
.script-card-container .index-card textarea {
  min-height: 95px;
}
.script-card-container .card-scene-title {
  background: #c0c0c0;
  padding: 12px 20px;
  margin: 1px 0;
  font-weight: bold;
  font-family: Lato, Courier, monospace;
  font-size: 10px;
  letter-spacing: 1px;
  display: block;
}
.script-card-container .card-scene-title span {
  max-width: 125px;
}
.script-card-container .card-menu-anchor {
  padding-right: 20px !important;
}
.script-card-container span {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.script-card-container a.add-card-to-scene-btn,
.script-card-container .collapse-scene-container-btn {
  color: #000;
  margin: 0px -10px 0px 0px;
  color: #606060;
  float: right;
  font-size: 14px;
}
.script-card-container a.add-card-to-scene-btn:hover,
.script-card-container .collapse-scene-container-btn:hover {
  color: #888888;
}
.script-card-container a.collapse-scene-container-btn {
  margin-right: 5px;
  font-size: 16px;
}
.script-card-container.card-scene-container {
  display: inline-block;
  padding-left: 0px;
  min-height: auto;
  min-width: auto;
}
.card-editor-content {
  min-height: 100%;
}
@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;
  }
}
.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;
}
.editor-pane-container {
  height: 100%;
}
.editor-pane-container .editor-pane {
  overflow: auto;
}
.editor-pane-container .unlinked-cards-parent {
  overflow-y: hidden;
  vertical-align: top;
  height: 100%;
}
.editor-pane-container .unlinked-cards-parent .unlinked-cards {
  height: 100%;
  box-sizing: border-box;
}
.editor-pane-container .linked-cards {
  height: 100%;
  display: none;
  padding-left: 20px;
}
.editor-pane-container .linked-cards .card-scene-container {
  box-sizing: border-box;
}
.editor-pane-container .linked-cards.pane-visible {
  display: block;
}
.editor-pane-container .linked-cards #link-to-script {
  font-weight: bold;
}
.editor-pane-container .editor-pane-toolbar {
  width: 100%;
}
.editor-pane-container .editor-pane-toolbar#linked-toolbar {
  display: flex;
  height: 37px;
}
.editor-pane-container .editor-pane-toolbar#linked-toolbar .linked-cards-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  margin-top: 20px;
  margin-left: 24px;
  margin-right: 20px;
  color: #828282;
  font-size: 12px;
}
.editor-pane-container .editor-pane-toolbar#unlinked-toolbar {
  background-color: #c5c7c7;
  margin-top: -20px;
  margin-left: -20px;
  margin-bottom: 20px;
  height: 45px;
  padding: 15px 25px 0 15px;
}
.editor-pane-container .editor-pane-toolbar#unlinked-toolbar #unlinked-card-lbl-container {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #828282;
}
.editor-pane-container .editor-pane-toolbar#unlinked-toolbar #unlinked-cards-label {
  min-width: 0;
  margin-top: 20px;
  margin-left: 24px;
  margin-right: 20px;
  color: #828282;
  font-size: 12px;
}
.bigtoolbar.card-toolbar {
  padding: 10px 140px 10px 15px !important;
  background-image: none !important;
  border-bottom: 0 !important;
  /* ZOOM DROPDOWN MENU STYLING */
  /* END OF ZOOM DROPDOWN STYLING */
}
.bigtoolbar.card-toolbar #add-card-btn {
  background-color: #40beb5;
  display: inline-block;
  margin: 4px 0px;
  font-size: 12px;
  font-weight: normal;
}
.bigtoolbar.card-toolbar #add-card-btn:before {
  content: '\e8b4';
  font-family: celtxicons;
  padding-right: 8px;
  margin-left: -5px;
}
.bigtoolbar.card-toolbar #zoom-card-btn {
  float: right;
  color: white;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button,
.bigtoolbar.card-toolbar .goog-toolbar-menu-button-open,
.bigtoolbar.card-toolbar .goog-toolbar-menu-button-active {
  background-color: #3b3d3e !important;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption,
.bigtoolbar.card-toolbar .goog-toolbar-menu-button-open .goog-toolbar-menu-button-caption,
.bigtoolbar.card-toolbar .goog-toolbar-menu-button-active .goog-toolbar-menu-button-caption {
  color: white;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button:hover {
  cursor: pointer;
}
.bigtoolbar.card-toolbar .goog-toolbar-select {
  padding: 4px 5px;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button-inner-box {
  border: none;
  padding: 1px 3px;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button-outer-box {
  border: none;
  padding: 0px 2px;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button {
  color: #ffffff;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption {
  color: #ffffff;
}
.bigtoolbar.card-toolbar .goog-toolbar-button-checked .goog-toolbar-button-inner-box {
  border-color: transparent !important;
}
.bigtoolbar.card-toolbar .goog-toolbar-button-checked .goog-toolbar-button-outer-box {
  border-color: transparent !important;
}
.bigtoolbar.card-toolbar .goog-toolbar-menu-button-dropdown {
  background: none;
  height: 18px;
  width: 12px;
  line-height: 18px;
}
.bigtoolbar.card-toolbar #card-resize-btn {
  background-color: #aaabac;
  margin: 9px 1px 2px 0px;
  float: right;
}
.bigtoolbar.card-toolbar #bigger-card-btn {
  float: right;
}
.bigtoolbar.card-toolbar #smaller-card-btn {
  float: right;
}
.bigtoolbar.card-toolbar .autoblocksearch {
  float: right;
  width: 250px;
  margin-right: 25px;
}
.bigtoolbar.card-toolbar .autoblocksearch .autoblock-input {
  margin-top: -1px;
}
.bigtoolbar.card-toolbar .autoblocksearch .autoblock {
  background-image: none !important;
}
.bigtoolbar.card-toolbar .autoblocksearch .autoblock .autoblock-remove {
  color: #646464;
}
.bigtoolbar.card-toolbar .autoblocksearch .autoblocklist {
  background: white;
  margin-top: 0px;
  padding: 2px;
  padding-left: 20px;
  height: 27px;
}
.bigtoolbar.card-toolbar .autoblocksearch .autoblocklist.editing input {
  margin: 1px;
}
.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;
}
.editor-scrollable-scrollbary {
  overflow-y: scroll;
}
.cardoptions {
  float: right;
}
.sidebar-unlinked-cards {
  position: absolute;
  z-index: 9999;
  top: 50px;
  left: -280px;
  width: 260px;
  height: 500px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  padding: 10px;
  -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);
  overflow-y: scroll;
}
.sidebar-unlinked-cards .index-card {
  width: 100%;
}
.unlinked-cards-dialog {
  width: 350px;
}
.unlinked-cards-dialog .modal-dialog-content {
  max-height: 450px !important;
}
.unlinked-cards-dialog .modal-dialog-buttons {
  padding-top: 15px;
}
.unlinked-cards-dialog .dialog-scene-title {
  color: #dddddd;
  padding-left: 12px;
  text-transform: uppercase;
}
.dialog-cards-container .index-card {
  margin: 0px 0px 20px 0px;
}
.dialog-cards-container .index-card .autoblock-colorselect {
  display: none !important;
}
.unlinked-cards {
  padding: 20px;
  overflow-x: hidden;
  display: none;
}
.unlinked-cards:empty:before {
  display: block;
  content: "";
  background-image: url(../img/arrow-north.png);
  height: 40px;
  width: 40px;
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -15px;
  margin-left: 250px;
}
.unlinked-cards:empty:after {
  content: "Create index cards";
  font-size: 20px;
  line-height: 0.9;
  margin-left: 13px;
  margin-top: 15px;
  color: #b7b7b7;
  float: left;
}
.empty-scene-container-content {
  font-size: 20px;
  line-height: 0.9;
  margin: 0 auto;
  color: #b7b7b7;
  float: left;
  padding-right: 25px;
  margin-left: 23px;
  margin-top: 60px;
  display: none;
}
.scene-container-is-empty .empty-scene-container-content {
  display: block;
}
#create-card-btn {
  background: #7ed5f8;
  border: 0;
  color: #fff;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "lato", sans-serif;
}
.modal-dialog .modal-dialog-buttons {
  padding: 20px 20px 20px 20px;
}
.new-card {
  -webkit-animation: rip 2s infinite;
  -moz-animation: rip 2s infinite;
  animation: rip 2s infinite;
}
.link-init {
  position: relative;
  border-color: #4fb1e8;
}
.link-init:after {
  content: "\f0c1";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 0px;
  padding: 10px;
  font-size: 14px !important;
  text-align: center;
}
#card-filter {
  padding: 10px;
  background: #b6b8b8;
}
.external-doc-open-link {
  vertical-align: middle;
  color: white;
  text-transform: lowercase;
}
.external-doc-open-link i {
  margin-left: 5px;
}
a#link-to-cards:link,
a#link-to-cards:visited {
  max-width: 200px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.loading-cards-error {
  color: #000;
  padding: 10px;
  text-align: center;
  margin: auto;
}
@-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 10px 10px 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 10px 10px transparent;
    border-color: #87dae8;
  }
}
.autoblock.dragging {
  z-index: 99999;
}
.mobile-card-login-view .logowhite {
  background-size: 80px 33px !important;
  min-height: 33px;
  width: 80px;
}
.mobile-card-login-view .login-box {
  padding: 10px;
  background: none;
  box-shadow: none;
}
.mobile-card-login-view .login-box #gsignin-separator,
.mobile-card-login-view .login-box .gsignin-container,
.mobile-card-login-view .login-box .msignin-container {
  display: none;
}
.mobile-card-login-view .login-box input[type='submit'] {
  height: initial;
  font-size: 18px;
}
.mobile-card-login-view .trouble-logging-in {
  margin-top: 20px;
  text-align: center !important;
}
.card-app-filelist {
  margin: 0px;
  padding-bottom: 40px;
  height: 90vh;
  background-color: #cbcecf;
}
.card-app-filelist .cx-filelistitem-menu {
  height: 40px;
  width: 40px;
  margin-left: auto;
  margin-right: 8px;
  text-align: center;
}
.card-app-filelist .cx-filelistitem-menu i {
  font-size: 26px;
  margin-top: 8px;
}
.card-app-filelist .cx-filelistitem-icon {
  padding: 0 !important;
}
.card-app-filelist .cx-filelistitem:hover {
  background-color: #d6d9da !important;
}
.card-app-filelist .cx-filelistitem:last-child {
  margin: 0px;
}
.mobile-editor-container .inactive-card-pane {
  display: none !important;
}
.mobile-editor-container .unlinked-cards,
.mobile-editor-container .linked-cards {
  text-align: center;
}
.mobile-editor-container .linked-cards {
  padding-bottom: 200px;
}
.mobile-editor-container .unlinked-cards {
  display: block;
  width: 101%;
  padding-bottom: 200px;
}
.mobile-editor-container .unlinked-cards:empty:before {
  transform: scaleY(-1);
  margin-top: 20px;
  position: absolute;
  bottom: 50px;
  left: 35px;
}
.mobile-editor-container .unlinked-cards:empty:after {
  position: absolute;
  bottom: 76px;
  left: 75px;
}
.mobile-editor-container .index-card,
.mobile-editor-container .scene-container {
  text-align: left;
}
.mobile-editor-container .index-card .card-menu-list a {
  padding: 10px 15px;
}
.mobile-editor-container .index-card .autoblock .autoblock-colorselect,
.mobile-editor-container .index-card .autoblock .autoblock-remove {
  font-size: 20px;
  padding-top: 2px;
}
.card-toolbar.mobile-card-toolbar {
  height: 40px;
  width: 100%;
  position: fixed;
  padding: 0px !important;
  bottom: 0;
  background-color: #f1efef !important;
  border-top: 1px solid #ccc;
  display: flex;
  z-index: 10010;
}
.card-toolbar.mobile-card-toolbar .autoblocksearch {
  width: inherit;
  min-width: 0;
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
}
.card-toolbar.mobile-card-toolbar .autoblocksearch i {
  display: none;
}
.card-toolbar.mobile-card-toolbar .autoblocksearch i.fa-remove {
  display: inline-block;
}
.card-toolbar.mobile-card-toolbar .autoblocksearch .autoblocklist {
  padding-left: 0px;
}
.card-toolbar.mobile-card-toolbar .card-editor-button {
  width: inherit;
  color: #7b7c7d;
  background-color: #f1efef !important;
  font-size: 17px;
  font-weight: 500;
  padding: 10px 0px !important;
}
.card-toolbar.mobile-card-toolbar .card-editor-button#create-new-project-btn {
  flex-basis: 0;
  flex-grow: 1;
  white-space: nowrap;
  font-size: 24px;
  padding-left: 5px !important;
}
.card-toolbar.mobile-card-toolbar .card-editor-button#logout-dialog-btn {
  flex-basis: 0;
  flex-grow: 1;
  white-space: nowrap;
  font-size: 24px;
}
.card-toolbar.mobile-card-toolbar .card-editor-button.card-sort-btn {
  flex-basis: 0;
  flex-grow: 1;
  font-size: 10px;
  white-space: nowrap;
  padding: 24px 10px 6px 10px !important;
}
.card-toolbar.mobile-card-toolbar .card-editor-button.card-sort-btn.active {
  color: #0e7afe;
}
.card-toolbar.mobile-card-toolbar .card-editor-button.card-sort-btn i {
  height: 24px;
  width: 24px;
  background-size: cover;
  position: absolute;
  top: 6px;
  margin-left: 10px;
  font-size: 18px;
}
.card-toolbar.mobile-card-toolbar .card-editor-button.card-sort-btn i.sort-date-icon {
  margin-left: 6px;
}
.card-toolbar.mobile-card-toolbar #add-card-btn {
  width: initial;
  font-size: 22px;
  padding: 10px 15px 10px 20px !important;
}
.card-toolbar.mobile-card-toolbar #add-card-btn:before {
  padding-right: 0;
  margin-left: 0;
}
.card-toolbar.mobile-card-toolbar #zoom-card-btn {
  width: initial;
  color: #0e7afe;
  background-color: #f1efef !important;
  font-size: 17px;
  padding: 8px 0;
  text-align: center;
}
.card-toolbar.mobile-card-toolbar #zoom-card-btn .goog-toolbar-menu-button-caption {
  color: inherit;
}
.card-toolbar.mobile-card-toolbar .view-toggle-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.card-toolbar.mobile-card-toolbar .view-toggle-container .toggle-separator {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #f7f7f7;
  margin: 0 6px;
}
.card-toolbar.mobile-card-toolbar .view-toggle-container .unlinked-option,
.card-toolbar.mobile-card-toolbar .view-toggle-container .linked-option {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
  font-size: 16px;
}
.card-toolbar.mobile-card-toolbar .view-toggle-container .unlinked-option #unlinked-text,
.card-toolbar.mobile-card-toolbar .view-toggle-container .linked-option #unlinked-text,
.card-toolbar.mobile-card-toolbar .view-toggle-container .unlinked-option #linked-text,
.card-toolbar.mobile-card-toolbar .view-toggle-container .linked-option #linked-text {
  font-size: 11px;
}
.card-toolbar.mobile-card-toolbar .view-toggle-container .unlinked-option.active,
.card-toolbar.mobile-card-toolbar .view-toggle-container .linked-option.active {
  color: #0e7afe;
}
.card-toolbar.mobile-card-toolbar .view-toggle-container .unlinked-option {
  padding: 6px 2px !important;
}
.card-toolbar.mobile-card-toolbar .view-toggle-container .linked-option {
  padding: 6px 7px !important;
}
.card-toolbar.mobile-card-toolbar.native-card-toolbar {
  top: 0;
  border-bottom: 1px solid #ccc;
  border-top: 0;
}
.card-toolbar.mobile-card-toolbar.native-card-toolbar .card-back-button {
  font-size: 22px;
  padding: 10px 15px 10px 20px;
  color: #0e7afe;
}
.card-toolbar.mobile-card-toolbar.native-card-toolbar .card-toolbar-title {
  font-size: 18px;
  margin: 0 auto;
  padding-top: 10px;
  padding-right: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-dialog.mobile-card-dialog.mobile-script-preview {
  width: inherit !important;
  height: 73% !important;
}
.modal-dialog.mobile-card-dialog.mobile-script-preview .scene-snippet {
  width: inherit;
  height: inherit;
  padding: 20px 0 0 0;
}
.modal-dialog.mobile-card-dialog.mobile-script-preview .scene-snippet p {
  margin-right: 15px !important;
}
.mobile-card-editor-content {
  height: auto !important;
  display: none;
}
.mobile-card-editor-content.native-browser-editor {
  padding-top: 35px;
}
.mobile-card-editor-content .add-card-to-scene-btn {
  display: none;
}
.mobile-card-editor-content .preview-scene-contents {
  color: #0e7afe !important;
}
.modal-dialog.mobile-card-dialog {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  height: 250px;
  width: 270px !important;
  overflow: hidden !important;
  border-radius: 5px;
  margin: 0 auto;
  left: 10px !important;
  right: 10px !important;
  top: 11% !important;
  bottom: 10px !important;
  min-height: initial !important;
  position: fixed !important;
  overflow: auto;
  z-index: 9999999;
  background-color: #f1efef !important;
}
.modal-dialog.mobile-card-dialog .modal-dialog-title {
  display: none !important;
}
.modal-dialog.mobile-card-dialog .modal-dialog-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
  background-color: #f1efef !important;
}
.modal-dialog.mobile-card-dialog .modal-dialog-content .mobile-file-text {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 25px;
}
.modal-dialog.mobile-card-dialog .modal-dialog-buttons {
  border-top: 1px solid #ccc;
  display: flex;
  padding: 0px;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
.modal-dialog.mobile-card-dialog .modal-dialog-buttons button {
  width: 100%;
  height: 45px;
}
.modal-dialog.mobile-card-dialog .mobile-dismiss-button {
  color: #0e7afe !important;
  background-color: #f1efef !important;
  font-size: 17px !important;
  width: 100% !important;
  font-weight: 400;
  margin: 0px !important;
  padding: 0px;
  border-radius: 0;
}
.modal-dialog.mobile-card-dialog .mobile-dismiss-button[name="ok"] {
  border-right: 1px solid #ccc;
}
.modal-dialog.mobile-card-dialog .mobile-dialog-buttons {
  position: absolute;
  bottom: 45px;
  width: 100%;
}
.modal-dialog.mobile-card-dialog .mobile-dialog-buttons .mobile-card-dialog-button {
  color: #0e7afe;
  background-color: white !important;
  font-size: 17px !important;
  width: 100% !important;
  font-weight: 400;
  margin: 0px !important;
  padding: 13px 0px;
  border-top: 1px solid #ccc !important;
}
.modal-dialog.mobile-card-dialog .mobile-dialog-buttons .mobile-card-dialog-button.disabled-mobile-button {
  opacity: 0.5;
  color: gray !important;
}
.modal-dialog.mobile-card-dialog input {
  height: 30px;
  margin-top: 20px;
  font-size: 16px;
  border-radius: 5px;
}
.mobile-add-to-scene-dialog {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  height: 80%;
  overflow: hidden;
  left: 10px !important;
  right: 10px !important;
  top: 10px !important;
  bottom: 10px !important;
  min-height: initial !important;
  width: auto !important;
  overflow: auto;
  z-index: 9999999;
}
.mobile-add-to-scene-dialog .modal-dialog-title {
  display: none !important;
}
.mobile-add-to-scene-dialog .modal-dialog-content {
  max-height: 75% !important;
  overflow: auto !important;
}
.mobile-add-to-scene-dialog .modal-dialog-content .mobile-add-to-scene-text {
  text-align: center;
  padding: 0px 10px 10px;
  font-size: 18px;
  color: black;
}
.mobile-add-to-scene-dialog .modal-dialog-content .scene-list-container {
  background-color: white;
}
.mobile-add-to-scene-dialog .modal-dialog-content .scene-list-container .mobile-scene-container {
  overflow: hidden;
  padding: 10px;
  border-top: 1px solid #ccc;
}
.mobile-add-to-scene-dialog .modal-dialog-content .scene-list-container .mobile-scene-container .mobile-card-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px;
  color: #0e7afe;
  background-color: white;
  font-size: 17px;
  width: 100%;
}
.mobile-card-dialog.create-new-dialog {
  height: 150px;
}
.mobile-card-dialog.create-new-dialog .mobile-create-project-header {
  text-align: center;
}
.mobile-card-dialog.create-new-dialog .mobile-create-project-header .mobile-create-project-text {
  white-space: nowrap;
  font-size: 16px;
}
.mobile-card-dialog.create-new-dialog .mobile-create-project-header .mobile-create-project-input {
  margin-top: 15px;
}
.mobile-card-dialog.logout-dialog {
  height: 92px;
}
.mobile-card-dialog.logout-dialog .mobile-file-text {
  white-space: nowrap;
  text-align: center;
}
.mobile-card-dialog.logout-dialog #logout-button {
  color: red !important;
  padding: 15px 0;
}
.mobile-card-dialog.file-menu-dialog {
  height: 175px;
}
.mobile-card-dialog.file-menu-dialog .mobile-file-text {
  white-space: nowrap;
  text-align: center;
}
.mobile-card-dialog.file-menu-dialog #delete-project-btn {
  color: red;
}
.mobile-card-dialog.file-rename-dialog {
  height: 145px;
}
.mobile-card-dialog.file-rename-dialog .mobile-file-rename-header {
  text-align: center;
}
.mobile-card-dialog.file-rename-dialog .mobile-file-rename-header .mobile-file-text {
  white-space: nowrap;
}
.mobile-card-dialog.file-rename-dialog .mobile-file-rename-header .mobile-file-rename-input {
  margin-top: 15px;
}
.mobile-card-dialog.file-delete-dialog {
  height: 100px;
}
.mobile-card-dialog.file-delete-dialog.project-delete-dialog {
  height: 160px;
}
.mobile-card-dialog.file-delete-dialog .mobile-file-delete-header {
  text-align: center;
}
.mobile-card-dialog.file-delete-dialog .mobile-file-delete-header .mobile-file-text .mobile-file-delete-name {
  height: 38px;
  overflow: hidden;
}
.mobile-card-dialog.file-delete-dialog .mobile-file-delete-header .mobile-file-text .mobile-file-delete-warning {
  margin-top: 10px;
}
.mobile-card-dialog.file-delete-dialog button[name="ok"] {
  color: red !important;
}
.mobile-help-message.empty-project-list {
  position: absolute;
  top: 34%;
  left: 0;
  right: 0;
  padding: 20px;
  margin: 0 auto;
  width: 200px;
  background-color: #313538;
  box-shadow: 0px 0px 9px 3px #888888;
  color: white;
  border-radius: 11px;
  font-size: 17px;
  text-align: center;
  font-family: lato;
  border: 1px solid gray;
  z-index: 9;
}
.mobile-help-message.empty-project-list .empty-project-list-header {
  padding-bottom: 25px;
}
body > .autoblock.dragging .goog-popupcolorpicker {
  display: none;
}
.media-gallery-chooser-container {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}
.pagination-list-container {
  clear: both;
}
.gallery-chooser {
  *zoom: 1;
}
.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;
  *zoom: 1;
  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: #0099e6;
  background: rgba(0, 153, 230, 0.8);
}
.gallery-chooser .gallery-item.selected .gallery-item-thumbnail {
  -webkit-box-shadow: 0 0px 6px #0da6f2;
  -moz-box-shadow: 0 0px 6px #0da6f2;
  box-shadow: 0 0px 6px #0da6f2;
}
.gallery-chooser .gallery-item.selected .gallery-item-thumbnail img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.gallery-chooser .gallery-item .remove-circle {
  background: #c05c5a;
  border: 1px solid #b94a48;
  -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 #0088cc;
  -moz-box-shadow: 0 0px 6px #0088cc;
  box-shadow: 0 0px 6px #0088cc;
}
.gallery-chooser .gallery-item .gallery-item-thumbnail:hover {
  -webkit-box-shadow: 0 0px 6px #7dc4e8;
  -moz-box-shadow: 0 0px 6px #7dc4e8;
  box-shadow: 0 0px 6px #7dc4e8;
}
.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;
  }
}
/* Begin onboarding styles */
.onboard-blur {
  filter: blur(5px);
  overflow: hidden;
}
.modal-dialog-bg.modal-dialog-bg-white {
  opacity: 100% !important;
  background: white;
}
#brand-img {
  width: 235px;
  height: 48px;
  background-image: url('../img/onboarding/brand.png');
  float: left;
}
#sidebar-img {
  width: 235px;
  height: 477px;
  background-image: url('../img/onboarding/sidebar.png');
}
#topnavbar-img {
  width: 353px;
  height: 48px;
  background-image: url('../img/onboarding/topnavbar.png');
}
#topnavbar-img-no-subscribe {
  width: 228px;
  height: 48px;
  background-image: url('../img/onboarding/topnavbar_alt.png');
}
.signup-container {
  width: 100%;
  text-align: center;
}
.goog-menu-button-open {
  border-bottom-left-radius: 0px ;
  border-bottom-right-radius: 0px;
}
.goog-menu-button-open:focus {
  outline: none;
  box-shadow: none;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list {
  background-color: white;
  border: 1px solid #ddd !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  max-height: 441px;
  box-shadow: none;
  width: 157px;
  box-sizing: border-box;
  margin-top: -6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  overflow: auto;
  max-height: 169px;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem {
  padding: 8px;
  width: 80%;
  border-style: solid;
  border-width: 0px 0px 1px 1px !important;
  border-color: #ddd;
  border-left: 0;
  padding-left: 7px !important;
  font: normal normal normal 12px Lato;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem:first-child {
  border-top: 1px solid;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem:last-child {
  border-bottom: 0px;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem:hover {
  background-color: #dfefee !important;
  color: #2fb5b4 !important;
  border-bottom: 1px solid #ddd !important;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem-content {
  color: #5A5A5A !important;
  font: normal normal normal 12px Lato;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem.goog-menuitem-highlight {
  background: white;
  border-color: #dfefee !important;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem.goog-menuitem-highlight .goog-menuitem-content {
  color: #2fb5b4 !important;
}
.goog-menu.goog-menu-vertical.onboard-project-episode-select-list .goog-menuitem.goog-menuitem-highlight .goog-menuitem-content:hover {
  color: #2fb5b4 !important;
}
.signup-container-content {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: #404040;
  font-weight: 400;
  letter-spacing: 0.01em;
  border-radius: 6px;
  background: #ffffff;
  /* Hide the spinner */
}
.signup-container-content h1,
.signup-container-content h2 {
  color: #2fb5b4;
}
.signup-container-content h1 {
  margin-top: 35px;
  font-weight: bold;
}
.signup-container-content h2 {
  font-weight: 600;
}
.signup-container-content h3 {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.signup-container-content p {
  margin-bottom: 3px;
}
.signup-container-content a {
  color: #999999;
}
.signup-container-content a:hover {
  color: #b3b3b3;
}
.signup-container-content input {
  background: white;
  border: 1px solid #ddd;
  color: black;
  padding: 6px 8px;
  border-radius: 6px;
}
.signup-container-content input.input-error {
  border: 2px solid #ea0029 !important;
  background-color: #ffe5e6 !important;
}
.signup-container-content input.input-error::placeholder {
  color: #ea0029;
}
.signup-container-content input::-webkit-input-placeholder {
  opacity: 1;
  color: #616161;
}
.signup-container-content input::-moz-placeholder {
  color: #616161;
  opacity: 1;
}
.signup-container-content input:-ms-input-placeholder {
  color: #616161;
  opacity: 1;
}
.signup-container-content input:-moz-placeholder {
  color: #616161;
  opacity: 1;
}
.signup-container-content select {
  -webkit-appearance: auto;
  -moz-appearance: none;
  background: white;
  border: 1px solid #ddd;
  color: #555555;
  border-radius: 6px;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 30px;
  outline: none;
}
.signup-container-content label {
  margin-bottom: 6px;
}
.signup-container-content .infocardform .onboard-wizard-select .infomanagerbox-editinput-container {
  min-height: initial;
}
.signup-container-content .onboard-wizard-select .infomanagerbox-labelcontent {
  position: relative;
}
.signup-container-content .onboard-wizard-select .infomanagerbox-labelcontent:after {
  font-family: FontAwesome;
  color: #333333;
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 14px;
  pointer-events: none;
}
.signup-container-content .onboard-wizard-select .text-error {
  position: absolute;
  top: 9px;
  left: 30px;
}
.signup-container-content .infocardform {
  margin: 10px auto 0px auto;
  text-align: left;
  position: absolute;
  top: 85px;
  width: 100%;
}
.signup-container-content .infocardform .infomanagerbox-label {
  font-weight: 400;
  letter-spacing: 0.0em;
  color: #333333;
}
.signup-container-content .infocardform .infomanagerbox-label:after,
.signup-container-content .infocardform-label:after {
  display: none;
}
.signup-container-content .infocardform .infomanagerbox-editinput {
  width: 292px;
  max-width: initial;
}
.signup-container-content .infocardform .infomanagerbox-editinput.infomanagerbox-editinput-select {
  font-size: 13px;
  height: 34px;
  padding: 2px 8px;
  max-width: 100%;
}
.signup-container-content .infomanagerbox-editinput-radio {
  margin-top: 12px;
  width: 160px;
}
.signup-container-content .infomanagerbox-editinput-radiolabel-text {
  background: transparent;
  margin-bottom: 0px;
  padding: 0px;
  position: relative;
  font-size: 12px;
}
.signup-container-content .infomanagerbox-editinput-radioinput:checked + .infomanagerbox-editinput-radiolabel-text {
  background: transparent;
  color: #555555;
}
.signup-container-content .infomanagerbox-editinput-radioinput + .infomanagerbox-editinput-radiolabel-text:before {
  content: '';
  border: 2px solid #2fb5b4;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  line-height: 12px;
  font-size: 11px;
  padding: 2px;
  margin-right: 8px;
  margin-bottom: 2px;
}
.signup-container-content .infomanagerbox-editinput-radioinput:checked + .infomanagerbox-editinput-radiolabel-text:before {
  background-color: #2fb5b4;
  -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 2px #ffffff;
  box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.signup-container-content .onboard-userform {
  text-align: left;
  width: 100%;
}
.signup-container-content .onboard-wizard-centered .project-name-error {
  color: #eb0e47;
  padding-top: 10px;
}
.signup-container-content .onboard-wizard-centered .cxi-down:before {
  vertical-align: top;
  color: #a6adb4;
}
.signup-container-content .onboard-wizard-centered .cxi-up:before {
  vertical-align: top;
  color: #a6adb4;
}
.signup-container-content .onboard-wizard-leftpane {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 402px;
  width: 100%;
  text-align: left;
}
.signup-container-content .onboard-wizard-leftpane .cxi-left {
  float: right;
}
.signup-container-content .onboard-wizard-leftpane p {
  font-weight: bold;
  color: #5a5a5a;
}
.signup-container-content .onboard-wizard-leftpane .infomanagerbox-label {
  margin-top: 0px;
  font-weight: bold;
  color: #5a5a5a;
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse {
  display: inline-block;
  margin-right: 10px;
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .infomanagerbox-label {
  margin-top: 20px;
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .react-dropdown {
  width: 307px;
}
@media (max-width: 768px) {
  .signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .react-dropdown {
    width: 275px;
  }
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .react-dropdown.input-error {
  border: 2px solid #ea0029 !important;
  background-color: #ffe5e6 !important;
  border-radius: 6px;
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .react-dropdown.input-error span:first-child {
  color: #ea0029 !important;
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .expanded {
  width: 307px !important;
  color: #616161;
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .expanded ul {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse-persona .infomanagerbox-label {
  margin-top: 0px;
  font-weight: bold;
  color: #5a5a5a;
  white-space: pre-wrap;
}
@media (max-width: 295px) {
  .signup-container-content .onboard-wizard-leftpane .dropdown-mainuse-persona .react-dropdown-menu {
    top: 76px;
  }
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse-experience .infomanagerbox-label {
  margin-top: 10px;
  font-weight: bold;
  color: #5a5a5a;
}
@media (max-width: 373px) {
  .signup-container-content .onboard-wizard-leftpane .dropdown-mainuse-experience .react-dropdown-menu {
    top: 76px;
  }
}
.signup-container-content .onboard-wizard-leftpane .dropdown-mainuse-size .infomanagerbox-label {
  margin-top: 10px;
  font-weight: bold;
  color: #5a5a5a;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown {
  width: 435px;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown.input-error {
  border: 2px solid #ea0029 !important;
  background-color: #ffe5e6 !important;
  border-radius: 6px;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown.input-error span:first-child {
  color: #ea0029 !important;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown:focus {
  outline: none;
  box-shadow: none;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle {
  cursor: pointer;
  padding: 10px;
  transition: background 0.2s;
  color: #616161;
  border: 1px solid #ddd;
  border-radius: 6px;
  line-height: 15px;
  display: table-cell;
  width: 435px;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle span {
  display: flex;
  flex: 1;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle span i {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #A6ADB4;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle.active span i::before {
  transform: rotate(180deg);
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle:hover,
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle.active {
  background: #fff;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle.propertySelected {
  color: #2fb5b4;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu {
  background: #fff;
  position: absolute;
  right: 0px;
  top: 57px;
  left: 0px;
  overflow: hidden;
  width: 0;
  height: 0;
  z-index: 9999;
  box-shadow: none;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul {
  margin: 0;
  list-style: none;
  border: 1px solid #ddd;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul li {
  cursor: pointer;
  width: 100%;
  padding: 10px 0px;
  padding-right: 20px;
  transition: background 0.15s, color 0.15s;
  display: flex;
  align-items: center;
  color: #616161;
  border-style: solid;
  border-width: 0px 1px 1px 1px !important;
  border-color: #ddd;
  border-left: 0;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul li:focus {
  outline: none;
  color: #2fb5b4;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul li:hover {
  color: #00a28f;
  background: #dfefee;
}
@media (max-width: 768px) {
  .signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul li:hover {
    color: #616161;
    background-color: white;
  }
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul li .react-dropdown-menu__item-label {
  margin-left: 10px;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul li:last-child {
  border-bottom: 0;
}
.signup-container-content .onboard-wizard-leftpane .react-dropdown-menu.expanded {
  width: 435px;
  height: auto;
}
.signup-container-content .onboard-wizard-leftpane .onboard-wizard-display {
  display: grid;
}
.signup-container-content .onboard-wizard-leftpane .onboard-wizard-display select {
  width: 450px !important;
}
.signup-container-content .onboard-wizard-leftpane .infomanagerbox-labelcontent {
  width: 100%;
  max-width: 100%;
}
.signup-container-content .onboard-wizard-leftpane .onboard-invite-message-header {
  font-weight: bold;
  color: #5a5a5a;
  font-size: 14px;
}
.signup-container-content .onboard-wizard-leftpane p {
  margin-top: 44px;
  width: 456px;
}
.signup-container-content .onboard-wizard-leftpane h2 {
  text-align: left;
}
.signup-container-content .onboard-wizard-leftpane h4 {
  margin: 0px;
  text-align: left;
  margin-top: 35px;
  font-size: 14px;
  color: #5a5a5a;
}
.signup-container-content .onboard-wizard-leftpane h5 {
  font-weight: normal;
  margin: 0px;
  text-align: left;
  color: #5a5a5a;
  font-size: 14px;
}
.signup-container-content .onboard-wizard-leftpane .infocardform {
  margin-top: 61px;
}
.signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-container {
  min-height: 0px;
}
.signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-container .infomanagerbox-editinput {
  width: 288px;
  height: 22px;
  max-width: 100%;
  margin-right: 12px;
}
@media (max-width: 768px) {
  .signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-container .infomanagerbox-editinput {
    width: 257px;
  }
}
@media (max-width: 320px) {
  .signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-container .infomanagerbox-editinput {
    height: 18px;
  }
}
.signup-container-content .infomanagerbox-editinput {
  font-size: 13px;
  margin-bottom: 2px;
}
.signup-container-content .infomanagerbox-row {
  margin-top: 11px;
  margin-bottom: 0px;
}
.signup-container-content .infomanagerbox-row .infomanagerbox-label {
  letter-spacing: 0;
}
.signup-container-content .infomanagerbox-row {
  margin-right: 0px;
  display: inline-block;
}
.signup-container-content .onboard-wizard-spacingIssue {
  display: block;
}
.signup-container-content .infomanagerbox-row.onboard-wizard-mainuse {
  margin-top: 25px;
  display: inline-block;
  margin-right: 0px;
  width: 50%;
}
.signup-container-content .infocardform .infomanagerbox-desc {
  display: none;
}
.signup-container-content .text-error {
  color: #eb0e47;
}
.signup-container-content .text-success {
  color: #2fb5b4;
}
.signup-container-content .text-success,
.signup-container-content .text-error {
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 375px) {
  .signup-container-content .text-success,
  .signup-container-content .text-error {
    font-size: 10px;
    padding-top: 15px;
  }
}
@media (max-width: 320px) {
  .signup-container-content .text-success,
  .signup-container-content .text-error {
    font-size: 7px;
    padding-top: 0px;
  }
}
.signup-container-content .infocardform .infomanagerbox-editinput-container {
  position: relative;
  min-height: 50px;
}
.signup-container-content .infomanagerbox-gap {
  display: none;
}
.signup-container-content input.multidigitinputs-input {
  background-color: rgba(47, 181, 180, 0.2);
  color: #2fb5b4;
  -moz-appearance: textfield;
  /* Hide the spinner in FF */
  border: 2px solid #2fb5b4 !important;
}
.signup-container-content input.multidigitinputs-input.disabled {
  color: #2fb5b4;
}
.signup-container-content input[type=number]::-webkit-inner-spin-button,
.signup-container-content input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.signup-container-content .multidigitinputs-hyphen {
  color: #32baab;
  opacity: 0;
  margin: 0;
  padding: 0;
  height: 0px;
  width: 0px;
}
.signup-container-content .infomanagerbox-title {
  display: none;
}
.signup-container-content .onboard-projectform h3 {
  width: 280px;
}
.signup-container-content .onboard-projectform p {
  padding-right: 10px;
  padding-left: 10px;
  line-height: normal;
}
.signup-container-content .onboard-projectform .goog-menu-button {
  border: 1px solid #ddd !important;
  padding: 6px 8px;
  border-radius: 6px;
  color: #555555 !important;
  line-height: 18px;
  font-weight: normal;
  letter-spacing: normal;
}
.signup-container-content .onboard-projectform .goog-menu-button-dropdown {
  font-size: 10px;
}
.signup-container-content .onboard-project-types {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.signup-container-content .onboard-project-type-paragraph {
  text-align: left;
  margin-top: 40px !important;
  font-weight: bold;
  font-size: 13px;
  color: #5a5a5a;
  padding-left: 0px !important;
}
.signup-container-content .onboard-project-type {
  display: inline-block;
  width: 210px;
  height: 180px;
  margin-right: 0px;
  background-color: #222222;
  border-radius: 0px;
  color: white;
  cursor: pointer;
  margin-right: 4px;
}
.signup-container-content .onboard-project-type.active {
  background-color: #2fb5b4;
}
.signup-container-content .onboard-project-type:hover,
.signup-container-content .onboard-project-type:focus {
  background-color: #151515;
}
.signup-container-content .onboard-project-type.active:hover,
.signup-container-content .onboard-project-type.active:focus {
  background-color: #2fb5b4;
}
.signup-container-content .onboard-img {
  display: inline-block;
  width: 106px;
  height: 85px;
  margin: 0px 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  transform-origin: bottom;
  opacity: 1;
}
.signup-container-content #onboard-img-film-tv {
  border-radius: 10px 0px 0px 10px;
}
.signup-container-content #onboard-img-stageplay {
  border-radius: 0px 10px 10px 0px;
}
.signup-container-content .onboard-project-type.active .onboard-img,
.signup-container-content .onboard-img:hover {
  opacity: 1;
}
.signup-container-content .onboard-img {
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 20px;
  margin-bottom: -5px;
}
.signup-container-content #onboard-img-film-tv .onboard-img {
  background-image: url('../img/onboarding/film_tv_new.png');
}
.signup-container-content #onboard-img-video .onboard-img {
  background-image: url('../img/onboarding/multicolumn_av_new.png');
}
.signup-container-content #onboard-img-video-v2 {
  vertical-align: top;
}
.signup-container-content #onboard-img-video-v2 .onboard-img {
  background-image: url('../img/onboarding/multicolumn_av_new.png');
}
.signup-container-content #onboard-img-vr-gaming-v2 .onboard-img {
  background-image: url('../img/onboarding/game_vr_new.png');
}
.signup-container-content #onboard-img-stageplay .onboard-img {
  background-image: url('../img/onboarding/stageplay_new.png');
}
.signup-container-content .onboard-text {
  margin: 0px 10px;
}
.signup-container-content .onboard-subtext {
  font-size: 10px;
  margin-bottom: 15px;
  margin-top: 5px;
}
.signup-container-content .onboard-text-type {
  font-size: 14px;
}
.signup-container-content .onboard-companyform .infocardform {
  right: 0;
  text-align: center;
  margin-top: 50px;
}
.signup-container-content .onboard-companyform .infocardform .infomanagerbox-editinput-container {
  min-height: 40px;
}
.signup-container-content .onboard-companyform .infocardform .infomanagerbox-editinput {
  width: 210px;
  margin: 0px;
}
.signup-container-content .onboard-inviteform {
  text-align: left;
}
.signup-container-content .onboard-inviteform .onboard-inviteform-subheading {
  margin-bottom: 24px;
}
.signup-container-content .onboard-inviteform h2,
.signup-container-content .onboard-inviteform h3 {
  text-align: left;
}
.signup-container-content .onboard-inviteform h3 {
  margin: 25px 0px;
}
.signup-container-content .onboard-invite-message {
  border: 1px solid #ccc;
  padding: 6px 8px;
  border-radius: 6px;
  height: 160px;
  margin-top: 4px;
  margin-bottom: 0px;
}
.signup-container-content .label-input-label::placeholder {
  color: #5A5A5A;
  font-family: "lato";
}
.signup-container-content .onboard-invite-message::placeholder {
  color: #5A5A5A;
  font-family: "lato";
}
.signup-container-content .infomanagerbox-editinput-emails-container {
  margin-bottom: 5px;
}
.signup-container-content .infomanagerbox-value {
  display: none;
}
.signup-container-content .autoblocklist.editing {
  border: none;
  box-shadow: none;
  text-align: left;
  padding: 0px;
  max-height: 65px;
  overflow: auto;
}
@media (max-width: 480px) {
  .signup-container-content .autoblocklist.editing {
    max-height: 50px;
  }
}
.signup-container-content .autoblocklist.editing.focus {
  box-shadow: none;
}
.signup-container-content .autoblock-input {
  border: 1px solid #ccc;
  background: transparent;
}
.signup-container-content .autoblock {
  border: 1px solid #2fb5b4;
  border-radius: 2px;
  background: #b3b3b3;
  padding: 0px 3px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 12px;
}
.signup-container-content .autoblock:last-child {
  margin-right: 0px;
}
.signup-container-content .autoblock-text {
  color: #333333;
  line-height: 24px;
}
.signup-container-content .autoblock-remove {
  color: #333333;
  padding: 0px;
  margin-left: 5px;
  line-height: 24px;
  font-size: 10px;
  vertical-align: bottom;
}
.signup-container-content .autoblock-remove i {
  line-height: 22px;
}
.signup-container-content .autoblock-remove:hover {
  color: #4d4d4d;
}
.signup-container-content .project-name-main-container {
  width: 100%;
  text-align: left;
  padding-top: 20px;
}
.signup-container-content .project-name-title {
  margin-bottom: 5px;
}
.signup-container-content .project-name-flavor {
  display: none;
}
.signup-container-content .project-name-input {
  border: 1px solid #ddd !important;
  background-color: transparent;
  margin-right: 5px;
  margin-bottom: 0px;
}
.signup-container-content .project-name-input:disabled {
  opacity: 0.5;
}
.signup-container-content .project-name-input-label {
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}
.signup-container-content .minimalistselect.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.signup-container-content .project-name-upload-container {
  margin-top: 10px;
  text-align: left;
}
.signup-container-content .project-name-upload-title {
  font-weight: 600;
  color: #838383;
}
.signup-container-content .project-name-upload-flavor {
  color: #999999;
  font-size: 11px;
}
.signup-container-content .project-name-upload-button {
  background-color: #32c879;
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#d9d9d9', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding: 6px 14px;
  font-size: 11px;
  outline: none;
  margin-left: 6px;
  width: 100%;
  background-color: #945ca3 !important;
  color: white !important;
}
.signup-container-content .project-name-upload-button:first-child {
  *margin-left: 0;
}
.signup-container-content .project-name-upload-button[disabled],
.signup-container-content .project-name-upload-button[disabled]:hover {
  color: #e0e0e0 !important;
  cursor: default !important;
  background: #aaa !important;
}
.signup-container-content .project-name-upload-button:hover {
  background-color: #32c886;
  text-decoration: none;
  color: #ffffff;
}
.signup-container-content .project-name-upload-button.schedulereports-btn {
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px !important;
  padding: 10px 16px;
  text-transform: capitalize;
}
.signup-container-content .project-name-upload-button.schedulereports-btn.disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.signup-container-content .project-name-upload-button.schedulereports-btn.active {
  background-color: #2fb5b4;
  color: #ffffff !important;
}
.signup-container-content .project-name-upload-button:hover,
.signup-container-content .project-name-upload-button:active,
.signup-container-content .project-name-upload-button.active {
  background: #c2c2c2;
  cursor: pointer;
  cursor: hand;
}
.signup-container-content .project-name-upload-button:active,
.signup-container-content .project-name-upload-button.active {
  background: #c0c0c0 \9;
}
.signup-container-content .project-name-upload-button:disabled {
  opacity: 0.4;
}
.signup-container-content .project-name-upload-button:before {
  content: '\e842';
  font-family: celtxicons;
  margin-right: 5px;
  outline: none;
  font-size: 12px;
}
.signup-container-content .project-name-file-uploaded-text {
  display: inline-block;
  margin-left: 19px;
  color: #00da00;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 180px;
  height: 30px;
  margin-top: 10px;
  line-height: 30px;
}
.signup-container-content .project-name-file-uploaded-text:before {
  font-family: FontAwesome;
  margin-right: 5px;
}
.signup-container-content .project-name-file-error-text {
  margin-top: 5px;
  font-size: 12px;
  color: #2fb5b4;
}
.signup-container-content .project-name-team-share-checkbox-container {
  display: none;
}
.signup-container-content .project-name-previous-button {
  display: none;
}
.signup-container-content .project-name-create-button {
  display: none;
}
.signup-container-content .wizardindicator-step {
  margin-right: 1px;
  margin-left: 1px;
  width: 157px;
  height: 10px;
  background-color: #d1ece9;
}
.signup-container-content .wizardindicator {
  margin: auto;
  height: 10px;
}
.signup-container-content .wizardindicator-step-mainuse-first {
  width: 316px;
}
.signup-container-content .wizardindicator-step-mainuse-last {
  width: 316px;
}
.signup-container-content .wizardindicator-step-last {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.signup-container-content .wizardindicator-step-first {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.signup-container-content .wizardindicator-bar {
  opacity: 0;
  width: 0px;
}
.signup-container-content .wizardindicator-circle {
  background: #D5EED5;
  box-shadow: none;
  border: 2px solid #D5EED5;
  border-radius: 0%;
  height: 6px;
}
.signup-container-content .wizardindicator-step-complete .wizardindicator-circle {
  background-color: #945ca3;
  border-color: #945ca3;
}
.signup-container-content .wizardindicator-step-current {
  background-color: #945ca3;
}
.signup-container-content .wizardindicator-step-complete {
  background-color: #945ca3;
}
.signup-container-content .wizardindicator-step-complete .wizardindicator-circle {
  background-color: #945ca3;
}
.signup-container-content .wizardindicator-circle-content {
  opacity: 0;
}
.signup-container-content .wizard-button-container {
  text-align: right;
  width: auto;
  border-top: none;
  margin-top: 0px;
  margin-bottom: 0px;
}
.signup-container-content .wizard-button-container button[name='next'],
.signup-container-content .wizard-button-container button[name='submit'] {
  background-color: #32c879;
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
  background-image: -moz-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: -ms-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#47b5a7), to(#43aa9d));
  background-image: -webkit-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: -o-linear-gradient(top, #47b5a7, #43aa9d);
  background-image: linear-gradient(top, #47b5a7, #43aa9d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b5a7', endColorstr='#43aa9d', GradientType=0);
  border-color: #43aa9d #43aa9d #2d736a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #47b5a7;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.signup-container-content .wizard-button-container button[name='next']:first-child,
.signup-container-content .wizard-button-container button[name='submit']:first-child {
  *margin-left: 0;
}
.signup-container-content .wizard-button-container button[name='next'][disabled],
.signup-container-content .wizard-button-container button[name='submit'][disabled],
.signup-container-content .wizard-button-container button[name='next'][disabled]:hover,
.signup-container-content .wizard-button-container button[name='submit'][disabled]:hover {
  color: #e0e0e0 !important;
  cursor: default !important;
  background: #aaa !important;
}
.signup-container-content .wizard-button-container button[name='next']:hover,
.signup-container-content .wizard-button-container button[name='submit']:hover {
  background-color: #32c886;
  text-decoration: none;
  color: #ffffff;
}
.signup-container-content .wizard-button-container button[name='next'].schedulereports-btn,
.signup-container-content .wizard-button-container button[name='submit'].schedulereports-btn {
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px !important;
  padding: 10px 16px;
  text-transform: capitalize;
}
.signup-container-content .wizard-button-container button[name='next'].schedulereports-btn.disabled,
.signup-container-content .wizard-button-container button[name='submit'].schedulereports-btn.disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.signup-container-content .wizard-button-container button[name='next'].schedulereports-btn.active,
.signup-container-content .wizard-button-container button[name='submit'].schedulereports-btn.active {
  background-color: #2fb5b4;
  color: #ffffff !important;
}
.signup-container-content .wizard-button-container button[name='next']:hover,
.signup-container-content .wizard-button-container button[name='submit']:hover,
.signup-container-content .wizard-button-container button[name='next']:active,
.signup-container-content .wizard-button-container button[name='submit']:active,
.signup-container-content .wizard-button-container button[name='next'].active,
.signup-container-content .wizard-button-container button[name='submit'].active {
  background: #45b1a3;
  cursor: pointer;
  cursor: hand;
}
.signup-container-content .wizard-button-container button[name='next']:active,
.signup-container-content .wizard-button-container button[name='submit']:active,
.signup-container-content .wizard-button-container button[name='next'].active,
.signup-container-content .wizard-button-container button[name='submit'].active {
  background: #34857b \9;
}
.signup-container-content .wizard-button-container button[name='skip'] {
  background-color: #32c879;
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#d9d9d9', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  margin-right: 10px;
}
.signup-container-content .wizard-button-container button[name='skip']:first-child {
  *margin-left: 0;
}
.signup-container-content .wizard-button-container button[name='skip'][disabled],
.signup-container-content .wizard-button-container button[name='skip'][disabled]:hover {
  color: #e0e0e0 !important;
  cursor: default !important;
  background: #aaa !important;
}
.signup-container-content .wizard-button-container button[name='skip']:hover {
  background-color: #32c886;
  text-decoration: none;
  color: #ffffff;
}
.signup-container-content .wizard-button-container button[name='skip'].schedulereports-btn {
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px !important;
  padding: 10px 16px;
  text-transform: capitalize;
}
.signup-container-content .wizard-button-container button[name='skip'].schedulereports-btn.disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.signup-container-content .wizard-button-container button[name='skip'].schedulereports-btn.active {
  background-color: #2fb5b4;
  color: #ffffff !important;
}
.signup-container-content .wizard-button-container button[name='skip']:hover,
.signup-container-content .wizard-button-container button[name='skip']:active,
.signup-container-content .wizard-button-container button[name='skip'].active {
  background: #c2c2c2;
  cursor: pointer;
  cursor: hand;
}
.signup-container-content .wizard-button-container button[name='skip']:active,
.signup-container-content .wizard-button-container button[name='skip'].active {
  background: #c0c0c0 \9;
}
.signup-container-content .wizard-button-container button[name='next'],
.signup-container-content .wizard-button-container button[name='submit'],
.signup-container-content .wizard-button-container button[name='skip'] {
  float: none;
  font-size: 12px;
  line-height: 24px;
  border-radius: 6px !important;
  font-weight: normal;
  padding-top: 5px;
}
/* End onboarding styles */
.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;
}
.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;
  opacity: 0.7;
  background: #031e31;
}
.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+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#335f696d', endColorstr='#33081521', GradientType=1);
  /* IE6-9 */
  -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-oidc,
.login-box,
.screenplay-signupbox {
  position: relative;
  z-index: 9;
  background: #23272b;
  margin: 0px 40px 40px 40px;
  padding: 40px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  color: #fafafa;
  text-align: left;
  width: 420px;
  max-width: 80%;
  box-sizing: border-box;
  display: inline-block;
}
.login-oidc input[type=text],
.login-box input[type=text],
.screenplay-signupbox input[type=text],
.login-oidc input[type=email],
.login-box input[type=email],
.screenplay-signupbox input[type=email],
.login-oidc input[type=password],
.login-box input[type=password],
.screenplay-signupbox input[type=password] {
  height: 50px;
  box-sizing: border-box;
  width: 100%;
  color: #fff;
  padding: 4px 12px;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.25);
  text-align: left;
  font-size: 16px;
}
.login-oidc input[type=text][disabled=disabled],
.login-box input[type=text][disabled=disabled],
.screenplay-signupbox input[type=text][disabled=disabled],
.login-oidc input[type=email][disabled=disabled],
.login-box input[type=email][disabled=disabled],
.screenplay-signupbox input[type=email][disabled=disabled],
.login-oidc input[type=password][disabled=disabled],
.login-box input[type=password][disabled=disabled],
.screenplay-signupbox input[type=password][disabled=disabled] {
  color: #ccc;
  background: rgba(0, 0, 0, 0.05);
}
.login-oidc input[type=submit],
.login-box input[type=submit],
.screenplay-signupbox input[type=submit] {
  height: 60px;
  width: 100%;
  margin-bottom: 9px;
  font-size: 16px;
}
.login-oidc a,
.login-box a,
.screenplay-signupbox a {
  color: #cccccc;
}
.login-oidc a:hover,
.login-box a:hover,
.screenplay-signupbox a:hover {
  color: #cccccc;
  text-decoration: none;
}
.login-oidc a:visited,
.login-box a:visited,
.screenplay-signupbox a:visited {
  color: #cccccc;
}
.login-oidc .trouble-logging-in,
.login-box .trouble-logging-in,
.screenplay-signupbox .trouble-logging-in {
  text-align: center;
  font-size: 16px;
}
.login-oidc .logowhite-sm,
.login-box .logowhite-sm,
.screenplay-signupbox .logowhite-sm {
  margin-top: 0px;
}
.login-oidc .login-feedback,
.login-box .login-feedback,
.screenplay-signupbox .login-feedback {
  text-align: left;
  width: 350px;
  font-size: 16px;
}
@media (max-width: 510px) {
  .login-oidc .login-feedback,
  .login-box .login-feedback,
  .screenplay-signupbox .login-feedback {
    width: 250px;
  }
}
.login-oidc .btn-login:active,
.login-box .btn-login:active,
.screenplay-signupbox .btn-login:active {
  background-color: #229de2 !important;
}
@media (max-width: 767px) {
  .login-container {
    background: #181919;
  }
  .login-container:before,
  .login-container:after {
    content: none;
  }
  .login-box {
    margin: 0 auto;
    padding: 0px 10px;
    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 {
    padding: 3.5vh 0 0 0;
    margin: 0;
  }
}
.gsignin-container {
  margin-top: 9px;
  margin-bottom: 9px;
}
.gsignin-container .abcRioButton {
  width: 100% !important;
  height: 50px !important;
  padding-top: 8px;
  padding-right: 14px;
  text-align: center;
}
.gsignin-container .abcRioButton .abcRioButtonContents {
  display: inline-block;
  font-weight: bold;
}
.gsignin-container .abcRioButton .abcRioButtonIcon {
  float: none;
  display: inline-block;
}
.msignin-container {
  cursor: pointer;
  margin-top: 9px;
  margin-bottom: 9px;
}
.msignin-container .msignin-content {
  background: #f2fcfd;
  width: 100% !important;
  text-align: center;
  border: 1px #8C8C8C;
  padding-top: 14px;
  padding-bottom: 10px;
}
.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;
}
.signup-today {
  text-transform: uppercase;
  text-align: left;
  width: 350px;
  font-size: 16px;
}
.signup-today a {
  color: #cccccc;
}
.signup-today a:hover {
  color: #cccccc;
  text-decoration: none;
}
.signup-today a:visited {
  color: #cccccc;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0378a9', endColorstr='#025477', GradientType=0);
  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 {
  *zoom: 1;
  -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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e0e0e0', GradientType=0);
  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: #40beb5;
}
.modal-dialog.login-dialog .btn:not(.btn-primary) {
  color: #40beb5;
}
.modal-dialog.login-dialog .g-signin2 .abcRioButton {
  width: 100% !important;
  padding-right: 30px;
}
.modal-dialog.login-dialog .g-signin2 .abcRioButtonContents {
  display: inline-block;
  font-weight: bold;
}
.modal-dialog.login-dialog .g-signin2 .abcRioButtonIcon {
  float: none;
  display: inline-block;
}
.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: .21px;
}
.modal-dialog-signup-wizard {
  display: inline-block;
  background: #ffffff !important;
  color: #ffffff;
  width: 710px !important;
  height: 614px;
  max-height: 100%;
  overflow: hidden;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
}
.modal-dialog-signup-wizard .signup-container-content {
  position: inherit;
}
.modal-dialog-signup-wizard .modal-dialog-title {
  min-height: 0px !important;
  height: 0px !important;
  padding: 0px !important;
  background: white !important;
  margin-bottom: 0px !important;
}
.modal-dialog-signup-wizard .modal-dialog-buttons {
  background-color: white !important;
  box-sizing: border-box;
  height: 100px !important;
  padding: 0;
  width: 100%;
  margin: auto;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button {
  height: 30px;
  width: 154px;
  padding: 5px;
  float: left;
  margin: 8px;
  font-size: 15px;
  padding: 0px;
  border-radius: 8px;
  text-transform: uppercase;
  outline: none;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='skip'] {
  background: #eaeded !important;
  color: #373737;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='next'],
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='submit'] {
  margin-left: auto;
  background: #00a28f !important;
  color: white !important;
  float: right;
  margin-right: 38px;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='previous'] {
  margin-right: 5px;
  background-color: #eaeded !important;
  margin-left: 38px;
  color: #5A5A5A !important;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='next']:hover {
  background: #007366 !important;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='submit']:hover {
  background: #007366 !important;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='skip']:hover {
  background: #5A5A5A !important;
  color: white;
}
.modal-dialog-signup-wizard .modal-dialog-buttons button[name='previous']:hover {
  background: #5A5A5A !important;
  color: white !important;
}
.modal-dialog-signup-wizard .modal-dialog-content {
  background-color: white !important;
  height: 515px;
  top: 0px;
  margin-top: 0px;
  overflow: visible !important;
  overflow-y: visible;
  padding-top: 40px !important;
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.signup-nonmobile .signup-container-content {
  background: #ffffff;
  width: 100%px;
  height: 100%;
  overflow: visible;
  color: #333333;
}
.signup-nonmobile .signup-container-content .pwa-onboard-projectform .onboard-wizard-centered .project-name-main-container {
  width: 640px !important;
}
.signup-nonmobile .signup-container-content .pwa-onboard-projectform .onboard-wizard-centered .project-name-main-container .project-name-upload-text {
  width: 576px !important;
  text-align: left;
}
.signup-nonmobile .signup-container-content .pwa-onboard-projectform .onboard-wizard-centered .project-name-main-container .project-name-upload-text .project-name-upload-button-container {
  width: 24.5%;
}
.signup-nonmobile .signup-container-content .pwa-onboard-projectform .onboard-wizard-centered .project-name-main-container .project-name-upload-text .project-name-upload-title {
  width: 171px;
}
.signup-nonmobile .signup-container-content .pwa-onboard-projectform .onboard-wizard-centered .project-name-main-container .project-name-upload-text .project-name-upload-flavor {
  width: 253px;
}
.signup-nonmobile .signup-container-content .pwa-onboard-projectform .onboard-wizard-centered .project-name-main-container .project-name-upload-text .project-name-upload-button {
  width: 130px;
  color: white !important;
}
.signup-nonmobile .signup-container-content .pwa-onboard-projectform .onboard-wizard-centered .project-name-main-container .project-name-upload-text .project-name-upload-button:focus {
  background-color: #945ca3 !important;
}
.signup-nonmobile .signup-container-content .goog-menu-button-caption {
  font: normal normal normal 12px Lato;
}
.signup-nonmobile .signup-container-content .onboard-wizard-companyName {
  margin-top: 25px;
}
.signup-nonmobile .signup-container-content .onboard-projectform *:focus {
  outline: none !important;
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.signup-nonmobile .signup-container-content .onboard-projectform .project-name-input:focus {
  outline: none !important;
  outline-offset: 0px !important;
}
.signup-nonmobile .signup-container-content .project-name-input {
  width: 74%;
}
.signup-nonmobile .signup-container-content .onboard-project-episode-select-list {
  margin-right: 0px !important;
}
.signup-nonmobile .signup-container-content .onboard-project-episode-select-list {
  width: 157px;
  box-sizing: border-box;
  flex: none;
}
.signup-nonmobile .signup-container-content .new-project-adapt-select {
  width: 536px;
}
.signup-nonmobile .signup-container-content .project-name-upload-text {
  width: 100%;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.signup-nonmobile .signup-container-content .project-name-upload-title {
  padding-left: 8px;
  width: 186px;
  display: inline-block;
  font: normal normal normal 12px/14px Lato;
}
.signup-nonmobile .signup-container-content .project-name-upload-flavor {
  width: 277px;
  display: inline-block;
  font: normal normal normal 9px/14px Lato;
}
.signup-nonmobile .signup-container-content .project-name-upload-button-container {
  width: 25.5%;
  display: inline-block;
}
.signup-nonmobile .signup-container-content .project-name-upload-button-container button {
  border-radius: 0px 5px 5px 0px !important;
}
.signup-nonmobile h1 {
  font-size: 46px;
  margin-bottom: 25px;
  margin-top: 14%;
  text-transform: none;
  color: #2fb5b4;
}
.signup-nonmobile h2 {
  font-size: 46px;
  margin-top: 15px;
  text-align: left;
}
.signup-nonmobile h3 {
  padding-top: 20px;
  font-size: 20px;
  line-height: 16px;
}
.signup-nonmobile p {
  font-size: 14px;
}
.signup-nonmobile a {
  font-size: 14px;
}
.signup-nonmobile .infomanagerbox-label {
  font-size: 14px;
}
.signup-nonmobile .enter-verification-component-container .infomanagerbox-label {
  color: #2fb5b4;
  text-transform: uppercase;
  font-weight: 600;
}
.signup-nonmobile input.multidigitinputs-input {
  padding: 25px 16px;
}
.signup-nonmobile .infocardform .infomanagerbox-editinput-twoinputs-container .infomanagerbox-editinput {
  width: 110px;
  margin-right: 15px;
}
.signup-nonmobile .infocardform input[type="password"] {
  width: 255px;
  max-width: initial;
}
.signup-nonmobile .onboard-companyform h2 {
  font-size: 22px;
  line-height: 18px;
  margin-top: 25px;
}
.signup-nonmobile .onboard-inviteform {
  text-align: left;
}
.signup-nonmobile .onboard-inviteform .text-error {
  padding: 10px;
}
.signup-nonmobile .autoblock-input {
  width: 620px !important;
}
.signup-nonmobile .onboard-invite-message {
  width: 620px;
}
.signup-nonmobile .onboard-wizard-leftpane {
  width: 100%;
}
.signup-nonmobile .onboard-wizard-rightpane {
  display: inline-block;
  float: right;
}
.signup-nonmobile .onboard-wizard-select {
  width: 100%;
}
.signup-nonmobile .onboard-wizard-image {
  width: 300px;
  height: 300px;
  margin-top: 55px;
  background-repeat: no-repeat;
}
.signup-nonmobile .onboard-wizard-image-hello {
  width: 260px;
  height: 305px;
  padding-right: 20px;
  background-image: url('../img/onboarding/hello.png');
}
.signup-nonmobile .onboard-wizard-image-laptop {
  padding-right: 15px;
  background-image: url('../img/onboarding/laptop.png');
}
.signup-nonmobile .onboard-wizard-image-company {
  height: 280px;
  padding-right: 5px;
  margin-top: 35px;
  margin-left: 25px;
  background-image: url('../img/onboarding/company.png');
}
.signup-nonmobile .onboard-wizard-image-team {
  padding-right: 5px;
  background-image: url('../img/onboarding/team.png');
}
.signup-nonmobile .project-name-title {
  display: none;
}
.signup-nonmobile .project-name-input-container {
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.signup-nonmobile .project-name-adapt-container {
  margin-top: 10px;
  text-align: center;
}
.signup-nonmobile .onboard-onboardfreeform p {
  text-align: left;
  padding-top: 24px;
  font-weight: bold;
}
.signup-nonmobile .onboard-onboardfreeform .onboard-wizard-leftpane {
  height: 320px;
}
.signup-nonmobile .onboard-onboardfreeform .infocardform {
  top: 0px;
}
.signup-nonmobile .onboard-onboardfreeform .onboard-wizard-image-hello {
  margin-top: 0px;
}
.signup-nonmobile .wizardindicator {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 26px;
}
.signup-nonmobile .wizardindicator-circle-container {
  margin-bottom: 0px;
  height: 10px;
  width: 25px;
  display: inline-block;
}
.signup-nonmobile .wizardindicator-circle {
  width: 0px;
  height: 0px;
  max-height: 0px;
  padding: 0px;
}
.signup-nonmobile .welcome-container {
  margin-top: 0px;
}
.signup-nonmobile .welcome-container h1 {
  margin-bottom: 30px;
}
.signup-nonmobile .welcome-container h3 {
  color: dimgrey;
}
.signup-nonmobile .welcome-container p {
  margin-bottom: 22px;
  color: dimgrey;
}
.signup-nonmobile .code-sent {
  transition: opacity 0.3s linear;
}
.signup-nonmobile .code-sent.fade-out {
  opacity: 0;
}
.signup-nonmobile .code-sent.faded-out {
  height: 0;
  margin-bottom: 0;
}
.signup-nonmobile .resend-code-change-email {
  display: flex;
  justify-content: center;
}
.signup-nonmobile .code-resent {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.signup-nonmobile .code-resent.fade-in {
  height: 16px;
  margin-bottom: 3px;
  opacity: 1;
}
.signup-nonmobile .email-display {
  margin-bottom: 28px;
  color: #2fb5b4;
  font-weight: 400;
}
.signup-nonmobile .resend-verification {
  margin: 5px;
  padding: 0px;
  display: block;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
  color: grey !important;
  margin-bottom: 30px;
}
.signup-nonmobile .resend-verification:focus {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: 0px !important;
}
.signup-nonmobile .reenter-email {
  margin: 5px;
  padding: 0px;
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
  color: grey !important;
}
.signup-nonmobile div.modal-dialog-buttons button:focus {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: 1px !important;
}
.signup-mobile {
  height: 650px;
  box-shadow: none;
}
.signup-mobile .welcome-container {
  display: flex;
  flex-direction: column;
}
.signup-mobile .welcome-container h1 {
  font-size: 46px;
}
@media (max-width: 320px) {
  .signup-mobile .welcome-container h1 {
    margin-right: 20px;
    margin-left: 20px;
  }
}
.signup-mobile .welcome-container .infomanagerbox-label {
  color: #2fb5b4;
  text-transform: uppercase;
  margin-bottom: 13px;
  margin-top: 13px;
}
.signup-mobile .welcome-container .resend-verification {
  margin: 5px;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
}
.signup-mobile .welcome-container .reenter-email {
  margin: 5px;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
}
.signup-mobile .welcome-container .code-resent {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.signup-mobile .welcome-container .code-resent.fade-in {
  height: 30px;
  margin-bottom: 3px;
  opacity: 1;
}
.signup-mobile .onboard-wizard-spacingIssue {
  margin-top: 15px;
}
@media (max-width: 320px) {
  .signup-mobile .onboard-wizard-spacingIssue {
    margin-top: 11px;
  }
}
.signup-mobile .modal-dialog-content {
  max-height: none !important;
  height: 100% !important;
  width: 100% !important;
  padding: 20px !important;
  padding-top: 35px !important;
}
.signup-mobile .modal-dialog-content .signup-container-content .pwa-onboard-projectform .pwa-project-creation-heading {
  line-height: initial;
}
.signup-mobile .modal-dialog-content .signup-container-content .pwa-onboard-projectform .pwa-project-creation-description {
  width: initial;
}
.signup-mobile .modal-dialog-content .wizardindicator {
  position: absolute;
  margin-bottom: 19px;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
@media (max-width: 650px) {
  .signup-mobile .modal-dialog-content .wizardindicator {
    margin-top: 630px;
  }
}
.signup-mobile .modal-dialog-buttons {
  max-height: none;
  height: 11% !important;
  background: transparent !important;
}
.signup-mobile .modal-dialog-buttons button {
  width: 85px;
}
@media (max-width: 320px) {
  .signup-mobile .modal-dialog-buttons {
    height: 12.5% !important;
  }
}
.signup-mobile .modal-dialog-buttons button[name='previous'] {
  margin: 0px;
  margin-left: 5%;
}
.signup-mobile .modal-dialog-buttons button[name='next'] {
  margin: 0px;
  margin-right: 5%;
}
.signup-mobile .modal-dialog-buttons button[name='submit'] {
  margin: 0px;
  margin-right: 5%;
}
.signup-mobile .modal-dialog-buttons button[name='skip'] {
  margin: 0px;
  float: none;
}
@media (max-width: 310px) {
  .signup-mobile .modal-dialog-buttons button[name='skip'] {
    position: absolute;
    bottom: 90px;
    left: 87px;
  }
}
.signup-mobile .signup-container-content {
  padding: unset;
}
.signup-mobile .signup-container-content .text-error {
  width: 100%;
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .text-error {
    width: 66%;
  }
}
.signup-mobile .signup-container-content .infomanagerbox-resultmsg {
  width: 100%;
}
.signup-mobile .signup-container-content input {
  height: 26px;
}
.signup-mobile .signup-container-content .onboard-inviteform .onboard-inviteform-subheading {
  margin-bottom: 31px;
}
.signup-mobile .signup-container-content .onboard-projectform p {
  font-size: 13px;
  padding-right: 0px;
  margin: 40px;
}
.signup-mobile .signup-container-content .onboard-projectform .project-name-input-container {
  display: flex;
  flex-direction: column;
}
.signup-mobile .signup-container-content .onboard-projectform .goog-menu-button {
  padding: 10px 8px;
  margin-right: 0px !important;
  width: 157px;
  box-sizing: border-box;
}
.signup-mobile .signup-container-content .onboard-project-type-paragraph {
  text-align: center;
  margin-top: 38px !important;
  padding-right: 0px;
}
@media (max-width: 370px) {
  .signup-mobile .signup-container-content .onboard-project-type-paragraph {
    margin-top: 12px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container.open .selection-content .project-block-image {
  border-radius: 6px 0px 0px 0px;
  background-color: #945ca3;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container {
  height: 82px;
  width: inherit;
  border-color: #EBEDED;
  overflow: hidden;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .mdd-arrow {
  color: #A6ADB4;
  top: -53px;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .selection-content .project-block-image {
  border-radius: 6px 0px 0px 6px;
  background-color: #945ca3;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .mdd-popout-container {
  width: auto;
  margin-left: 20px;
  margin-right: 20px;
  border-color: #EBEDED;
  background-color: white;
  margin-top: -2px;
  overflow: hidden;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .mdd-popout-container .project-block-main-container {
  white-space: unset;
  width: 100%;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-main-container {
  margin: 0px;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-inner-container {
  display: flex;
  background-color: white;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-image {
  background-color: #222222;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 53px;
  width: 75px;
  padding: 14px 0px 14px 0px;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container #video-v2-block .project-block-subtext {
  width: 93%;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-description {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 60%;
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-description .project-block-text {
  padding-top: 12px;
  padding-left: 18px;
  font-size: 16px;
  color: #5A5A5A;
  font-weight: bold;
  padding-bottom: 3px;
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-description .project-block-text {
    padding-top: 7px;
  }
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-description .project-block-text {
    padding-left: 10px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-description .project-block-subtext {
  width: 83%;
  line-height: normal;
  padding-left: 18px;
  font-size: 10px;
  color: #5A5A5A;
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container .project-block-description .project-block-subtext {
    padding-left: 10px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container #film-tv-image {
  background-image: url('../img/onboarding/film_tv_new.png');
}
.signup-mobile .signup-container-content .onboard-wizard-centered .mobile-dropdown-container #video-v2-image {
  background-image: url('../img/onboarding/multicolumn_av_new.png');
}
.signup-mobile .signup-container-content .onboard-project-types {
  display: block;
}
.signup-mobile .signup-container-content .onboard-project-types #onboard-img-film-tv {
  border-radius: 10px 0px 0px 0px;
}
.signup-mobile .signup-container-content .onboard-project-types #onboard-img-vr-gaming-v2 {
  border-radius: 0px 10px 0px 0px;
}
.signup-mobile .signup-container-content .onboard-project-types #onboard-img-stageplay {
  border-radius: 0px 0px 10px 0px;
}
.signup-mobile .signup-container-content .onboard-project-types #onboard-img-video-v2 {
  border-radius: 0px 0px 0px 10px;
}
.signup-mobile .signup-container-content .onboard-project-type {
  width: 140px;
  margin-bottom: 5px;
}
.signup-mobile .signup-container-content .onboard-project-type .onboard-text-type {
  font-size: 16px;
}
.signup-mobile .signup-container-content .onboard-project-type .onboard-subtext {
  font-size: 8px;
}
.signup-mobile .signup-container-content .infomanagerbox-row {
  display: block;
  width: 100%;
  margin-top: 15px;
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .infomanagerbox-row {
    margin-top: 11px;
  }
}
.signup-mobile .signup-container-content .infomanagerbox-content {
  margin-top: 40px;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-twoinputs-container .infomanagerbox-editinput {
  display: inline-block;
  width: 94% !important;
  max-width: 100%;
  margin: 0px auto;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-twoinputs-container .infomanagerbox-editinput:nth-child(2) {
  margin-top: 15px;
  margin-right: auto;
  margin-left: 0px;
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-twoinputs-container .infomanagerbox-editinput:nth-child(2) {
    margin-top: 10px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .infocardform .infomanagerbox-editinput-container .infomanagerbox-editinput {
  display: block;
  width: 94%;
  margin: auto;
  max-width: initial;
  float: left;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .infocardform {
  margin-top: 6%;
}
@media (max-width: 370px) {
  .signup-mobile .signup-container-content .onboard-wizard-leftpane .infocardform {
    margin-top: 0%;
  }
}
@media (max-width: 296px) {
  .signup-mobile .signup-container-content .onboard-wizard-leftpane .infocardform {
    margin-top: 30px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .react-dropdown-menu ul li {
  outline: none !important;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .react-dropdown {
  width: 100%;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle {
  height: 14px;
  width: 100vw;
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .onboard-wizard-leftpane .react-dropdown .toggle {
    height: 14px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .react-dropdown .expanded {
  width: 100% !important;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .react-dropdown:focus {
  outline: none;
  box-shadow: none;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .onboard-invite-message-header {
  font-size: 13px;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .dropdown-mainuse {
  margin-right: 0px;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .infomanagerbox-label {
  margin-top: 30px;
}
@media (max-width: 320px) {
  .signup-mobile .signup-container-content .onboard-wizard-leftpane .dropdown-mainuse .infomanagerbox-label {
    margin-top: 12px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane p {
  font-size: 13px;
  margin-top: 30px;
  text-align: center;
  width: 97%;
  margin-left: 5px;
  line-height: 1.5;
  margin-right: 0px;
}
@media (max-width: 370px) {
  .signup-mobile .signup-container-content .onboard-wizard-leftpane p {
    width: 100%;
    margin-top: 15px;
  }
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane h5 {
  text-align: center;
}
.signup-mobile .signup-container-content .onboard-wizard-leftpane h4 {
  text-align: center;
  margin-top: 30px;
}
.signup-mobile .signup-celtx-logo {
  background: url('../img/logoblack.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 25px;
  opacity: 0.6;
  margin-left: 10px;
}
.signup-mobile h1 {
  font-size: 36px;
  margin-bottom: 15px;
  line-height: 1;
  margin-right: 61px;
  margin-left: 61px;
  text-transform: none;
}
@media (max-width: 320px) {
  .signup-mobile h1 {
    margin-top: 12px;
  }
}
.signup-mobile h2 {
  font-size: 36px;
  margin-bottom: 0px;
  text-align: center !important;
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 350px) {
  .signup-mobile h2 {
    font-size: 28px;
  }
}
@media (min-width: 351px) and (max-width: 370px) {
  .signup-mobile h2 {
    font-size: 34px;
  }
}
.signup-mobile h3 {
  margin-top: 29px;
  font-size: 20px;
  font-weight: 600;
  color: #5A5A5A;
}
@media (max-width: 320px) {
  .signup-mobile h3 {
    margin-top: 20px;
  }
}
.signup-mobile p {
  font-size: 14px;
  line-height: 18px;
  word-break: break-word;
  color: #5A5A5A;
}
.signup-mobile a {
  font-size: 12px;
}
.signup-mobile .infomanagerbox-label {
  font-size: 13px;
}
.signup-mobile .verification-content span {
  display: block;
  margin: auto;
  width: 160px;
}
.signup-mobile input.multidigitinputs-input {
  padding: 21px 12px;
  margin: 6px;
  border-color: #2fb5b4;
}
.signup-mobile .multidigitinputs-hyphen {
  display: block;
  height: 0px;
  width: 0px;
}
.signup-mobile .onboard-wizard-mainuse {
  margin-left: 20px;
}
.signup-mobile .autoblock-input {
  width: 92% !important;
}
.signup-mobile .onboard-invite-message {
  width: 94%;
  height: 50%;
}
@media (max-width: 320px) {
  .signup-mobile .onboard-invite-message {
    height: 28%;
  }
}
.signup-mobile .signup-container-content .project-name-input {
  display: block;
  margin-bottom: 20px;
  width: 95%;
}
.signup-mobile .project-name-upload-container {
  display: none;
}
.signup-mobile .onboard-wizard-leftpane {
  width: 100%;
}
.signup-mobile .onboard-wizard-rightpane {
  margin: auto;
}
.signup-mobile .onboard-companyform .infocardform {
  margin-top: 75px;
}
.signup-mobile .onboard-inviteform .infomanagerbox-editinput-container {
  width: 100%;
}
.signup-mobile .onboard-projectform h3 {
  width: 140px;
}
.signup-mobile .onboard-projectform p {
  line-height: normal;
  font-size: 10px;
  font-weight: bold;
  margin-top: 20px;
}
.signup-mobile .onboard-onboardfreeform .onboard-wizard-leftpane {
  height: 320px;
}
.signup-mobile .onboard-onboardfreeform .infocardform {
  top: 0px;
}
.signup-mobile .onboard-onboardfreeform .onboard-wizard-image-hello {
  margin-top: 0px;
}
.signup-mobile .onboard-questionsfreeform .infocardform .infomanagerbox-editinput:not(.togglebox) {
  width: 100%;
}
.signup-mobile .wizardindicator-circle-container {
  width: 35px;
  margin-bottom: 30px;
}
.signup-mobile .wizardindicator-circle {
  width: 20px;
  height: 20px;
  padding: 0px;
  visibility: hidden;
}
.signup-mobile .wizardindicator-step {
  width: 22%;
}
@media (orientation: landscape) {
  .signup-mobile.modal-dialog {
    overflow: scroll;
    background-color: white !important;
  }
  .signup-mobile.modal-dialog .modal-dialog-content {
    height: fit-content !important;
  }
  .signup-mobile.modal-dialog .modal-dialog-content .react-dropdown .toggle {
    width: 100vw;
  }
  .signup-mobile.modal-dialog .modal-dialog-content .infocardform .infomanagerbox-editinput-container .infomanagerbox-editinput {
    width: 97% !important;
  }
  .signup-mobile.modal-dialog .modal-dialog-buttons {
    margin-top: -88px !important;
    position: relative;
  }
  .signup-mobile.modal-dialog .wizardindicator {
    position: relative;
    margin-top: 195px;
  }
}
@media (max-width: 650px) {
  .modal-dialog.modal-dialog-signup-wizard.signup-mobile {
    height: 100%;
    overflow: scroll;
    background-color: white !important;
  }
  .modal-dialog.modal-dialog-signup-wizard.signup-mobile .modal-dialog-content {
    height: 640px !important;
  }
  .modal-dialog.modal-dialog-signup-wizard.signup-mobile .modal-dialog-buttons {
    margin-top: -50px;
    position: unset;
  }
}
.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;
}
.signup-privacy-policy {
  text-align: center;
  padding: 10px 0;
}
.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 {
  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;
  *zoom: 1;
  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: #222222;
}
.production-main.schedule .calendar-grow-down {
  margin: 0 auto;
}
.striplist-table {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.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: #ffffff;
  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: #ffffff;
}
.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: #ffffff;
}
.strip.freeday {
  background: #555555;
  color: white;
}
.strip.holiday {
  background: #9d261d;
  color: white;
}
.strip:hover {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.strip:hover.calendar-strip,
.strip:hover .read-only {
  cursor: pointer;
}
.strip:hover:not(.calendar-strip) .strip:hover:not(.read-only) {
  cursor: move;
}
.strip:hover td {
  background-color: inherit!important;
}
.strip:hover .contenteditable {
  cursor: text;
}
@media screen {
  .strip.active {
    border: 2px solid #4183D7;
    outline: 1px solid rgba(0, 0, 0, 0.3);
    border-right-width: 0px;
    border-left-width: 0px;
    box-shadow: 0 0 2px #4183D7;
    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(65, 131, 215, 0.6) !important;
    color: white;
  }
  .strip.active .striplist-table-data-scene {
    border-right-color: #4183D7 !important;
  }
  .strip.active::after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 24px 0 0;
    border-color: #4183D7 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: #eeeeee;
  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 #dddddd;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
  -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 #dddddd;
}
.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;
}
#calendar_select {
  margin: 4px 4px 0 0;
}
#calendar_select .goog-toolbar-menu-button-inner-box {
  padding: 6px 6px 5px 6px;
}
.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;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fc0e8', endColorstr='#4f9ae8', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 0;
}
#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: #f2f2f2;
  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: #cccccc \9;
}
#save-reports-btn:first-child,
#reset-to-default-btn:first-child,
#export-google-sheets-btn:first-child {
  *margin-left: 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: #ffffff;
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
#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 {
  *zoom: 1;
  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 #4183D7 !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 #4183D7;
    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: #4183D7 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(65, 131, 215, 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;
}
.character-numbers-dialog .expandlist-category-header {
  color: white;
  background-color: #3b3d3e;
  box-shadow: none;
}
.character-numbers-dialog .expandlist-category-header .expandlist-category-header-col.goog-tablesorter-sorted-reverse,
.character-numbers-dialog .expandlist-category-header .expandlist-category-header-col.goog-tablesorter-sorted {
  color: #40beb5;
  width: fit-content;
  text-align: left;
}
.character-numbers-dialog .expandlist-category-item-col.characternumberview-item-title {
  display: inline-block;
  width: 600px;
  text-align: left;
}
.character-numbers-dialog .expandlist-category-item-col.characternumberview-item-scenecount {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}
.characternumberview {
  border: #eee 1px solid;
  padding: 0;
  margin: 0;
}
.characternumberview-item {
  align-items: center;
  display: flex;
  *zoom: 1;
  margin: 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;
}
.characternumberview-item:before,
.characternumberview-item:after {
  display: table;
  content: "";
}
.characternumberview-item:after {
  clear: both;
}
.characternumberview-item:nth-child(even) {
  background: #4b4d4e;
}
.characternumberview-item td {
  padding: 10px 2px;
}
.characternumberview-item-focus {
  background: #41A099 !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 */
}
.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;
  }
}
[bigness='-1'] .striplist-table-head th,
[bigness='-1'] #tableheaderclone-container th {
  font-size: 95%;
}
[bigness='-1'] .striplist-table-head th.striplist-table-header-scene,
[bigness='-1'] #tableheaderclone-container th.striplist-table-header-scene {
  width: 70px;
  min-width: 70px;
}
[bigness='-2'] .striplist-table-head th,
[bigness='-2'] #tableheaderclone-container th {
  font-size: 90%;
}
[bigness='-2'] .striplist-table-head th.striplist-table-header-scene,
[bigness='-2'] #tableheaderclone-container th.striplist-table-header-scene {
  width: 60px;
  min-width: 60px;
}
[bigness='-3'] .striplist-table-head th,
[bigness='-3'] #tableheaderclone-container th {
  font-size: 85%;
}
[bigness='-3'] .striplist-table-head th.striplist-table-header-scene,
[bigness='-3'] #tableheaderclone-container 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: #999999;
  color: #ffffff;
  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;
}
.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: #ffffff !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: #555555;
}
.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 {
  font-weight: 300;
  border-top: 1px solid #555555;
  margin: 0px 25px;
}
.schedule-improved .call-sheet-dash-table .call-sheet-dash-link:last-child {
  border-bottom: 1px solid #555555;
}
.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: #000000;
  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: #999999;
  text-align: center;
  font-weight: 300;
  margin-top: 50px;
  font-size: 14px;
  height: 200px;
  display: block;
}
.schedule-improved .call-sheet-dashboard-message a {
  color: #999999;
  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: #ffffff;
  flex: 1 0 33%;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.schedule-improved .call-sheet-top-block:nth-child(3),
.schedule-improved .call-sheet-top-block:nth-child(6) {
  border-right: 1px solid #333333;
}
.schedule-improved .call-sheet-top-block:nth-child(-n+3) {
  border-top: 1px solid #333333;
}
.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: #555555;
  min-height: 115px;
  border: 1px solid #555555;
  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 #333333;
}
.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 #999999;
}
.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 #333333;
  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 #333333;
}
.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: #eeeeee;
}
.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 #333333;
  background: #ffffff;
}
.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 !important;
}
.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: #333333;
  font-weight: normal;
}
.schedule-improved-dialog #create-report-day-multiselect-container .goog-menu-button-dropdown {
  float: right;
  color: #333333;
}
.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: .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: #ffffff !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: #555555;
}
.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: #eeeeee;
}
#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 #333333;
  height: auto;
}
#call-sheet-basecamp .call-sheet-section-content #call-sheet-hospital {
  background-color: #eeeeee;
  border-top: 1px solid #333333;
  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;
}
/* 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 #333333;
}
.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: #ffffff;
}
/* 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 !important;
  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: #eeeeee;
  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: #555555;
  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: #40beb5;
}
.billing-update-component {
  margin: 0 auto;
}
.marketactioncounter-icon {
  margin-right: 6px;
  font-size: 16px;
}
.marketactioncounter-active .marketactioncounter-icon.ci-heart {
  color: #d83a2e;
}
.marketratingstars .marketratingstars-star {
  font-size: 17px !important;
}
.marketratingstars-personal .marketratingstars-star {
  color: #ffbe2c;
}
.marketratingstars-star {
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  cursor: hand;
  cursor: pointer;
}
.marketratingstars-count {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.distribute-titlebar {
  background: #ffffff;
  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: #61ccf6;
}
.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: #ffffff;
  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 #999999;
  border-bottom: 1px solid #999999;
  width: 225px;
  margin: 0px 5px 30px 5px;
  color: #ffffff;
  max-height: 350px;
  overflow: auto;
}
#sidebar.sidebar-container-distribute .distribute-list-person,
#sidebar.sidebar-container-message .distribute-list-person {
  color: #ffffff;
  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 #ffffff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin-right: 20px;
  color: #ffffff;
  text-align: center;
}
#sidebar.sidebar-container-distribute .distribute-list-person {
  border-top: 1px solid #555555;
  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-login-view #login-box,
.screenplay-signupbox {
  background: transparent;
  box-shadow: none;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 15px;
  width: 410px;
}
.screenplay-login-view #login-box input[type=email],
.screenplay-signupbox input[type=email],
.screenplay-login-view #login-box input[type=password],
.screenplay-signupbox input[type=password],
.screenplay-login-view #login-box input[type=text],
.screenplay-signupbox input[type=text] {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 5px;
  color: #8D8D8D;
  font-size: 12px;
  height: 20px;
  margin-top: 3px;
}
.screenplay-login-view #login-box .input-first,
.screenplay-signupbox .input-first {
  border-radius: 10px 10px 0px 0px;
}
.screenplay-login-view #login-box .input-last,
.screenplay-signupbox .input-last {
  border-radius: 0px 0px 10px 10px;
  margin-bottom: 0px;
}
.screenplay-login-view #login-box .only-input,
.screenplay-signupbox .only-input {
  border-radius: 10px 10px 10px 10px;
}
.screenplay-login-view #login-box .input-with-label,
.screenplay-signupbox .input-with-label {
  background: #181919;
  border: none;
  color: #8D8D8D;
  height: 50px;
  margin: 0px 5px;
  padding: 10px 10px 0px 20px;
  border: 1px solid #181919;
}
.screenplay-login-view #login-box .input-with-label:not(.input-last),
.screenplay-signupbox .input-with-label:not(.input-last) {
  margin-bottom: 2px;
}
.screenplay-login-view #login-box .input-with-label.input-hidden,
.screenplay-signupbox .input-with-label.input-hidden {
  border-radius: 10px;
  margin-bottom: 10px;
}
.screenplay-login-view #login-box .input-with-label span,
.screenplay-signupbox .input-with-label span {
  display: block;
  text-transform: uppercase;
  color: #8D8D8D;
  opacity: 0.5;
  font-size: 12px;
  font-style: italic;
  padding-left: 5px;
}
.screenplay-login-view #login-box .input-with-label ::placeholder,
.screenplay-signupbox .input-with-label ::placeholder {
  visibility: hidden;
}
.screenplay-login-view #login-box #login-showpassword-text,
.screenplay-signupbox #login-showpassword-text {
  font-size: 10px;
  vertical-align: top;
  line-height: 18px;
}
.screenplay-login-view #login-box #showPasswordContainer,
.screenplay-signupbox #showPasswordContainer {
  padding: 25px 0 0 15px;
}
.screenplay-login-view #login-box a,
.screenplay-signupbox a,
.screenplay-login-view #login-box a:visited,
.screenplay-signupbox a:visited {
  color: #4fc0e8;
}
.screenplay-login-view #login-box .gsignin-container .abcRioButton,
.screenplay-signupbox .gsignin-container .abcRioButton {
  height: 46px !important;
  padding-top: 7px;
}
.screenplay-login-view #login-box .gsignin-container .abcRioButton,
.screenplay-signupbox .gsignin-container .abcRioButton,
.screenplay-login-view #login-box .msignin-container .msignin-content,
.screenplay-signupbox .msignin-container .msignin-content {
  border-radius: 30px;
  padding-right: 0px;
}
.screenplay-login-view #login-box .gsignin-container .abcRioButton .abcRioButtonContents,
.screenplay-signupbox .gsignin-container .abcRioButton .abcRioButtonContents,
.screenplay-login-view #login-box .msignin-container .msignin-content .abcRioButtonContents,
.screenplay-signupbox .msignin-container .msignin-content .abcRioButtonContents,
.screenplay-login-view #login-box .gsignin-container .abcRioButton .msignin-text,
.screenplay-signupbox .gsignin-container .abcRioButton .msignin-text,
.screenplay-login-view #login-box .msignin-container .msignin-content .msignin-text,
.screenplay-signupbox .msignin-container .msignin-content .msignin-text {
  font-family: "lato", sans-serif;
  font-size: 11px !important;
  font-weight: bold;
}
.screenplay-login-view #login-box .gsignin-container .abcRioButton:hover,
.screenplay-signupbox .gsignin-container .abcRioButton:hover,
.screenplay-login-view #login-box .msignin-container .msignin-content:hover,
.screenplay-signupbox .msignin-container .msignin-content:hover {
  box-shadow: none;
}
.screenplay-login-view #login-box .abcRioButtonLightBlue,
.screenplay-signupbox .abcRioButtonLightBlue {
  background-color: #f2fcfd;
}
.screenplay-login-view #login-box .abcRioButtonContents::before,
.screenplay-signupbox .abcRioButtonContents::before,
.screenplay-login-view #login-box span[id^=not_signed_],
.screenplay-signupbox span[id^=not_signed_],
.screenplay-login-view #login-box span[id^=connected],
.screenplay-signupbox span[id^=connected] {
  text-transform: uppercase;
  color: #292d30;
  letter-spacing: 0px;
}
.screenplay-login-view #login-box .msignin-container .msignin-content,
.screenplay-signupbox .msignin-container .msignin-content {
  padding-top: 14px;
  padding-bottom: 6px;
  height: 26px;
  margin-top: 18px;
}
.screenplay-login-view #login-box .msignin-container .msignin-content .msignin-icon,
.screenplay-signupbox .msignin-container .msignin-content .msignin-icon {
  height: 18px;
  width: 18px;
  margin-right: 8px;
  margin-left: 22px;
  background-size: cover;
}
.screenplay-login-view #login-box .msignin-container .msignin-content .msignin-text,
.screenplay-signupbox .msignin-container .msignin-content .msignin-text {
  margin: 0px 6px;
  color: #292d30;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.screenplay-login-view #login-box .signup-terms,
.screenplay-signupbox .signup-terms,
.screenplay-login-view #login-box .trouble-logging-in,
.screenplay-signupbox .trouble-logging-in {
  text-transform: uppercase;
  text-align: center !important;
  color: #999999;
  font-size: 10px;
  padding: 80px 25px 0px 25px;
  line-height: 12px;
  letter-spacing: 0px;
  width: 230px;
  margin: auto;
}
.screenplay-login-view #login-box .signup-terms a,
.screenplay-signupbox .signup-terms a,
.screenplay-login-view #login-box .trouble-logging-in a,
.screenplay-signupbox .trouble-logging-in a {
  color: #4fc0e8;
  font-size: 10px;
}
.screenplay-login-view #login-box .login-feedback,
.screenplay-signupbox .login-feedback,
.screenplay-login-view #login-box .signup-feedback,
.screenplay-signupbox .signup-feedback {
  padding: 10px 25px 5px 0px;
  text-align: center;
  font-weight: normal;
  height: 60px;
  font-size: 12px;
  width: 175px;
  margin: auto;
}
.screenplay-login-view #login-box .login-feedback span,
.screenplay-signupbox .login-feedback span,
.screenplay-login-view #login-box .signup-feedback span,
.screenplay-signupbox .signup-feedback span {
  color: #E23955;
}
.screenplay-login-view #login-box.login-fail .input-with-label,
.screenplay-signupbox.login-fail .input-with-label,
.screenplay-login-view #login-box.signup-fail .input-with-label,
.screenplay-signupbox.signup-fail .input-with-label {
  border: 1px solid #E23955;
}
.screenplay-login-view #login-box.login-fail .input-with-label span,
.screenplay-signupbox.login-fail .input-with-label span,
.screenplay-login-view #login-box.signup-fail .input-with-label span,
.screenplay-signupbox.signup-fail .input-with-label span,
.screenplay-login-view #login-box.login-fail .input-with-label input,
.screenplay-signupbox.login-fail .input-with-label input,
.screenplay-login-view #login-box.signup-fail .input-with-label input,
.screenplay-signupbox.signup-fail .input-with-label input {
  color: #E23955;
}
.screenplay-login-view #login-box input[type=submit],
.screenplay-signupbox input[type=submit] {
  font-family: "lato", sans-serif;
  height: 46px;
}
.screenplay-logo {
  background-image: url('../img/logowhite.png');
  background-size: cover;
  margin: auto;
  height: 105px;
  width: 254px;
}
.screenplay-login-view .login-container {
  background: #2E2F2F;
}
.screenplay-login-view,
.screenplay-passwordreset-view {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  /* Override defauly browser autofill styling of inputs */
}
.screenplay-login-view .login-container:before,
.screenplay-passwordreset-view .login-container:before,
.screenplay-login-view .login-container:after,
.screenplay-passwordreset-view .login-container:after {
  background: initial;
}
.screenplay-login-view #login-header-message,
.screenplay-passwordreset-view #login-header-message {
  margin-top: 65px;
}
.screenplay-login-view .login-view-switch,
.screenplay-passwordreset-view .login-view-switch {
  position: fixed;
  top: 42px;
  right: 80px;
  width: 100px;
  border: 1px solid #39CCE1;
  color: #39CCE1;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 30px;
  line-height: 36px;
}
.screenplay-login-view input[type=submit],
.screenplay-passwordreset-view input[type=submit] {
  background-color: #39CCE1;
  color: #ffffff;
  text-transform: uppercase;
  height: 46px;
  border-radius: 30px;
  font-size: 12px;
  text-shadow: none;
  border: none;
  margin-top: 8px;
  font-weight: 600;
}
.screenplay-login-view input[type=submit]:focus,
.screenplay-passwordreset-view input[type=submit]:focus {
  outline: none;
}
.screenplay-login-view input[type=submit].btn-signup,
.screenplay-passwordreset-view input[type=submit].btn-signup {
  margin-top: 50px;
}
.screenplay-login-view input:-webkit-autofill,
.screenplay-passwordreset-view input:-webkit-autofill,
.screenplay-login-view input:-webkit-autofill:hover,
.screenplay-passwordreset-view input:-webkit-autofill:hover,
.screenplay-login-view input:-webkit-autofill:focus,
.screenplay-passwordreset-view input:-webkit-autofill:focus,
.screenplay-login-view input:-webkit-autofill:active,
.screenplay-passwordreset-view input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #181919 inset !important;
  -webkit-text-fill-color: #8D8D8D !important;
  border-radius: 0px;
  caret-color: #8D8D8D;
}
.screenplay-login-view .signup-fail input:-webkit-autofill,
.screenplay-passwordreset-view .signup-fail input:-webkit-autofill {
  -webkit-text-fill-color: #e23955 !important;
}
.screenplay-login-view #login-box #gsignin-separator {
  display: none;
}
.screenplay-passwordreset-view {
  background: #2E2F2F;
  min-height: 100%;
  text-align: center;
  padding-top: 60px;
}
.screenplay-passwordreset-view h3 {
  color: #ffffff;
}
.screenplay-passwordreset-view {
  color: #ffffff;
}
.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: #4fc0e8;
}
.screenplay-passwordreset-view input[name=email] {
  background: #181919;
  border: none;
  color: #ffffff;
  height: 25px;
  margin: 10px 15px 10px 0px;
  padding: 5px 10px;
}
.screenplay-passwordreset-view input[name=email]::placeholder {
  color: #8d8d8d;
}
.screenplay-passwordreset-view input[type=submit] {
  height: 33px;
  width: 100px;
  font-size: 11px;
  font-weight: 600;
}
.screenplay-passwordreset-view form {
  height: 85px;
}
.screenplay-onboarding-view .modal-dialog-bg {
  min-height: 100%;
  background: #2e2f2f;
  opacity: 100% !important;
  background-size: cover;
}
@media (max-width: 650px) {
  .screenplay-onboarding-view .modal-dialog-bg.modal-dialog-bg-white {
    background: white;
  }
}
.screenplay-onboarding-view .modal-dialog-signup-wizard.signup-nonmobile {
  background: white !important;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content {
  background: white;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .pwa-project-creation-heading {
  color: #40bdb4;
  padding-top: 58px;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .pwa-project-creation-subheading,
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .pwa-project-creation-description {
  font-size: 13px;
  line-height: 22px;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .pwa-project-creation-subheading {
  font-weight: bold;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .pwa-project-creation-description {
  text-align: center;
  width: 520px;
  margin: auto;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-main-container {
  padding-top: 28px;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-input-container {
  text-align: left;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-input-container .project-name-input {
  border: 1px solid #ddd !important;
  background-color: transparent;
  display: block;
  margin: auto;
  border-radius: 6px;
  color: #545454;
}
@media (min-width: 650px) {
  .screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-input-container .project-name-input {
    width: 560px;
  }
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-input-container .project-name-input.input-error {
  border-color: #b94a48 !important;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-input-container .project-name-input::placeholder {
  color: #545454;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-upload-container {
  text-align: center;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-upload-container .project-name-upload-title {
  font-size: 11px;
  line-height: 12px;
  font-weight: 800;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-upload-container .project-name-upload-flavor {
  font-size: 10px;
  color: #555555;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-upload-container .project-name-upload-button {
  background: transparent;
  color: #32baab !important;
  display: block;
  font-size: 12px;
  padding: 7px 9px 5px 9px;
  width: 130px;
  margin-left: 14px;
  border-radius: 0 6px 6px 0 !important;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .signup-container-content .project-name-upload-container button:focus {
  color: #32baab !important;
  background: #f0f0f0 !important;
  outline: none;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .modal-dialog-buttons input[type=submit] {
  border-radius: 5px;
}
.screenplay-onboarding-view .modal-dialog-signup-wizard .code-resent.fade-in {
  padding-top: 10px;
}
@media (min-width: 650px) {
  .screenplay-onboarding-view .modal-dialog.modal-dialog-signup-wizard.signup-mobile {
    height: 700px;
  }
  .screenplay-onboarding-view .modal-dialog.modal-dialog-signup-wizard.signup-mobile .wizardindicator {
    margin-bottom: 30px;
  }
  .screenplay-onboarding-view .modal-dialog.modal-dialog-signup-wizard.signup-mobile .modal-dialog-content {
    padding: 40px !important;
  }
  .screenplay-onboarding-view .modal-dialog.modal-dialog-signup-wizard.signup-mobile .modal-dialog-buttons {
    margin-top: -90px;
  }
}
@media (max-height: 900px) {
  .screenplay-login-view .login-view-switch {
    position: absolute;
    top: 30px;
    right: 8%;
    margin-right: 10px;
    font-size: 11px;
    line-height: 30px;
    width: 90px;
  }
  .screenplay-login-view #login-header-message {
    margin-top: 75px;
    margin-bottom: 15px;
  }
  .screenplay-logo {
    width: 160px;
    height: 66px;
  }
  .screenplay-login-view #login-box,
  .screenplay-signupbox {
    max-width: 330px;
    width: 84%;
    padding: 0px;
    margin: 0px 8%;
  }
  .screenplay-login-view #login-box .login-feedback,
  .screenplay-signupbox .login-feedback,
  .screenplay-login-view #login-box .signup-feedback,
  .screenplay-signupbox .signup-feedback {
    height: initial;
    width: initial;
    padding-right: 0px;
  }
  .screenplay-login-view #login-box .input-with-label,
  .screenplay-signupbox .input-with-label {
    margin: 0px;
  }
  .screenplay-login-view #login-box .trouble-logging-in,
  .screenplay-signupbox .trouble-logging-in,
  .screenplay-login-view #login-box .signup-terms,
  .screenplay-signupbox .signup-terms {
    padding-top: 40px;
  }
  .screenplay-login-view #login-box .signup-terms,
  .screenplay-signupbox .signup-terms,
  .screenplay-login-view #login-box .trouble-logging-in,
  .screenplay-signupbox .trouble-logging-in {
    width: auto;
  }
  .pwa-project-creation-subheading {
    width: 265px;
    margin: auto;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .screenplay-login-view .login-view-switch {
    position: absolute;
    top: 30px;
    right: 8%;
    margin-right: 10px;
    font-size: 11px;
    line-height: 30px;
    width: 90px;
  }
  .screenplay-login-view #login-header-message {
    margin-top: 75px;
  }
  .screenplay-logo {
    width: 160px;
    height: 66px;
  }
  .screenplay-login-view #login-box,
  .screenplay-signupbox {
    max-width: 330px;
    width: 84%;
    padding: 0px;
    margin: 0px 8%;
  }
  .screenplay-login-view #login-box .login-feedback,
  .screenplay-signupbox .login-feedback,
  .screenplay-login-view #login-box .signup-feedback,
  .screenplay-signupbox .signup-feedback {
    height: initial;
    width: initial;
    padding-right: 0px;
  }
  .screenplay-login-view #login-box .input-with-label,
  .screenplay-signupbox .input-with-label {
    margin: 0px;
  }
  .screenplay-login-view #login-box .trouble-logging-in,
  .screenplay-signupbox .trouble-logging-in,
  .screenplay-login-view #login-box .signup-terms,
  .screenplay-signupbox .signup-terms {
    padding-top: 40px;
  }
}
.billing-history-mount {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  display: flex;
  position: fixed;
  align-items: center;
  letter-spacing: .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 {
  padding: 50px;
  position: relative;
  border-radius: 25px;
  width: auto !important;
  background: white !important;
}
.billing-history-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 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}
.billing-history-root .header .title {
  font-size: 21px;
  color: #7264DD;
  font-weight: 600;
}
.billing-history-root.loading .bh-grid-container {
  display: flex;
  justify-content: center;
}
.billing-history-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 {
  padding: 0px 10px 0px 0px;
}
.billing-history-root .content .bh-loading {
  width: 60px;
  height: 60px;
  fill: grey;
}
.billing-history-root .content .bh-loading-anchor,
.billing-history-root .content .bh-loading.main,
.billing-history-root .content .bh-error {
  padding-top: 20px;
  justify-self: center;
  grid-column: 1 / span 5;
}
.billing-history-root .content .bh-loading-anchor {
  padding-top: 10px;
}
.billing-history-root .content .bh-loading-anchor > .bh-loading {
  width: 20px;
  height: 20px;
}
.billing-history-root .content .bh-error {
  max-width: 490px;
  text-align: center;
}
.billing-history-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) {
  padding-right: 10px;
}
.billing-history-root .content .bh-grid-cell.col-label,
.billing-history-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,
.billing-history-root .content .bh-grid-cell.row-item.fullreceipt,
.billing-history-root .content .bh-grid-cell.row-item.null-item {
  justify-content: center;
}
.billing-history-root .content .bh-grid-cell.col-label {
  position: sticky;
  top: 0;
  font-size: 17px;
  font-weight: 700;
  color: #199F8F;
  padding-bottom: 20px;
  background-color: white;
}
.billing-history-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 {
  padding-left: 6px;
}
.billing-history-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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  cursor: default;
}
.billing-history-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 {
  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 {
  color: inherit !important;
}
.billing-history-root .content .bh-grid-cell.row-item.fullreceipt .pdf-link span {
  border-bottom: 1px solid #414141;
}
.billing-history-root .content::-webkit-scrollbar {
  width: 5px;
  background-color: #ffffff;
}
.billing-history-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 {
  box-shadow: inset 0 0 6px #f8f8f84d;
  -webkit-box-shadow: inset 0 0 6px #f8f8f84d;
  background-color: #bebebe;
}
@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/celtxicons41/celtxicons.eot?19360838');
  src: url('https://s3.amazonaws.com/celtx.com/assets/celtxicons41/celtxicons.eot?19360838#iefix') format('embedded-opentype'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons41/celtxicons.woff2?19360838') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons41/celtxicons.woff?19360838') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons41/celtxicons.ttf?19360838') format('truetype'), url('https://s3.amazonaws.com/celtx.com/assets/celtxicons41/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: .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: .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';
}
/* '' */
.cxi-jimmy_neutron:before {
  content: '\e8ca';
}
/* '' */
.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: #333333;
  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;
  /*background-image: url("../img/budget.png");
    background-repeat: no-repeat;
    background-position: -4px 3px;	*/
}
.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: .2s;
  animation-duration: .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: #333333;
  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: 0.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: #333333;
  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: #555555;
  vertical-align: top;
}
.projectpanel-report-number {
  color: #333333;
  vertical-align: top;
  float: right;
}
.projectpanel-report-text-total {
  color: #333333;
  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: #555555;
}
.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;
}
.projectpanel-tabsection-approvals {
  width: 33%;
  color: #676868;
  text-align: center;
  -webkit-box-shadow: inset 1px 0px 0px 0px #dee1e2;
  -moz-box-shadow: inset 1px 0px 0px 0px #dee1e2;
  box-shadow: inset 1px 0px 0px 0px #dee1e2;
}
.projectpanel-tabsection-approvals .projectpanel-tabsection-content {
  padding-top: 0px !important;
  -webkit-box-shadow: inset 1px 0px 0px 0px #dee1e2;
  -moz-box-shadow: inset 1px 0px 0px 0px #dee1e2;
  box-shadow: inset 1px 0px 0px 0px #dee1e2;
}
.dashboard-approval {
  width: 90%;
  background-color: #ececec;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  padding: 10px;
}
.approval-image {
  height: 30px;
  width: 30px;
  border-radius: 100px;
  display: inline-block;
  margin-right: 11px;
  vertical-align: middle;
  margin-bottom: 3px;
  text-align: center;
}
.approval-image i {
  font-size: 16px;
  color: white;
  line-height: 30px;
}
.approval-info {
  font-size: 12px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 1.2;
  max-width: 240px;
}
.approval-info-extra {
  font-size: 11px;
  margin-top: 3px;
  color: #777;
}
.approval-info-extra-row {
  line-height: 1.2;
}
.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;
  }
  .approval-image {
    height: 25px;
    width: 25px;
  }
  .approval-image i {
    font-size: 14px;
    line-height: 26px;
  }
  .dashboard-approval {
    width: 83%;
  }
  .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: .6s;
  animation-duration: .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: #333333;
  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: #ffffff;
  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: .3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.header-footer-lockmsg-container {
  background-color: #40bdb4;
  position: absolute;
  opacity: 162;
  top: 0;
  margin-left: 40%;
  padding: 15px;
  width: 135px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #fff;
  z-index: 1;
  text-align: center;
}
.header-footer-lockmsg-container a {
  color: #fff !important;
  text-decoration: underline;
  margin-top: 5px;
  display: inline-block;
}
.header-footer-lockmsg-container a:hover {
  text-decoration: underline;
}
.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 !important;
}
.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: #222222 !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;
}
.fullscreenmode .cxscript {
  height: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fullscreenmode .findreplace-container {
  z-index: 1;
  margin-top: -40px;
  padding-top: 60px;
  margin-bottom: 50px;
}
.fullscreenmode .cx-dialog-popdown {
  margin-top: 95px;
}
#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,
  #indexcardtoolbar #\+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-large-icon {
  font-size: 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-format .goog-toolbar-menu-button-caption {
  min-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.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;
}
.note-editor-overlay {
  position: absolute;
  top: 30px;
  left: 0px;
  opacity: 0.3;
  background: #eee;
}
.note-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);
}
.note-editor-color-btn,
.note-editor-delete-btn {
  padding: 4px 8px;
  margin: 0 5px 5px 0;
  font-size: 11px;
  font-weight: bold;
}
.note-editor-delete-btn {
  float: right;
}
.note-editor-text {
  resize: none;
  width: 180px;
  height: 90px;
  background: rgba(255, 255, 255, 0.7) !important;
  color: #000 !important;
  margin: 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);
}
.cx-pm-editor .editor-container.nightmode p.sceneheading[scenestr]::after,
.cx-pm-aveditor .editor-container.nightmode p.sceneheading[scenestr]::after,
.cx-pm-av2editor .editor-container.nightmode p.sceneheading[scenestr]::after,
.cx-pm-stageplayeditor .editor-container.nightmode p.sceneheading[scenestr]::after,
.cx-pm-editor .editor-container.nightmode p.sceneheading[scenestr]::before,
.cx-pm-aveditor .editor-container.nightmode p.sceneheading[scenestr]::before,
.cx-pm-av2editor .editor-container.nightmode p.sceneheading[scenestr]::before,
.cx-pm-stageplayeditor .editor-container.nightmode p.sceneheading[scenestr]::before {
  color: #636363;
}
.cx-pm-editor .editor-container.nightmode p.dialog[dialognumber]::after,
.cx-pm-aveditor .editor-container.nightmode p.dialog[dialognumber]::after,
.cx-pm-av2editor .editor-container.nightmode p.dialog[dialognumber]::after,
.cx-pm-stageplayeditor .editor-container.nightmode p.dialog[dialognumber]::after,
.cx-pm-editor .editor-container.nightmode p.dialog[dialognumber]::before,
.cx-pm-aveditor .editor-container.nightmode p.dialog[dialognumber]::before,
.cx-pm-av2editor .editor-container.nightmode p.dialog[dialognumber]::before,
.cx-pm-stageplayeditor .editor-container.nightmode p.dialog[dialognumber]::before {
  color: #636363;
}
.cx-pm-editor .editor-container.nightmode .cxpage-meta-content span,
.cx-pm-aveditor .editor-container.nightmode .cxpage-meta-content span,
.cx-pm-av2editor .editor-container.nightmode .cxpage-meta-content span,
.cx-pm-stageplayeditor .editor-container.nightmode .cxpage-meta-content span,
.cx-pm-editor .editor-container.nightmode .cxav_table-meta-content span,
.cx-pm-aveditor .editor-container.nightmode .cxav_table-meta-content span,
.cx-pm-av2editor .editor-container.nightmode .cxav_table-meta-content span,
.cx-pm-stageplayeditor .editor-container.nightmode .cxav_table-meta-content span {
  color: #636363 !important;
}
.cx-pm-editor .editor-container.nightmode .findreplace-container,
.cx-pm-aveditor .editor-container.nightmode .findreplace-container,
.cx-pm-av2editor .editor-container.nightmode .findreplace-container,
.cx-pm-stageplayeditor .editor-container.nightmode .findreplace-container,
.cx-pm-editor .editor-container.nightmode #cx-spellcheck-controls,
.cx-pm-aveditor .editor-container.nightmode #cx-spellcheck-controls,
.cx-pm-av2editor .editor-container.nightmode #cx-spellcheck-controls,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-spellcheck-controls {
  background-color: #1e1e1e;
  border-bottom: 1px solid #353535;
  position: relative;
  z-index: 2;
}
.cx-pm-editor .editor-container.nightmode .findreplace-container .fr-whole-word-checkbox,
.cx-pm-aveditor .editor-container.nightmode .findreplace-container .fr-whole-word-checkbox,
.cx-pm-av2editor .editor-container.nightmode .findreplace-container .fr-whole-word-checkbox,
.cx-pm-stageplayeditor .editor-container.nightmode .findreplace-container .fr-whole-word-checkbox,
.cx-pm-editor .editor-container.nightmode #cx-spellcheck-controls .fr-whole-word-checkbox,
.cx-pm-aveditor .editor-container.nightmode #cx-spellcheck-controls .fr-whole-word-checkbox,
.cx-pm-av2editor .editor-container.nightmode #cx-spellcheck-controls .fr-whole-word-checkbox,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-spellcheck-controls .fr-whole-word-checkbox,
.cx-pm-editor .editor-container.nightmode .findreplace-container .fr-case-checkbox,
.cx-pm-aveditor .editor-container.nightmode .findreplace-container .fr-case-checkbox,
.cx-pm-av2editor .editor-container.nightmode .findreplace-container .fr-case-checkbox,
.cx-pm-stageplayeditor .editor-container.nightmode .findreplace-container .fr-case-checkbox,
.cx-pm-editor .editor-container.nightmode #cx-spellcheck-controls .fr-case-checkbox,
.cx-pm-aveditor .editor-container.nightmode #cx-spellcheck-controls .fr-case-checkbox,
.cx-pm-av2editor .editor-container.nightmode #cx-spellcheck-controls .fr-case-checkbox,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-spellcheck-controls .fr-case-checkbox {
  color: #c0c0c0;
}
.cx-pm-editor .editor-container.nightmode .findreplace-container .find-input,
.cx-pm-aveditor .editor-container.nightmode .findreplace-container .find-input,
.cx-pm-av2editor .editor-container.nightmode .findreplace-container .find-input,
.cx-pm-stageplayeditor .editor-container.nightmode .findreplace-container .find-input,
.cx-pm-editor .editor-container.nightmode #cx-spellcheck-controls .find-input,
.cx-pm-aveditor .editor-container.nightmode #cx-spellcheck-controls .find-input,
.cx-pm-av2editor .editor-container.nightmode #cx-spellcheck-controls .find-input,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-spellcheck-controls .find-input,
.cx-pm-editor .editor-container.nightmode .findreplace-container .replace-input,
.cx-pm-aveditor .editor-container.nightmode .findreplace-container .replace-input,
.cx-pm-av2editor .editor-container.nightmode .findreplace-container .replace-input,
.cx-pm-stageplayeditor .editor-container.nightmode .findreplace-container .replace-input,
.cx-pm-editor .editor-container.nightmode #cx-spellcheck-controls .replace-input,
.cx-pm-aveditor .editor-container.nightmode #cx-spellcheck-controls .replace-input,
.cx-pm-av2editor .editor-container.nightmode #cx-spellcheck-controls .replace-input,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-spellcheck-controls .replace-input {
  background-color: #1e1e1e;
  border-color: #565656;
  color: #c0c0c0;
}
.cx-pm-editor .editor-container.nightmode .findreplace-container .cx-misspelled-text,
.cx-pm-aveditor .editor-container.nightmode .findreplace-container .cx-misspelled-text,
.cx-pm-av2editor .editor-container.nightmode .findreplace-container .cx-misspelled-text,
.cx-pm-stageplayeditor .editor-container.nightmode .findreplace-container .cx-misspelled-text,
.cx-pm-editor .editor-container.nightmode #cx-spellcheck-controls .cx-misspelled-text,
.cx-pm-aveditor .editor-container.nightmode #cx-spellcheck-controls .cx-misspelled-text,
.cx-pm-av2editor .editor-container.nightmode #cx-spellcheck-controls .cx-misspelled-text,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-spellcheck-controls .cx-misspelled-text {
  color: #c0c0c0;
}
.cx-pm-editor .editor-container.nightmode .search-result-count,
.cx-pm-aveditor .editor-container.nightmode .search-result-count,
.cx-pm-av2editor .editor-container.nightmode .search-result-count,
.cx-pm-stageplayeditor .editor-container.nightmode .search-result-count {
  background-color: #1e1e1e;
}
.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;
}
#statusBarDiv {
  background: none;
  background-color: #efeeec !important;
  position: relative;
  z-index: 10010;
}
.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;
}
.subscene-btn {
  position: fixed;
  z-index: 9;
  color: #aaa;
}
.subscene-btn:hover {
  color: #888;
}
.subscene-btn-reverse i {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.cards-container {
  padding: 10px 0;
}
.cards-container .card-scene-container {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.cards-container .card-scene-container .card-menu {
  position: relative;
  z-index: 99;
}
.cards-container .card-scene-container .index-card {
  max-width: 100%;
  margin-bottom: 1px !important;
  box-sizing: border-box;
}
.cards-container .card-scene-container.collapsed .index-card {
  display: none !important;
}
.cards-container .card-scene-container.collapsed .collapse-scene-container-btn {
  transform: rotate(180deg);
}
.cards-container .index-card::-webkit-scrollbar {
  display: none;
}
.cards-container .index-card {
  width: 100%;
  margin: 0px 0px 20px 0px;
}
.cards-container .index-card .card-tags .goog-popupcolorpicker {
  left: 0px !important;
}
.cards-container .index-card .card-heading span,
.cards-container .index-card .card-heading input {
  width: 140px;
  position: absolute;
}
.cards-container .index-card .card-description {
  position: relative;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.cards-container .index-card .card-description textarea {
  width: 100% !important;
  box-sizing: border-box;
}
.add-to-scene-dialog .scene-add-container {
  height: 50px;
  box-sizing: border-box;
  padding: 10px;
  padding-top: 16px;
  overflow: hidden;
  width: 100%;
  display: flex;
  background-color: #353535;
  cursor: pointer;
}
.add-to-scene-dialog .scene-add-container:nth-child(odd) {
  background-color: #484848;
}
.add-to-scene-dialog .scene-add-container .add-card-to-scene-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 .modal-dialog-content {
  max-height: 400px;
  overflow-y: scroll;
}
.character-list-dialog .character-list-character-column {
  white-space: nowrap;
  overflow: hidden;
}
.character-list-dialog .character-list-character-column .cast-item-character {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cast-item {
  border-top: 1px solid #f0f0f0;
  z-index: 2001;
  /* To match the z-index of .modal-dialog, so that this doesn't disappear behind it while dragging*/
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cast-item .character-list-character-column,
.cast-item .character-list-actor-column,
.cast-item .character-list-hide-remove-column {
  height: 52px;
}
.cast-item.cast-item-dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.cast-item-hidden {
  background-color: lightgrey;
}
.add-character-to-cast-list {
  width: 100%;
}
.flex-cell.character-list-hide-remove-column {
  max-width: 107px;
  border-right: none;
}
.cast-item-dragging {
  width: 398px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: white;
}
.save-button-container {
  text-align: center;
  height: 28px;
  width: 100%;
  font-size: 14px;
}
.save-label-container {
  color: #f6f6f6;
  padding: 0 10px;
  width: 120px;
}
.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: #40bdb4;
}
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: #ffffff;
  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: #40bdb4;
}
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-versionlistitem {
  display: flex;
  flex: 1;
  justify-content: center;
  max-height: 38px;
  height: 38px;
  cursor: default;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 10px 20px;
  padding-right: 0px;
  width: 386px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-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 {
  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 {
  border-color: #40bdb4;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner textarea::placeholder {
  font-style: italic;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-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 {
  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 {
  border: 1px solid #40bdb4;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-inner .history-timestamp {
  display: flex;
  line-height: 14px;
  font-size: 14px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-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 {
  line-height: 15px;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-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 {
  background: none;
}
.restore-history-dialog .cx-versionlistitem.cx-versionlistitem-selected {
  background: #565756;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-full-name,
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-email {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-restore {
  right: -5px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-restore-button {
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  color: #47b5a7 !important;
  margin-bottom: 18px;
}
.restore-history-dialog .cx-versionlistitem .cx-versionlistitem-restore-button i {
  margin-right: 5px;
}
.editor-header-container .avatar-navbar {
  margin: 9px 0px;
}
.editor-header-container .top-nav-showhide .avatar-navbar {
  margin: 0px;
  margin-top: -6px;
}
.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 #71c2be;
}
.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-menuitem .bg-color-picker,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem .bg-color-picker,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem .bg-color-picker,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem .bg-color-picker,
.cx-pm-editor .editor-container .ProseMirror-menuitem .fg-color-picker,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem .fg-color-picker,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem .fg-color-picker,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem .fg-color-picker {
  display: inline-block;
  width: 14px;
  height: 12px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  margin: 6px 5px;
}
.cx-pm-editor .editor-container .ProseMirror-menuitem .bg-color-picker:hover,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem .bg-color-picker:hover,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem .bg-color-picker:hover,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem .bg-color-picker:hover {
  background: none;
}
.cx-pm-editor .editor-container .ProseMirror-menuitem .fg-color-picker:hover,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem .fg-color-picker:hover,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem .fg-color-picker:hover,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem .fg-color-picker:hover {
  background: none;
}
.cx-pm-editor .editor-container .ProseMirror-menuitem .fg-color-picker,
.cx-pm-aveditor .editor-container .ProseMirror-menuitem .fg-color-picker,
.cx-pm-av2editor .editor-container .ProseMirror-menuitem .fg-color-picker,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menuitem .fg-color-picker {
  background-color: #45818e;
}
.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: #5ab690;
  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,
.cx-pm-editor .editor-container #cx-facebook,
.cx-pm-aveditor .editor-container #cx-facebook,
.cx-pm-av2editor .editor-container #cx-facebook,
.cx-pm-stageplayeditor .editor-container #cx-facebook {
  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: .6s;
  animation-duration: .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: #ffffff;
  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: #40bdb4;
}
.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: #ffffff;
  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: #40bdb4 !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: #40bdb4 !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: .6s;
  animation-duration: .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: .6s;
  animation-duration: .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 .fa-twitter:before,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .fa-twitter:before,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .fa-twitter:before,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .fa-twitter:before {
  font-size: 14px;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript .fa-facebook:before,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript .fa-facebook:before,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript .fa-facebook:before,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript .fa-facebook:before {
  font-size: 14px;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-enter,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-enter,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-enter,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-enter,
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-exit,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-exit,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-exit,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-fullscreen-exit {
  float: right;
}
.cx-pm-editor .editor-container .ProseMirror-menubar-cxscript #cx-nightmode,
.cx-pm-aveditor .editor-container .ProseMirror-menubar-cxscript #cx-nightmode,
.cx-pm-av2editor .editor-container .ProseMirror-menubar-cxscript #cx-nightmode,
.cx-pm-stageplayeditor .editor-container .ProseMirror-menubar-cxscript #cx-nightmode {
  float: right;
}
.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: #ffffff;
}
.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: #000000;
}
.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: #000000 !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: #ffffff;
}
.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;
}
.cx-pm-editor .editor-container.nightmode .autocomplete_widget .sel,
.cx-pm-aveditor .editor-container.nightmode .autocomplete_widget .sel,
.cx-pm-av2editor .editor-container.nightmode .autocomplete_widget .sel,
.cx-pm-stageplayeditor .editor-container.nightmode .autocomplete_widget .sel {
  background: #151515 !important;
  color: #d0d0d0;
}
.cx-pm-editor .editor-container.nightmode .autocomplete_widget .selected,
.cx-pm-aveditor .editor-container.nightmode .autocomplete_widget .selected,
.cx-pm-av2editor .editor-container.nightmode .autocomplete_widget .selected,
.cx-pm-stageplayeditor .editor-container.nightmode .autocomplete_widget .selected {
  background-color: #2d2d2d;
  color: #c0c0c0;
}
.cx-pm-editor .editor-container.nightmode #scripteditor,
.cx-pm-aveditor .editor-container.nightmode #scripteditor,
.cx-pm-av2editor .editor-container.nightmode #scripteditor,
.cx-pm-stageplayeditor .editor-container.nightmode #scripteditor {
  background-color: #000;
}
.cx-pm-editor .editor-container.nightmode .ProseMirror-menu-active,
.cx-pm-aveditor .editor-container.nightmode .ProseMirror-menu-active,
.cx-pm-av2editor .editor-container.nightmode .ProseMirror-menu-active,
.cx-pm-stageplayeditor .editor-container.nightmode .ProseMirror-menu-active {
  color: white;
}
.cx-pm-editor .editor-container.nightmode .ProseMirror-menu-dropdown-menu,
.cx-pm-aveditor .editor-container.nightmode .ProseMirror-menu-dropdown-menu,
.cx-pm-av2editor .editor-container.nightmode .ProseMirror-menu-dropdown-menu,
.cx-pm-stageplayeditor .editor-container.nightmode .ProseMirror-menu-dropdown-menu {
  background: #1e1e1e;
  color: #666;
  border: 1px solid #3c3c3c;
}
.cx-pm-editor .editor-container.nightmode .cx-screenplay,
.cx-pm-aveditor .editor-container.nightmode .cx-screenplay,
.cx-pm-av2editor .editor-container.nightmode .cx-screenplay,
.cx-pm-stageplayeditor .editor-container.nightmode .cx-screenplay,
.cx-pm-editor .editor-container.nightmode .cx-audiovideo,
.cx-pm-aveditor .editor-container.nightmode .cx-audiovideo,
.cx-pm-av2editor .editor-container.nightmode .cx-audiovideo,
.cx-pm-stageplayeditor .editor-container.nightmode .cx-audiovideo,
.cx-pm-editor .editor-container.nightmode .cx-audiovideo2,
.cx-pm-aveditor .editor-container.nightmode .cx-audiovideo2,
.cx-pm-av2editor .editor-container.nightmode .cx-audiovideo2,
.cx-pm-stageplayeditor .editor-container.nightmode .cx-audiovideo2,
.cx-pm-editor .editor-container.nightmode .cx-stageplay,
.cx-pm-aveditor .editor-container.nightmode .cx-stageplay,
.cx-pm-av2editor .editor-container.nightmode .cx-stageplay,
.cx-pm-stageplayeditor .editor-container.nightmode .cx-stageplay {
  background-color: #000000 !important;
}
.cx-pm-editor .editor-container.nightmode .page,
.cx-pm-aveditor .editor-container.nightmode .page,
.cx-pm-av2editor .editor-container.nightmode .page,
.cx-pm-stageplayeditor .editor-container.nightmode .page,
.cx-pm-editor .editor-container.nightmode .av_table,
.cx-pm-aveditor .editor-container.nightmode .av_table,
.cx-pm-av2editor .editor-container.nightmode .av_table,
.cx-pm-stageplayeditor .editor-container.nightmode .av_table {
  box-shadow: none !important;
  background-color: #1d1d1d;
  color: #b1b1b1;
}
.cx-pm-editor .editor-container.nightmode .page .sceneheading,
.cx-pm-aveditor .editor-container.nightmode .page .sceneheading,
.cx-pm-av2editor .editor-container.nightmode .page .sceneheading,
.cx-pm-stageplayeditor .editor-container.nightmode .page .sceneheading {
  color: #000;
  background-color: #636363;
}
.cx-pm-editor .editor-container.nightmode .ProseMirror-menubar-cxscript,
.cx-pm-aveditor .editor-container.nightmode .ProseMirror-menubar-cxscript,
.cx-pm-av2editor .editor-container.nightmode .ProseMirror-menubar-cxscript,
.cx-pm-stageplayeditor .editor-container.nightmode .ProseMirror-menubar-cxscript {
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #333333;
}
.cx-pm-editor .editor-container.nightmode .ProseMirror-menubar-cxscript #cx-nightmode .ProseMirror-icon span:before,
.cx-pm-aveditor .editor-container.nightmode .ProseMirror-menubar-cxscript #cx-nightmode .ProseMirror-icon span:before,
.cx-pm-av2editor .editor-container.nightmode .ProseMirror-menubar-cxscript #cx-nightmode .ProseMirror-icon span:before,
.cx-pm-stageplayeditor .editor-container.nightmode .ProseMirror-menubar-cxscript #cx-nightmode .ProseMirror-icon span:before {
  content: '\e8a1';
}
.cx-pm-editor .editor-container.nightmode #cx-elements,
.cx-pm-aveditor .editor-container.nightmode #cx-elements,
.cx-pm-av2editor .editor-container.nightmode #cx-elements,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-elements,
.cx-pm-editor .editor-container.nightmode #cx-zoom,
.cx-pm-aveditor .editor-container.nightmode #cx-zoom,
.cx-pm-av2editor .editor-container.nightmode #cx-zoom,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-zoom,
.cx-pm-editor .editor-container.nightmode #cx-scene-format,
.cx-pm-aveditor .editor-container.nightmode #cx-scene-format,
.cx-pm-av2editor .editor-container.nightmode #cx-scene-format,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-scene-format {
  color: #bdbdbd !important;
  border: 1px solid #4a4a4a !important;
}
.cx-pm-editor .editor-container.nightmode #cx-elements .label,
.cx-pm-aveditor .editor-container.nightmode #cx-elements .label,
.cx-pm-av2editor .editor-container.nightmode #cx-elements .label,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-elements .label,
.cx-pm-editor .editor-container.nightmode #cx-zoom .label,
.cx-pm-aveditor .editor-container.nightmode #cx-zoom .label,
.cx-pm-av2editor .editor-container.nightmode #cx-zoom .label,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-zoom .label,
.cx-pm-editor .editor-container.nightmode #cx-scene-format .label,
.cx-pm-aveditor .editor-container.nightmode #cx-scene-format .label,
.cx-pm-av2editor .editor-container.nightmode #cx-scene-format .label,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-scene-format .label {
  color: #757578 !important;
}
.cx-pm-editor .editor-container.nightmode #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container.nightmode #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container.nightmode #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-elements .ProseMirror-menu-dropdown:after,
.cx-pm-editor .editor-container.nightmode #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container.nightmode #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container.nightmode #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-zoom .ProseMirror-menu-dropdown:after,
.cx-pm-editor .editor-container.nightmode #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-aveditor .editor-container.nightmode #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-av2editor .editor-container.nightmode #cx-scene-format .ProseMirror-menu-dropdown:after,
.cx-pm-stageplayeditor .editor-container.nightmode #cx-scene-format .ProseMirror-menu-dropdown:after {
  color: #ffffff !important;
}
.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: #292D30 !important;
}
#scripteditortoolbar .goog-toolbar .goog-toolbar-button,
#scripteditortoolbar .goog-toolbar .goog-toolbar-menu-button {
  margin: -2px 2px 0 !important;
}
#scripteditortoolbar,
#indexcardtoolbar,
#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,
#indexcardtoolbar .autoblocksearch,
#scheduletoolbar .autoblocksearch {
  height: 26px;
  margin-top: 9px;
}
#scripteditortoolbar .autoblocksearch .autoblocklist,
#indexcardtoolbar .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,
#indexcardtoolbar .autoblocksearch .autoblocklist.editing,
#scheduletoolbar .autoblocksearch .autoblocklist.editing {
  background: #ffffff;
}
#scripteditortoolbar .autoblocksearch .autoblocklist.editing:focus,
#indexcardtoolbar .autoblocksearch .autoblocklist.editing:focus,
#scheduletoolbar .autoblocksearch .autoblocklist.editing:focus,
#scripteditortoolbar .autoblocksearch .autoblocklist.editing.focus,
#indexcardtoolbar .autoblocksearch .autoblocklist.editing.focus,
#scheduletoolbar .autoblocksearch .autoblocklist.editing.focus {
  border: none;
  box-shadow: none;
}
#scripteditortoolbar .autoblocksearch .autoblocklist.editing .autoblock,
#indexcardtoolbar .autoblocksearch .autoblocklist.editing .autoblock,
#scheduletoolbar .autoblocksearch .autoblocklist.editing .autoblock {
  line-height: 15px;
}
#scripteditortoolbar .autoblocksearch .autoblocklist .autoblock-input,
#indexcardtoolbar .autoblocksearch .autoblocklist .autoblock-input,
#scheduletoolbar .autoblocksearch .autoblocklist .autoblock-input {
  line-height: 100%;
  margin-top: 0px;
}
#scripteditortoolbar .goog-toolbar,
#indexcardtoolbar .goog-toolbar,
#scheduletoolbar .goog-toolbar {
  margin: auto;
  display: block;
  background-image: none !important;
  background-color: transparent !important;
  padding: 0px !important;
}
#scripteditortoolbar .goog-toolbar-button,
#indexcardtoolbar .goog-toolbar-button,
#scheduletoolbar .goog-toolbar-button {
  background-color: #3b3d3e;
  color: #ffffff;
  font-size: 12px;
}
#scripteditortoolbar .goog-toolbar-button-hover,
#indexcardtoolbar .goog-toolbar-button-hover,
#scheduletoolbar .goog-toolbar-button-hover,
#scripteditortoolbar .goog-toolbar-button-checked,
#indexcardtoolbar .goog-toolbar-button-checked,
#scheduletoolbar .goog-toolbar-button-checked {
  background-color: #474a4b !important;
}
#scripteditortoolbar .tr-icon,
#indexcardtoolbar .tr-icon,
#scheduletoolbar .tr-icon {
  background: none;
  font-family: FontAwesome;
  width: 100%;
  line-height: 26px;
}
#scripteditortoolbar .tr-fontName .goog-toolbar-menu-button-caption,
#indexcardtoolbar .tr-fontName .goog-toolbar-menu-button-caption,
#scheduletoolbar .tr-fontName .goog-toolbar-menu-button-caption,
#scripteditortoolbar .tr-fontSize .goog-toolbar-menu-button-caption,
#indexcardtoolbar .tr-fontSize .goog-toolbar-menu-button-caption,
#scheduletoolbar .tr-fontSize .goog-toolbar-menu-button-caption {
  line-height: 16px;
}
#scripteditortoolbar .goog-toolbar-separator,
#indexcardtoolbar .goog-toolbar-separator,
#scheduletoolbar .goog-toolbar-separator {
  border-right: none;
  border-left: none;
  width: 2px;
}
#scripteditortoolbar #\+chapterHeading,
#indexcardtoolbar #\+chapterHeading,
#scheduletoolbar #\+chapterHeading {
  width: 60px;
}
#scripteditortoolbar #\+chapterHeading .goog-toolbar-button-inner-box,
#indexcardtoolbar #\+chapterHeading .goog-toolbar-button-inner-box,
#scheduletoolbar #\+chapterHeading .goog-toolbar-button-inner-box {
  width: 60px;
}
#scripteditortoolbar #\+dualDialog.goog-toolbar-button-checked,
#indexcardtoolbar #\+dualDialog.goog-toolbar-button-checked,
#scheduletoolbar #\+dualDialog.goog-toolbar-button-checked {
  background-color: #5ab690 !important;
}
#scripteditortoolbar #\+dualDialog.goog-toolbar-button-checked.goog-toolbar-button-disabled,
#indexcardtoolbar #\+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,
#indexcardtoolbar #\+redo,
#scheduletoolbar #\+redo,
#scripteditortoolbar #\+undo,
#indexcardtoolbar #\+undo,
#scheduletoolbar #\+undo {
  background-color: transparent;
  color: #ffffff;
}
#scripteditortoolbar #\+redo.goog-toolbar-button-hover,
#indexcardtoolbar #\+redo.goog-toolbar-button-hover,
#scheduletoolbar #\+redo.goog-toolbar-button-hover,
#scripteditortoolbar #\+undo.goog-toolbar-button-hover,
#indexcardtoolbar #\+undo.goog-toolbar-button-hover,
#scheduletoolbar #\+undo.goog-toolbar-button-hover {
  background-color: transparent !important;
  color: #e6e6e6;
}
#scripteditortoolbar #\+redo.goog-toolbar-button-disabled,
#indexcardtoolbar #\+redo.goog-toolbar-button-disabled,
#scheduletoolbar #\+redo.goog-toolbar-button-disabled,
#scripteditortoolbar #\+undo.goog-toolbar-button-disabled,
#indexcardtoolbar #\+undo.goog-toolbar-button-disabled,
#scheduletoolbar #\+undo.goog-toolbar-button-disabled {
  color: #f4f4f2;
}
#scripteditortoolbar #shareDialog,
#indexcardtoolbar #shareDialog,
#scheduletoolbar #shareDialog,
#scripteditortoolbar #shareDialogFacebook,
#indexcardtoolbar #shareDialogFacebook,
#scheduletoolbar #shareDialogFacebook {
  line-height: 30px;
  font-size: 14px;
}
#scripteditortoolbar #revision-mode-button .revision-disabled,
#indexcardtoolbar #revision-mode-button .revision-disabled,
#scheduletoolbar #revision-mode-button .revision-disabled {
  background-color: #ADAEAE;
  color: #6B6B6B;
}
#scripteditortoolbar #sort-btn,
#indexcardtoolbar #sort-btn,
#scheduletoolbar #sort-btn {
  height: 25px;
  line-height: 25px;
}
#scripteditortoolbar #sort-btn .fa-exchange,
#indexcardtoolbar #sort-btn .fa-exchange,
#scheduletoolbar #sort-btn .fa-exchange {
  transform: rotate(90deg);
}
#scripteditortoolbar .icon-text-small,
#indexcardtoolbar .icon-text-small,
#scheduletoolbar .icon-text-small {
  background: none;
}
#scripteditortoolbar .icon-textbg-small,
#indexcardtoolbar .icon-textbg-small,
#scheduletoolbar .icon-textbg-small {
  background: none;
}
#scripteditortoolbar .goog-color-menu-button-indicator,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .goog-toolbar-menu-button:hover,
#scheduletoolbar .goog-toolbar-menu-button:hover {
  background-color: #474a4b;
}
#scripteditortoolbar .goog-toolbar-menu-button-active,
#indexcardtoolbar .goog-toolbar-menu-button-active,
#scheduletoolbar .goog-toolbar-menu-button-active,
#scripteditortoolbar .goog-toolbar-menu-button-open,
#indexcardtoolbar .goog-toolbar-menu-button-open,
#scheduletoolbar .goog-toolbar-menu-button-open {
  background-color: #474a4b !important;
}
#scripteditortoolbar #formatElement,
#indexcardtoolbar #formatElement,
#scheduletoolbar #formatElement {
  color: #000000;
  background-color: #f4f4f2;
  margin-right: 5px;
  font-size: 12px;
  width: 105px;
}
#scripteditortoolbar #formatElement.goog-toolbar-menu-button:hover,
#indexcardtoolbar #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,
#indexcardtoolbar #formatElement.goog-toolbar-menu-button-open,
#scheduletoolbar #formatElement.goog-toolbar-menu-button-open {
  background-color: #f2f2f2;
}
#scripteditortoolbar #formatElement .goog-toolbar-menu-button-caption,
#indexcardtoolbar #formatElement .goog-toolbar-menu-button-caption,
#scheduletoolbar #formatElement .goog-toolbar-menu-button-caption {
  width: 85px;
  min-width: 85px;
  color: #000000;
}
#scripteditortoolbar #formatElement .goog-toolbar-menu-button-dropdown:before,
#indexcardtoolbar #formatElement .goog-toolbar-menu-button-dropdown:before,
#scheduletoolbar #formatElement .goog-toolbar-menu-button-dropdown:before {
  float: right;
  color: #000000;
  opacity: 0.6;
}
#scripteditortoolbar,
#indexcardtoolbar,
#scheduletoolbar,
#revisionmodetoolbar {
  font-family: "lato", sans-serif;
  font-weight: 300;
  /* TOOLBAR STYLING */
  /* BUTTON STYLING */
  /* DROPDOWN MENU STYLING */
}
#scripteditortoolbar .goog-toolbar,
#indexcardtoolbar .goog-toolbar,
#scheduletoolbar .goog-toolbar,
#revisionmodetoolbar .goog-toolbar {
  border-bottom: none !important;
  box-shadow: none;
}
#scripteditortoolbar .goog-toolbar-button,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .goog-toolbar-button .mark-btn,
#scheduletoolbar .goog-toolbar-button .mark-btn,
#revisionmodetoolbar .goog-toolbar-button .mark-btn,
#scripteditortoolbar .goog-toolbar-button .unmark-btn,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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: #ffffff !important;
  border-color: transparent !important;
}
#scripteditortoolbar .goog-toolbar-button-inner-box,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .goog-toolbar-select,
#scheduletoolbar .goog-toolbar-select,
#revisionmodetoolbar .goog-toolbar-select {
  padding: 4px 3px 3px 3px;
}
#scripteditortoolbar .goog-toolbar-menu-button-inner-box,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .goog-toolbar-menu-button,
#scheduletoolbar .goog-toolbar-menu-button,
#revisionmodetoolbar .goog-toolbar-menu-button {
  color: #ffffff;
}
#scripteditortoolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-caption,
#indexcardtoolbar .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: #ffffff;
}
#scripteditortoolbar .goog-toolbar-button-checked .goog-toolbar-button-inner-box,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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,
#indexcardtoolbar .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-large-icon {
  font-size: 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-format .goog-toolbar-menu-button-caption {
  min-width: 90px;
  padding: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.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,
  .right-sidebar-tabber-open #cx-facebook,
  .left-sidebar-tabber-open #cx-facebook,
  .right-sidebar-tabber-open #cx-twitter,
  .left-sidebar-tabber-open #cx-twitter {
    display: none;
  }
  #scripteditortoolbar .scripteditor-format .goog-toolbar-menu-button-caption,
  #revisionmodetoolbar .goog-toolbar .scripteditor-format .goog-toolbar-menu-button-caption {
    min-width: 86px;
  }
  #revisionmodetoolbar .goog-toolbar {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 1000px) {
  #cx-cut,
  #cx-copy,
  #cx-paste,
  #cx-facebook,
  #cx-twitter {
    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;
  }
  #scripteditortoolbar #fullscreen-button {
    display: none;
  }
  #revisionmodetoolbar {
    padding-top: 47px;
  }
  #revisionmodetoolbar #sceneNumberingDisplay {
    display: none;
  }
  #revisionmodetoolbar #dialogNumberingDisplay {
    display: none;
  }
  #revisionmodetoolbar #revisionMarkDisplay {
    margin-left: 5px;
  }
  #revisionmodetoolbar .goog-toolbar-button {
    margin-left: 0px;
  }
}
.toolbar-client-approvals {
  margin-top: 60px;
}
@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;
  }
}
#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: #47b5a7;
}
.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;
  height: 1000px;
  overflow-y: scroll;
  position: relative;
  list-style: none;
  box-shadow: none;
  border: 1px solid #3b3d3e;
}
.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;
}
/**
 * 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 {
  *zoom: 1;
  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 {
  *zoom: 1;
  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 {
  *zoom: 1;
  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 {
  *zoom: 1;
  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 #eeeeee;
  -moz-box-shadow: 0 8px 6px -6px #eeeeee;
  box-shadow: 0 8px 6px -6px #eeeeee;
  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: #999999;
}
.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 a.btn {
  margin: 0 10px 0 0;
}
.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-right: 10px;
}
.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;
  *zoom: 1;
}
.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 {
  *zoom: 1;
}
.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: #555555;
  font-weight: 600;
  text-transform: lowercase;
}
.editorlist-table-rowheader-data.active .editorlist-table-rowheader-data-text {
  color: #0088cc;
}
.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: #0088cc;
}
.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: #0088cc;
  -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: #005580;
}
.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;
  letter-spacing: .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;
}
.ca-request-document .catalog-new-search {
  display: none !important;
}
.ca-request-document .catalog-view {
  display: flex;
}
.ca-request-document .catalog-view .category-list {
  overflow-y: unset;
}
.ca-request-document .catalog-view .catalog-item-detail-panel {
  width: unset;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ca-request-document .catalog-view .catalog-item-detail-panel .catalog-item-detail__content {
  display: flex;
}
.ca-request-document .catalog-view .catalog-item-detail-panel .catalog-item-detail__content .catalog-form {
  margin-left: 0px;
}
.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: #ffffff 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: #00bdb4;
}
.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: #7bced7 !important;
  background: #c5e5e2 !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: #2fb5b4;
  -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;
}
/*.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;
  *zoom: 1;
}
.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 {
  *zoom: 1;
  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 {
  *zoom: 1;
}
.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 {
  *zoom: 1;
  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: #eeeeee;
}
.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: #ffffff;
}
.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 #222222;
  -moz-box-shadow: 0 0 4px #222222;
  box-shadow: 0 0 4px #222222;
  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: 2.0em;
}
.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: 12.0em;
  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;
}
.cx-sides-scenelist h3,
.cx-sides-characterslist h3 {
  background: #eee;
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee);
  background-image: -moz-linear-gradient(#ffffff, #eeeeee);
  background-image: -o-linear-gradient(#ffffff, #eeeeee);
  background-image: -ms-linear-gradient(#ffffff, #eeeeee);
  background-image: linear-gradient(#ffffff, #eeeeee);
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.cx-sides-scenelist h3 {
  border-right: 1px solid #ddd;
}
.cx-sides-editor {
  background: #f3f3f3;
  -webkit-box-shadow: 0 0 10px #999999;
  -moz-box-shadow: 0 0 10px #999999;
  box-shadow: 0 0 10px #999999;
}
.cx-sides-scenelist {
  width: 50%;
  float: left;
}
.cx-sides-scenelist-fullwidth {
  width: 100% !important;
}
.cx-sides-save-bar {
  *zoom: 1;
  -webkit-box-shadow: 0 0 10px #999999;
  -moz-box-shadow: 0 0 10px #999999;
  box-shadow: 0 0 10px #999999;
  padding: 10px;
}
.cx-sides-save-bar:before,
.cx-sides-save-bar:after {
  display: table;
  content: "";
}
.cx-sides-save-bar:after {
  clear: both;
}
.cx-sides-scenelist-item,
.cx-sides-characterlist-item {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
}
.cx-sides-scenelist-fullwidth .cx-sides-scenelist-item {
  width: 50%;
}
.cx-sides-scenelist-item label,
.cx-sides-scenelist-item input[type=checkbox],
.cx-sides-characterlist-item label,
.cx-sides-characterlist-item input[type=checkbox] {
  cursor: pointer;
  padding-left: 20px;
}
.cx-sides-scenelist-item-inside,
.cx-sides-characterlist-item-inside {
  padding: 5px 5px 0 5px;
  *zoom: 1;
}
.cx-sides-scenelist-item-inside:before,
.cx-sides-characterlist-item-inside:before,
.cx-sides-scenelist-item-inside:after,
.cx-sides-characterlist-item-inside:after {
  display: table;
  content: "";
}
.cx-sides-scenelist-item-inside:after,
.cx-sides-characterlist-item-inside:after {
  clear: both;
}
.cx-sides-scene-enabled,
.cx-sides-character-enabled {
  float: left;
}
.cx-sides-scene-enabled:checked + label,
.cx-sides-character-enabled:checked + label {
  font-weight: bold;
}
.cx-sides-options {
  position: relative;
  height: 200px;
}
.cx-sides-tabpanel {
  position: absolute;
  top: 310px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.cx-sides-content {
  position: absolute;
  top: 36px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.cx-sides-lefthalf {
  float: left;
  width: 50%;
  height: 100%;
}
.cx-sides-righthalf {
  float: right;
  width: 50%;
  height: 100%;
}
.cx-sides-lists {
  margin-right: 5px;
  height: 100%;
  background-color: white;
  border: 1px solid silver;
}
.cx-sides-elements {
  margin-left: 5px;
  height: 100%;
  background-color: white;
  border: 1px solid silver;
  overflow: auto;
}
.cx-sides-showscenelist,
.cx-sides-showcharlist {
  float: right;
  background-color: silver;
  padding: 2px 8px;
  border: 1px solid black;
}
.cx-sides-showscenelist[selected="true"],
.cx-sides-showcharlist[selected="true"] {
  background-color: white;
}
.cx-sides-scenelist,
.cx-sides-charlist {
  overflow: auto;
}
.cx-sides-listheader,
.cx-sides-elementheader {
  padding: 0px 4px;
  border-bottom: 1px solid black;
}
.cx-sides-panel,
.cx-sides-script-content {
  width: 100%;
  height: 100%;
}
.cx-sides-hidden {
  display: none;
}
.cx-sides-checkbox {
  padding: 4px;
}
.cx-sides-title {
  padding: 4px;
}
#sides-h2 {
  color: white !important;
}
#sides-prev-button,
#sides-next-button,
#sides-publish-button {
  text-shadow: none !important;
  border: none;
  font-size: 14px;
  padding: 6.5px 20px;
  min-width: 80px;
  width: auto;
  box-shadow: none;
}
.cx-sides-publish-button {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.cx-sides-emptyscript {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 10px;
  background-color: #333333;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -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);
}
#wizardmodal-nav li i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
#wizardmodal-nav li span {
  display: inline-block;
  vertical-align: middle;
}
#wizardmodal-nav li .sidesmodal-header i {
  top: -2px;
  right: 2px;
}
#wizardmodal-nav li.enabled {
  color: grey !important;
}
#wizardmodal-nav li.enabled a {
  color: grey !important;
}
#wizardmodal-nav li.active a {
  padding-bottom: 5px;
  border-bottom: 2px solid;
  border-color: #2fb5b4;
  color: #2fb5b4 !important;
}
#wizardmodal-nav {
  color: white;
}
#wizardmodal-nav li:not(.enabled) a,
#wizardmodal-nav li:not(.enabled) h2 {
  color: white !important;
  cursor: default !important;
}
#wizardmodal-nav li:not(.enabled) a a,
#wizardmodal-nav li:not(.enabled) h2 a {
  color: #ffffff !important;
}
#wizardmodal-nav li:not(.enabled) .starblue-img.sm {
  background-image: url('../img/star-grey_sm.png') !important;
}
#wizardmodal-nav li:not(.enabled) .workspace-green.sm {
  background-image: url('../img/workspace_grey.png') !important;
}
#wizardmodal-nav li:not(.enabled) .scenes-img.sm {
  background-image: url('../img/scenesgrey_sm.png') !important;
}
#wizardmodal-nav li:not(.enabled) .info-img.sm {
  background-image: url('../img/infogrey_sm.png') !important;
}
#wizardmodal-nav li:not(.enabled) .buddies-img.sm {
  background-image: url('../img/buddiesgrey_sm.png') !important;
}
#wizardmodal-nav li:not(.enabled) .summary-img.sm {
  background-image: url('../img/summarygrey_sm.png') !important;
}
#wizardmodal-content {
  max-height: 445px;
  overflow: hidden;
}
#wizardmodal-content .padder {
  max-height: 300px;
  overflow-y: auto;
}
#wizardmodal-content .padder .cx-filelist {
  margin-top: 0;
}
#wizardmodal-content .padder .cx-filelist .cx-filelistitem:nth-child(odd) {
  background-color: #4b4e4f !important;
}
#wizardmodal-content .padder .cx-filelist .cx-filelistitem:nth-child(even) {
  background-color: transparent;
}
#wizardmodal-content .padder .cx-filelist .cx-filelistitem:last-child {
  margin-bottom: 0;
}
#wizardmodal-content .padder .cx-filelist .cx-filelistitem-anchor-button {
  color: #ffffff !important;
}
#wizardmodal-content .padder #sides-wizard-filelist-container .cx-filelist .cx-filelistitem:nth-child(odd) #sides-scene-list li:last-of-type .scene-desc:last-of-type {
  padding-bottom: 10px;
}
#wizardmodal-content #sides-info-form {
  max-height: 430px;
  overflow-y: auto;
}
#wizardmodal-content #sides-info-form hr {
  margin: 18px 10px;
}
#wizardmodal-content #sides-info-form #sidesmodal-production-details {
  padding-bottom: 30px;
}
#sidebar-container-sides {
  background: white;
  position: fixed;
  top: 97px;
  right: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}
#sidebar-container-sides .sidebar-content {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 10px;
  padding: 10px;
}
#sidebar-container-sides .nav-tabs > li {
  max-width: 130px;
}
#sidebar-container-sides .nav-tabs > li a {
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sides-titlebar #displayTitle {
  line-height: 50px;
}
.sides-titlebar .doc-next-to-btn {
  margin-bottom: 0px;
  vertical-align: middle;
  margin-top: 3px;
}
.sides-editor-toolbar {
  display: none;
}
.sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right {
  margin-right: -400px;
}
.sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .tabber-contents {
  width: 400px;
  color: black;
  background-color: white;
  border-top: 1px solid #ddd;
}
.sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .tabber-contents .tabber-content {
  padding: 20px;
  background-color: transparent;
}
.sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .cx-sharecomponent {
  min-width: 350px;
}
#sides-scene-list {
  max-height: 150px;
  overflow-y: scroll;
}
@media (max-height: 640px) {
  #sides-scene-list {
    max-height: 40px;
  }
}
@media (max-width: 767px) {
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right {
    margin-right: -300px;
  }
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .tabber-contents {
    width: 300px;
    color: black;
    background-color: white;
    border-top: 1px solid #ddd;
    overflow: auto;
  }
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .tabber-contents .tabber-content {
    padding: 20px;
    background-color: transparent;
  }
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .cx-sharecomponent {
    min-width: 250px;
  }
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .tabber-content[name="Comments"] {
    overflow: auto;
  }
}
@media (max-width: 385px) {
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right {
    margin-right: -180px;
  }
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .tabber-contents {
    width: 180px;
  }
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .tabber-contents .tabber-content {
    padding: 20px;
    background-color: transparent;
  }
  .sides-viewer-sidebar.sidebar-tabber.sidebar-tabber-right .cx-sharecomponent {
    min-width: 130px;
  }
}
.editor-supplement-left,
.editor-supplement-right,
.editor-supplement-top,
.editor-supplement-bottom {
  position: absolute;
}
.editor-supplement-left {
  left: 0;
  bottom: 0;
  top: 0;
  text-align: left;
}
.editor-supplement-right {
  right: 0;
  bottom: 0;
  top: 0;
  text-align: left;
}
.editor-supplement-top {
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
}
.editor-supplement-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
}
#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) !important;
  margin-bottom: 0 !important;
  padding-bottom: 60px !important;
}
.schedule-insights-dialog .modal-dialog-content {
  background-color: #4b4d4e !important;
  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) !important;
}
#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: .4;
}
.script-performance-dialog .tooltip-btn:hover > :last-child,
.schedule-insights-dialog .tooltip-btn:hover > :last-child {
  opacity: .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: #40beb5 !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 #40beb5;
  border-radius: 0px;
}
.script-performance-dialog .modal-dialog-buttons,
.schedule-insights-dialog .modal-dialog-buttons {
  background: #2E2F2F  !important;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  padding-right: 15px!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 .goog-date-picker-btn,
.schedule-insights-dialog .goog-date-picker-btn {
  font-weight: normal;
  color: #c0c0c0;
}
.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 !important;
  padding-bottom: 60px !important;
  background: #2E2F2F !important;
}
.script-performance-dialog .modal-dialog-content,
.schedule-insights-dialog .modal-dialog-content {
  background-color: #2F2F2F !important;
  overflow-x: hidden!important;
  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: 15px;
  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: #1189b1;
  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: #1189b1;
  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: .20s;
  -moz-transition-duration: .20s;
  -o-transition-duration: .20s;
  -ms-transition-duration: .20s;
  transition-duration: .20s;
}
.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: sticky;
  width: 22%;
  height: 55%;
  min-width: 340px;
  min-height: 365px;
  left: 2%;
  bottom: 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.goals-node .goals-dialog {
  position: relative;
  overflow: hidden;
  z-index: 3001;
  height: auto;
  background-color: #2E2F2F;
  border-radius: 4px;
}
.goals-node .goals-dialog .goals-section {
  padding-left: 17px;
  padding-right: 26px;
}
.goals-node .goals-dialog .count-section {
  display: flex;
  flex-direction: column;
  width: auto;
  height: fit-content;
  justify-content: flex-start;
  align-items: flex-start;
}
.goals-node .goals-dialog .count-section .count-label {
  color: #FFFFFE;
  font-size: 12px;
  margin-bottom: 12px;
}
.goals-node .goals-dialog .count-section .progress-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #181919;
  width: 100%;
  height: 13px;
  margin-bottom: 4px;
}
.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 .counts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 26px;
  color: #CBCECF;
}
.goals-node .goals-dialog .count-section .counts .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 .counts .input-goal {
  display: flex;
  align-self: flex-end;
  justify-self: flex-end;
  justify-content: center;
  align-content: center;
  width: 72px;
  height: inherit;
  background-color: #F2F2F2;
  color: #545555;
  font-size: 11px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
.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 .goals-advanced-section-title {
  cursor: pointer;
}
.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 .goals-advanced-section-content {
  -webkit-transition: max-height 0.2s ease-out;
  -moz-transition: max-height 0.2s ease-out;
  -ms-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  height: fit-content;
  max-height: 0px;
  overflow-y: hidden;
}
.goals-node .goals-dialog .goals-advanced-section.active .goals-advanced-section-title .cxi-back {
  transform: rotate(90deg);
}
.goals-node .goals-dialog .goals-advanced-section.active .goals-advanced-section-content {
  display: flex;
  flex-direction: column;
  height: fit-content;
  max-height: 100px;
}
.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: flex-end;
  align-items: center;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-picker .cx-datescontainer .cx-dateinput-date {
  margin-bottom: 0px;
  width: 85%;
  margin-right: 0px;
}
.goals-node .goals-dialog .goals-advanced-section .deadline-section .deadline-picker .cx-datescontainer .btn {
  min-width: 24px;
  width: 18%;
  height: 28px;
  margin-left: 5px;
}
.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 !important;
  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: space-between;
  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;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text .daily-goal-alert {
  margin-left: 10px;
  font-style: italic;
  font-size: 10px;
  color: #D5D4D5;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text .daily-goal-alert.lt25 {
  color: #D5D4D5;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text .daily-goal-alert.lt50 {
  color: #B8ECEB;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text .daily-goal-alert.lt75 {
  color: #61C8D0;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text .daily-goal-alert.lt100 {
  color: #34B7B1;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-text .daily-goal-alert.reached {
  color: #0D9F71;
}
.goals-node .goals-dialog .goals-advanced-section .daily-goal-section .daily-goal-result {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
  justify-self: flex-end;
  color: #F2F2F2;
  background-color: #3C3D3E;
  width: 25%;
  height: 100%;
  font-size: 11px;
}
.goals-node .goals-dialog .modal-dialog-buttons {
  padding-top: 8px!important;
  padding-bottom: 22px!important;
  padding-right: 22px!important;
  background-color: #2E2F2F !important;
}
.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 .goog-date-picker-btn {
  font-weight: normal;
  color: #c0c0c0;
}
.goals-node .goals-dialog .cx-datescontainer {
  width: 150px;
}
.goals-node .goals-dialog .modal-dialog-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
  font-size: 14px !important;
  background-color: #2E2F2F !important;
  color: #FFFFFE !important;
  cursor: unset !important;
}
.goals-node .goals-dialog .modal-dialog-title i {
  margin-right: 10px;
}
.goals-node .goals-dialog .modal-dialog-content {
  overflow-x: hidden!important;
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
  background-color: #2E2F2F !important;
  height: fit-content;
  max-height: 350px;
  -webkit-transition: max-height 0.6s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -ms-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}
.goals-node .goals-dialog .modal-dialog-content.loading {
  max-height: 100px;
}
.goals-node .goals-dialog button {
  width: 62px;
  min-width: 62px;
  height: 21px;
  font-size: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-left: 12px;
  cursor: pointer;
}
.goals-node .goals-dialog button[name='ok'] {
  background-color: #37B3A7 !important;
}
#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: #0088cc;
  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: 3px !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: #0088cc;
}
.notificationlist-updatelink:hover {
  color: #0088cc !important;
}
.sample-feature-content-container {
  text-align: center;
  width: 100%;
  height: 100%;
}
.sample-feature-content-container .sample-feature-header {
  font-size: 25px;
  margin-bottom: 25px;
}
.sample-feature-content-container .sample-feature-image-container {
  width: inherit;
  height: 250px;
  margin: 0 auto;
}
.sample-feature-content-container .sample-feature-content {
  margin: 30px 80px 20px 80px;
  font-size: 16px;
  letter-spacing: .04em;
}
.sample-feature-button-container {
  text-align: center;
  display: block;
}
.sample-feature-button-container .btn {
  color: #fff!important;
}
.sample-feature-button-container .sample-feature-subscribe-price {
  font-size: 11px;
  margin-top: 3px;
}
.modal-dialog.sample-feature-dialog {
  background-color: #133d51;
  text-align: center;
  color: white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.modal-dialog.sample-feature-dialog .modal-dialog-content {
  background: transparent !important;
  color: white;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons {
  padding: 0 20px 20px 20px;
  text-align: center;
  background: transparent !important;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 120px;
  text-align: center;
  float: none;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="ok"] {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="ok"]:first-child {
  *margin-left: 0;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="ok"]:hover {
  background-color: #f7722c;
  text-decoration: none;
  color: #ffffff;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="continue"] {
  background: #f7612c !important;
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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;
  *margin-left: .3em;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="continue"]:first-child {
  *margin-left: 0;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="continue"]:hover {
  background-color: #f7722c;
  text-decoration: none;
  color: #ffffff;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="cancel"] {
  text-shadow: none !important;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  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);
  *margin-left: .3em;
  color: #f7612c;
  border: 1px solid #f7612c;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="cancel"]:first-child {
  *margin-left: 0;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="cancel"]:hover {
  background-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  color: #ffffff;
}
.modal-dialog.sample-feature-dialog .modal-dialog-buttons button[name="cancel"]:hover {
  background: white;
}
.modal-dialog.sample-feature-dialog .modal-dialog-title {
  background: transparent !important;
  height: auto !important;
  margin-bottom: 0 !important;
}
.modal-dialog.sample-feature-dialog .modal-dialog-title .modal-dialog-title-text {
  font-size: 25px;
  padding-top: 45px !important;
  color: white;
  padding-bottom: 0px;
  margin-right: 15px;
}
.modal-dialog.sample-feature-dialog .modal-dialog-title span.modal-dialog-title-close {
  background-image: url(../img/close-white.png) !important;
}
.trial-started-dialog {
  top: 15% !important;
}
.trial-started-dialog .modal-dialog-content {
  text-align: center;
  padding-top: 18px !important;
  min-height: 0;
  color: white;
  background-color: #56c42b;
}
.trial-started-dialog .modal-dialog-buttons,
.trial-started-dialog .modal-dialog-title {
  display: none;
}
.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 !important;
  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;
}
div.ratchet-dialog {
  background-color: #1E1E1E !important;
  border-radius: 25px;
  width: 600px;
}
div.ratchet-dialog .modal-dialog .modal-dialog-title {
  margin-bottom: 0 !important;
}
div.ratchet-dialog .modal-dialog-title,
div.ratchet-dialog .modal-dialog-content {
  background-color: #1E1E1E !important;
}
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-base {
  height: 100px;
  margin: auto;
}
div.ratchet-dialog .ratchet-index-card-image {
  height: 100px;
  margin: auto;
  content: url('../img/locksmith-index-card.png');
}
div.ratchet-dialog .ratchet-breakdown-image {
  height: 100px;
  margin: auto;
  content: url('../img/locksmith-breakdown.png');
}
div.ratchet-dialog .ratchet-shotlist-image {
  height: 100px;
  margin: auto;
  content: url('../img/locksmith-shotlist.png');
}
div.ratchet-dialog .ratchet-catalog-image {
  height: 100px;
  margin: auto;
  content: url('../img/locksmith-catalog.png');
}
div.ratchet-dialog .ratchet-budget-image {
  height: 100px;
  margin: auto;
  content: url('../img/locksmith-budget.png');
}
div.ratchet-dialog .ratchet-storyboard-image {
  height: 100px;
  margin: auto;
  content: url('../img/locksmith-storyboard.png');
}
div.ratchet-dialog .ratchet-schedule-image {
  content: url('../img/locksmith-schedule.png');
  height: 100px;
  margin: auto;
}
div.ratchet-dialog .ratchet-reports-image {
  content: url('../img/locksmith-reports.png');
  height: 100px;
  margin: auto;
}
div.ratchet-dialog .ratchet-castandcrew-image {
  height: 100px;
  margin: auto;
  content: url('../img/locksmith-castandcrew.png');
}
div.ratchet-dialog .ratchet-insightgoals-image {
  content: url('../img/locksmith-goals-icon.png');
  height: 100px;
  margin: auto;
}
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: #35A99B;
}
div.ratchet-dialog .rd-message {
  text-align: center;
  letter-spacing: 0;
  font: normal normal normal 18px/22px Lato;
  margin-bottom: 20px;
}
div.ratchet-dialog .rd-button {
  background: #35A99B !important;
  cursor: pointer;
}
div.ratchet-dialog .rd-button-content {
  display: flex;
  justify-content: center;
  color: #ffffff;
}
.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;
}
.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 {
  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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.medialist .medialist-header .medialist-add-button:active {
  background-color: #1fa3a2;
  color: #222222;
}
.medialist .medialist-header .medialist-add-button:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.medialist .medialist-header .medialist-add-button:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.medialist .medialist-header .medialist-add-button.secondary {
  background-color: #945ca3;
}
.medialist .medialist-header .medialist-add-button.secondary:active {
  background-color: #a245ba !important;
}
.medialist .medialist-header .medialist-add-button.secondary:hover {
  background-color: #a859bd !important;
}
.medialist .medialist-header .medialist-add-button.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.medialist .medialist-header .medialist-add-button.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.medialist .medialist-header .medialist-add-button.create-pill:hover:before {
  opacity: 1;
}
.medialist .medialist-header .medialist-add-button.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.medialist .medialist-header .medialist-add-button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.medialist .medialist-header .medialist-add-button.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.medialist .medialist-header .medialist-add-button.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.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:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.medialist .medialist-header .medialist-add-button.toolbar-pill:hover {
  background-color: #a859bd !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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.medialist .medialist-header .medialist-add-button.cancel:hover,
.medialist .medialist-header .medialist-add-button.cancel:active {
  background-color: transparent !important;
}
.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:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
#scroll-container.medialist-scroll-container {
  overflow-y: unset;
}
.medialistitem-imagecontainer {
  width: 100%;
  height: 125px;
  background-color: #999;
  margin-bottom: 8px;
  -webkit-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.15);
  text-align: center;
  cursor: hand;
  cursor: pointer;
  position: relative;
}
.medialistitem-image {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.medialistitem-files {
  overflow-x: hidden;
  width: 210px;
}
.medialistitem-file {
  display: block;
}
.medialistitem-fileheader {
  margin-top: 10px;
  color: #999999;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.medialistitem-title {
  font-weight: 400;
  font-size: 12px;
  color: #323232;
  cursor: hand;
  cursor: pointer;
  letter-spacing: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.medialistitem-info {
  color: #999999;
  font-size: 11px;
  margin-top: 2px;
}
.medialistitem-info-item {
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  margin-right: 10px;
}
.medialistitem-file {
  margin-right: 14px;
}
.media-dialog .infomanagerbox-label {
  color: white !important;
}
.media-library-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  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;
}
.invoice-form {
  background-color: white;
  padding: 30px;
}
.invoice-form .form-actions {
  background-color: white;
}
.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: #67b89e;
}
.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: .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 .1s ease;
  cursor: pointer;
  outline: none;
}
.ReactTable .-pagination .-btn[disabled] {
  opacity: .5;
  cursor: default;
}
.ReactTable .-pagination .-btn:not([disabled]):hover {
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
}
.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 .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 .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: #fff;
  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;
  width: 100%;
  padding: 10px 10px;
  transition: background 0.15s, color 0.15s;
  display: flex;
  align-items: center;
  color: #000;
}
.react-dropdown .react-dropdown-menu ul li:hover {
  color: #1fa3a2;
  background: rgba(0, 0, 0, 0.025);
}
.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;
}
.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%;
  margin: 10px;
}
.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: #999999;
  margin-top: 4px;
}
.infomanagerbox-editsave,
.infomanagerbox-editcancel {
  text-shadow: none;
  border: none;
  color: #222222;
  text-transform: uppercase;
  border-radius: 8px;
  font-family: 'Lato';
  width: 61px;
}
.infomanagerbox-editsave {
  background-color: #2fb5b4;
}
.infomanagerbox-editsave:hover {
  background-color: #34d4d2;
}
.infomanagerbox-editcancel {
  background-color: #5e5e5e;
}
.infomanagerbox-editcancel:hover {
  background-color: #7b7b7b;
}
.infomanagerbox-editinput-dateconnector {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  line-height: 1;
  margin: 0 10px;
  color: #888;
}
.blank-state {
  display: none;
}
.blank > * {
  display: none;
}
.blank > *.blank-state {
  display: inherit;
}
.project-status-msg.alert-blank {
  color: grey !important;
  font-style: italic;
  font-weight: normal;
}
.project-tile-title {
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  margin: 0 4px 0.5em;
}
.project-tile-spinner {
  position: absolute;
  left: 72px;
  top: 46px;
  z-index: 1;
}
.project-module.blue {
  margin: 0px 10px 0 0;
  -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);
  border-color: #049cdb #049cdb #036690;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #f5f9fb;
}
.project-module.blue .inner {
  padding: 0.5em;
}
.project-module.blue .module-header {
  width: 100%;
  background-image: -moz-linear-gradient(top, #49c7fc, #049cdb);
  background-image: -ms-linear-gradient(top, #49c7fc, #049cdb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49c7fc), to(#049cdb));
  background-image: -webkit-linear-gradient(top, #49c7fc, #049cdb);
  background-image: -o-linear-gradient(top, #49c7fc, #049cdb);
  background-image: linear-gradient(top, #49c7fc, #049cdb);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49c7fc', endColorstr='#049cdb', GradientType=0);
  border-color: #049cdb #049cdb #036690;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: white;
}
.project-module.blue .module-toolbar {
  width: 100%;
  min-height: 44px;
  background-color: #deeef8;
}
.project-module.red {
  margin: 0px 10px 0 0;
  -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);
  border-color: #9d261d #9d261d #5c1611;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #f5f9fb;
}
.project-module.red .inner {
  padding: 0.5em;
}
.project-module.red .module-header {
  width: 100%;
  background-image: -moz-linear-gradient(top, #dc4e44, #9d261d);
  background-image: -ms-linear-gradient(top, #dc4e44, #9d261d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc4e44), to(#9d261d));
  background-image: -webkit-linear-gradient(top, #dc4e44, #9d261d);
  background-image: -o-linear-gradient(top, #dc4e44, #9d261d);
  background-image: linear-gradient(top, #dc4e44, #9d261d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc4e44', endColorstr='#9d261d', GradientType=0);
  border-color: #9d261d #9d261d #5c1611;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: white;
}
.project-module.red .module-toolbar {
  width: 100%;
  min-height: 44px;
  background-color: #deeef8;
}
.project-module.green {
  margin: 0px 10px 0 0;
  -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);
  border-color: #46a546 #46a546 #2f6f2f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #f5f9fb;
}
.project-module.green .inner {
  padding: 0.5em;
}
.project-module.green .module-header {
  width: 100%;
  background-image: -moz-linear-gradient(top, #86cb86, #46a546);
  background-image: -ms-linear-gradient(top, #86cb86, #46a546);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#86cb86), to(#46a546));
  background-image: -webkit-linear-gradient(top, #86cb86, #46a546);
  background-image: -o-linear-gradient(top, #86cb86, #46a546);
  background-image: linear-gradient(top, #86cb86, #46a546);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86cb86', endColorstr='#46a546', GradientType=0);
  border-color: #46a546 #46a546 #2f6f2f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: white;
}
.project-module.green .module-toolbar {
  width: 100%;
  min-height: 44px;
  background-color: #deeef8;
}
.project-module.purple {
  margin: 0px 10px 0 0;
  -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);
  border-color: #7a43b6 #7a43b6 #552e7e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #f5f9fb;
}
.project-module.purple .inner {
  padding: 0.5em;
}
.project-module.purple .module-header {
  width: 100%;
  background-image: -moz-linear-gradient(top, #ae8bd4, #7a43b6);
  background-image: -ms-linear-gradient(top, #ae8bd4, #7a43b6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae8bd4), to(#7a43b6));
  background-image: -webkit-linear-gradient(top, #ae8bd4, #7a43b6);
  background-image: -o-linear-gradient(top, #ae8bd4, #7a43b6);
  background-image: linear-gradient(top, #ae8bd4, #7a43b6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ae8bd4', endColorstr='#7a43b6', GradientType=0);
  border-color: #7a43b6 #7a43b6 #552e7e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: white;
}
.project-module.purple .module-toolbar {
  width: 100%;
  min-height: 44px;
  background-color: #deeef8;
}
.team-list {
  max-height: 300px;
  overflow-y: auto;
}
.project-team-member {
  font-size: 10pt;
  min-height: 60px;
  width: 275px;
  float: left;
  margin: 5px 5px 0 2px;
}
.project-team-member input[type=checkbox] {
  margin-right: 8px;
  vertical-align: top;
  margin-top: 20px;
}
.project-team-member .project-team-member-interior {
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -moz-linear-gradient(top, #ffffff, #deeef8);
  background-image: -ms-linear-gradient(top, #ffffff, #deeef8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#deeef8));
  background-image: -webkit-linear-gradient(top, #ffffff, #deeef8);
  background-image: -o-linear-gradient(top, #ffffff, #deeef8);
  background-image: linear-gradient(top, #ffffff, #deeef8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#deeef8', GradientType=0);
  border-color: #deeef8 #deeef8 #9fcdeb;
  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;
  width: 80%;
}
.project-team-member .avator-container {
  margin: 0 5px 5px 0;
}
.project-team-member .name {
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.project-team-member .role {
  font-style: italic;
}
.project-status-field {
  width: 391px;
  height: 41px;
  resize: none;
}
.project-status-edit-btn {
  position: absolute;
  top: 0;
  right: -30px;
}
.project-status-msg {
  border-width: 1px;
  border-style: solid;
  margin-right: 10px !important;
  padding: 5px;
  margin-bottom: 20px !important;
}
.comment-container .cx-commentlist {
  width: 95%;
}
.project-tasklist {
  max-height: 300px;
  overflow-y: auto;
}
.project-list-component {
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -moz-linear-gradient(top, #ffffff, #deeef8);
  background-image: -ms-linear-gradient(top, #ffffff, #deeef8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#deeef8));
  background-image: -webkit-linear-gradient(top, #ffffff, #deeef8);
  background-image: -o-linear-gradient(top, #ffffff, #deeef8);
  background-image: linear-gradient(top, #ffffff, #deeef8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#deeef8', GradientType=0);
  border-color: #deeef8 #deeef8 #9fcdeb;
  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;
}
.project-taskitem {
  min-height: 48px;
  margin-bottom: 8px;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: -moz-linear-gradient(top, #ffffff, #deeef8);
  background-image: -ms-linear-gradient(top, #ffffff, #deeef8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#deeef8));
  background-image: -webkit-linear-gradient(top, #ffffff, #deeef8);
  background-image: -o-linear-gradient(top, #ffffff, #deeef8);
  background-image: linear-gradient(top, #ffffff, #deeef8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#deeef8', GradientType=0);
  border-color: #deeef8 #deeef8 #9fcdeb;
  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;
}
.project-taskitem .task-status-select,
.project-taskitem .task-priority-select {
  width: 100px;
}
.project-taskitem label {
  padding-top: 2px;
}
.project-taskitem-statustick {
  width: 16px;
  height: 16px;
  display: none;
}
.project-taskitem.complete {
  color: lightgrey;
}
.project-taskitem.complete .project-taskitem-statustick {
  display: inherit;
}
.project-taskitem-title {
  font-weight: bold;
}
.project-taskitem-assignee {
  font-style: italic;
}
#project-newtask-duedate {
  width: 90%;
  margin-bottom: 0.5em;
}
.dash-content.blank .project-tile-link {
  display: none;
}
a.project-tile-link {
  color: white;
}
a.project-tile-link:hover {
  color: white;
  text-decoration: none;
}
.btn.blank-tile-new,
.btn.blank-tile-existing {
  width: 70px;
}
.no-top-space {
  padding-top: 0;
  margin-top: 0;
}
.no-left-space {
  padding-left: 0;
  margin-left: 0;
}
@media (max-width: 950px) {
  #comments-column-container {
    display: none;
  }
}
#comments-column-container {
  float: right;
  width: 300px;
  height: 100%;
  min-height: 100px;
}
#comments-column-container #comment-column {
  min-height: 100%;
  background: #f5f9fb;
  border-left: 1px solid #b8babf;
  position: fixed;
  top: 48px;
  right: 0;
  width: 300px;
}
#comments-column-container #comment-column .cx-commentlistitem-text {
  text-align: left;
}
#comments-column-container #comment-column .cx-commentadd-submit {
  margin-right: 10px;
}
.add-episodes-dialog .controls .goog-menu-button-caption,
.add-episodes-dialog .controls .goog-menu-button-dropdown {
  color: black !important;
}
.new-task-dialog {
  width: 500px;
}
.file-picker-dialog {
  width: 500px;
}
.file-picker-dialog .filepicker-list .filepicker-item {
  *zoom: 1;
  padding: 5px;
  border-bottom: 1px solid #eee;
  color: #0088cc;
}
.file-picker-dialog .filepicker-list .filepicker-item:before,
.file-picker-dialog .filepicker-list .filepicker-item:after {
  display: table;
  content: "";
}
.file-picker-dialog .filepicker-list .filepicker-item:after {
  clear: both;
}
.file-picker-dialog .filepicker-list .filepicker-item .cx-filelistitem-icon {
  left: 10px;
}
.file-picker-dialog .filepicker-list .filepicker-item .cx-filelistitem-description {
  left: 50px;
}
.project-status-editbox {
  display: none;
}
.project-status-panel.open > .project-status-editbox {
  display: inherit;
}
.project-status-panel.open .project-status-edit-btn {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
  background: #cccccc \9;
  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;
}
.project-status-panel.open .project-status-edit-btn.btn-plain {
  box-shadow: none;
}
.panel-list {
  min-height: 40px;
  max-height: 300px;
  overflow-y: auto;
}
#team-name {
  position: relative;
  font-weight: normal;
  width: 200px;
  cursor: hand;
  cursor: pointer;
}
#team-name .name {
  width: 190px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
}
#team-name .chev-down {
  font-size: 16px;
  font-weight: bold;
}
.member-list {
  *zoom: 1;
  list-style: none;
  margin: 0;
  display: inline-block;
  padding: 0;
}
.member-list:before,
.member-list:after {
  display: table;
  content: "";
}
.member-list:after {
  clear: both;
}
.member-list li {
  text-align: center;
  height: 40px;
  float: left;
  width: 248px;
  margin: 10px 0;
}
.member-list li .member-email {
  font-size: 16px;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
}
.member-list li .member-dept {
  font-size: 13px;
  padding-top: 5px;
  color: #777;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
}
#summary-team-name {
  color: #f2594b;
  font-size: 35px;
  line-height: 45px;
}
#summary-team-size {
  color: #04bfbf;
  font-size: 16px;
  margin-bottom: 20px;
}
.location-list-container .location-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.location-list-container .location-list .location .location-name {
  font-size: 16px;
}
.location-list-container .location-list .location .location-extra-info {
  font-size: 13px;
  color: #999;
}
.location-list-container .location-list .location .location-thumbs {
  *zoom: 1;
  margin: 10px 0;
}
.location-list-container .location-list .location .location-thumbs:before,
.location-list-container .location-list .location .location-thumbs:after {
  display: table;
  content: "";
}
.location-list-container .location-list .location .location-thumbs:after {
  clear: both;
}
.location-list-container .location-list .location .location-thumbs .location-thumb {
  margin-right: 5px;
  float: left;
  width: 100px;
  height: 100px;
  overflow: hidden;
  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);
}
.location-list-container .location-list .location .location-thumbs .location-thumb * {
  vertical-align: bottom;
  max-width: 100%;
}
.location-list-container .location-list .location .location-thumbs .location-thumb img {
  max-width: 100px;
}
.event-list-container .date-divider {
  font-size: 20px;
  line-height: 20px;
  padding: 5px;
  margin-bottom: 10px;
  background: #e2dbea;
  color: #555;
}
.event-list-container .event-list {
  list-style: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}
.event-list-container .event-list:before,
.event-list-container .event-list:after {
  display: table;
  content: "";
}
.event-list-container .event-list:after {
  clear: both;
}
.event-list-container .event-list .event {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #e2dbea;
  *zoom: 1;
}
.event-list-container .event-list .event:before,
.event-list-container .event-list .event:after {
  display: table;
  content: "";
}
.event-list-container .event-list .event:after {
  clear: both;
}
.event-list-container .event-list .event .event-left {
  float: left;
  width: 60px;
  margin-right: 30px;
  text-align: center;
}
.event-list-container .event-list .event .event-right {
  float: left;
}
.event-list-container .event-list .event .event-type {
  height: 14px;
  margin-bottom: 10px;
}
.event-list-container .event-list .event .event-time {
  font-weight: bold;
}
.event-list-container .event-list .event .event-name-container {
  font-size: 16px;
  margin-bottom: 8px;
}
.event-list-container .event-list .event .event-extra-info {
  font-size: 13px;
  color: #999;
  *zoom: 1;
}
.event-list-container .event-list .event .event-extra-info:before,
.event-list-container .event-list .event .event-extra-info:after {
  display: table;
  content: "";
}
.event-list-container .event-list .event .event-extra-info:after {
  clear: both;
}
.event-list-container .event-list .event .event-extra-info > div {
  float: left;
  margin-right: 20px;
}
.team-image-container {
  width: 52px;
  height: 52px;
  margin-right: 20px;
  margin-left: 10px;
  outline: 1px solid #999999;
  border: 1px solid white;
}
.team-image-container .team-image {
  width: 100%;
  height: 100%;
  background: url('../img/teamavatar.png');
  background-size: 100%;
}
#teamname-value {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}
#production-select {
  margin: 0;
}
.department-header {
  text-align: center;
}
.department-header .department-name {
  background: #f5f9fb;
  color: #777;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  padding: 4px 8px;
  position: relative;
  z-index: 2;
}
.department-header:after {
  border-top: 1px solid #bbb;
  position: relative;
  top: -22px;
  left: 0;
  width: 100%;
  display: block;
  content: ' ';
  z-index: 0;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  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: #0088cc;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#273134', endColorstr='#222222', GradientType=0);
  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;
  *zoom: 1;
  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: absolute;
  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, #eeeeee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: linear-gradient(top, #f5f5f5, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
  border-color: #eeeeee #eeeeee #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, #eeeeee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: linear-gradient(top, #f5f5f5, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
  border-color: #eeeeee #eeeeee #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-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: #40beb5 !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: #0088cc;
}
.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;
  }
}
.silverraisedbox {
  background: #f4f4f4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #bcbcbc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #bcbcbc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #bcbcbc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f4f4 0%, #bcbcbc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #bcbcbc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f4f4 0%, #bcbcbc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#bcbcbc', GradientType=0);
  /* IE6-9 */
}
.documentfile {
  cursor: pointer;
  display: inline-block;
  margin: 0px 6px;
  width: 96px;
}
.documentfile > .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 32px;
  min-height: 32px;
}
.documentfile > .label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: bold;
  max-width: 96px;
  overflow: hide;
  whitespace: nowrap;
  text-overflow: ellipsis;
  /* what's the ellipsis truncation one? */
}
.modal-dialog-bg.shot-add-item-dialog {
  background: unset;
  margin-left: 0px;
}
.modal-dialog.add-item-dialog {
  width: 350px;
}
.modal-dialog.shot-add-item-dialog {
  font-size: 13px;
  width: 760px;
  animation-duration: .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 !important;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-title {
  margin-left: 20px;
  background-color: #2F2F2F !important;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-content {
  background-color: #2F2F2F !important;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-buttons {
  background-color: #2F2F2F !important;
  margin-right: 20px;
}
.modal-dialog.add-item-dialog,
.modal-dialog.scene-info-dialog,
.modal-dialog.cat-item-edit-dialog {
  background: #3c3d3e !important;
}
.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 !important;
}
.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 !important;
}
.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 !important;
}
.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 !important;
  margin-right: unset !important;
  background-color: #2F2F2F !important;
  letter-spacing: .84px !important;
}
.modal-dialog.shot-add-item-dialog button[name='cancel']:hover,
.modal-dialog.shot-add-item-dialog button[name="done"]:hover {
  background-color: #2F2F2F !important;
}
.modal-dialog.shot-add-item-dialog button[name='cancel']:active,
.modal-dialog.shot-add-item-dialog button[name="done"]:active {
  background-color: #2F2F2F !important;
}
.modal-dialog.shot-add-item-dialog button[name='cancel']:focus,
.modal-dialog.shot-add-item-dialog button[name="done"]:focus {
  background-color: #2F2F2F !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 !important;
  font-size: 14px !important;
  min-width: 80px !important;
  height: 30px !important;
  background-color: #199F8F !important;
  letter-spacing: .84px !important;
}
.modal-dialog.shot-add-item-dialog button[name='ok']:hover {
  background-color: #1cb5a3 !important;
}
.modal-dialog.shot-add-item-dialog button[name='ok']:active {
  background-color: #20cbb7 !important;
}
.modal-dialog.shot-add-item-dialog button[name='ok']:focus {
  background-color: #1cb5a3 !important;
}
.modal-dialog.shot-add-item-dialog .modal-dialog-content {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.modal-dialog.add-item-dialog button[name='cancel'],
.modal-dialog.scene-info-dialog button[name='cancel'],
.modal-dialog.cat-item-edit-dialog button[name='cancel'] {
  background-color: #4f4f4f;
}
.modal-dialog.add-item-dialog button[name='cancel']:hover,
.modal-dialog.scene-info-dialog button[name='cancel']:hover,
.modal-dialog.cat-item-edit-dialog button[name='cancel']:hover {
  background-color: #5c5c5c !important;
}
.modal-dialog.add-item-dialog button[name='cancel']:active,
.modal-dialog.scene-info-dialog button[name='cancel']:active,
.modal-dialog.cat-item-edit-dialog button[name='cancel']:active {
  background-color: #696969 !important;
}
.modal-dialog.add-item-dialog button[name="done"],
.modal-dialog.scene-info-dialog button[name="done"],
.modal-dialog.cat-item-edit-dialog button[name="done"] {
  background-color: #2fb5b4;
}
.modal-dialog.add-item-dialog button[name="done"]:hover,
.modal-dialog.scene-info-dialog button[name="done"]:hover,
.modal-dialog.cat-item-edit-dialog button[name="done"]:hover {
  background-color: #34c9c8 !important;
}
.modal-dialog.add-item-dialog button[name="done"]:active,
.modal-dialog.scene-info-dialog button[name="done"]:active,
.modal-dialog.cat-item-edit-dialog button[name="done"]:active {
  background-color: #48cfce !important;
}
.modal-dialog.add-item-dialog button[name='ok'],
.modal-dialog.scene-info-dialog button[name='ok'],
.modal-dialog.cat-item-edit-dialog button[name='ok'] {
  background-color: #38bdb6;
}
.modal-dialog.add-item-dialog button[name='ok']:hover,
.modal-dialog.scene-info-dialog button[name='ok']:hover,
.modal-dialog.cat-item-edit-dialog button[name='ok']:hover {
  background-color: #46c8c1 !important;
}
.modal-dialog.add-item-dialog button[name='ok']:active,
.modal-dialog.scene-info-dialog button[name='ok']:active,
.modal-dialog.cat-item-edit-dialog button[name='ok']:active {
  background-color: #5acec8 !important;
}
.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 !important;
}
.modal-dialog.shot-add-item-dialog button[name='cancel'],
.modal-dialog.add-item-dialog button[name='cancel'],
.modal-dialog.scene-info-dialog button[name='cancel'],
.modal-dialog.cat-item-edit-dialog button[name='cancel'],
.modal-dialog.shot-add-item-dialog button[name="done"],
.modal-dialog.add-item-dialog button[name="done"],
.modal-dialog.scene-info-dialog button[name="done"],
.modal-dialog.cat-item-edit-dialog button[name="done"] {
  color: white !important;
}
.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 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.modal-dialog .modal-dialog-title-text {
  font-size: 14px !important;
  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: #34d4d2 !important;
  color: #222222;
  /* 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: #f5f8f7;
}
.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: #b9cec7;
}
.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: #ffffff;
}
.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: #ffffff;
  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:not(.gvr-wrapper) {
  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: #f5f8f7;
  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: #b9cec7;
}
.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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.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:hover,
.breakdown-item-popover .popover-buttons .tag-btn:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.breakdown-item-popover .popover-buttons .update-btn:focus,
.breakdown-item-popover .popover-buttons .tag-btn:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.breakdown-item-popover .popover-buttons .update-btn.secondary,
.breakdown-item-popover .popover-buttons .tag-btn.secondary {
  background-color: #945ca3;
}
.breakdown-item-popover .popover-buttons .update-btn.secondary:active,
.breakdown-item-popover .popover-buttons .tag-btn.secondary:active {
  background-color: #a245ba !important;
}
.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.create-pill,
.breakdown-item-popover .popover-buttons .tag-btn.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.breakdown-item-popover .popover-buttons .update-btn.create-pill:before,
.breakdown-item-popover .popover-buttons .tag-btn.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.breakdown-item-popover .popover-buttons .update-btn.create-pill:hover:before,
.breakdown-item-popover .popover-buttons .tag-btn.create-pill:hover:before {
  opacity: 1;
}
.breakdown-item-popover .popover-buttons .update-btn.create-pill:active,
.breakdown-item-popover .popover-buttons .tag-btn.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.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;
  height: 40px;
}
.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: #222222;
}
.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: #222222;
}
.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:active,
.breakdown-item-popover .popover-buttons .tag-btn.toolbar-pill:active {
  background-color: #a245ba !important;
  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.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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.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.cancel:active,
.breakdown-item-popover .popover-buttons .tag-btn.cancel:active {
  background-color: transparent !important;
}
.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 .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', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.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:hover,
.breakdown-item-popover .popover-buttons .remove-btn:hover,
.breakdown-item-popover .popover-buttons .skip-tag-btn:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn:focus,
.breakdown-item-popover .popover-buttons .remove-btn:focus,
.breakdown-item-popover .popover-buttons .skip-tag-btn:focus {
  background-color: #34d4d2 !important;
  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;
}
.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;
}
.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.create-pill,
.breakdown-item-popover .popover-buttons .remove-btn.create-pill,
.breakdown-item-popover .popover-buttons .skip-tag-btn.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.create-pill:before,
.breakdown-item-popover .popover-buttons .remove-btn.create-pill:before,
.breakdown-item-popover .popover-buttons .skip-tag-btn.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.create-pill:hover:before,
.breakdown-item-popover .popover-buttons .remove-btn.create-pill:hover:before,
.breakdown-item-popover .popover-buttons .skip-tag-btn.create-pill:hover:before {
  opacity: 1;
}
.breakdown-item-popover .popover-buttons .tag-find-next-btn.create-pill:active,
.breakdown-item-popover .popover-buttons .remove-btn.create-pill:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.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;
  height: 40px;
}
.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: #222222;
}
.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: #222222;
}
.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: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.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.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 {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.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.cancel:active,
.breakdown-item-popover .popover-buttons .remove-btn.cancel:active,
.breakdown-item-popover .popover-buttons .skip-tag-btn.cancel:active {
  background-color: transparent !important;
}
.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: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;
}
div.budget-container {
  background-color: #f6f6f6;
  *zoom: 1;
}
div.budget-container.reportsView {
  background-color: #222222;
}
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;
}
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;
}
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: #0088cc;
}
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: #0088cc;
}
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.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: #b94a48;
  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;
}
#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 {
  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:focus,
.custom-currency-view-tab:focus {
  color: #000;
  text-shadow: none;
}
.default-currency-view-tab i,
.custom-currency-view-tab i {
  font-size: 9px;
  padding-right: 5px;
}
#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;
}
#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: #555555;
  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 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.apply-fringes-form thead tr th,
.global-form.apply-fringes-form thead tr th,
.fringe-form apply-globals-form thead tr th,
.global-form apply-globals-form thead tr th {
  border-bottom: solid 1px #6b6d6e;
}
.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;
}
td.fc-widget-content {
  background: #eeeeee;
  color: #222222;
}
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;
}
a.cx-event-remove {
  display: inline;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  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: #0088cc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
  float: right;
}
a.cx-event-remove:hover,
a.cx-event-remove:active,
a.cx-event-remove.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
a.cx-event-remove:active,
a.cx-event-remove.active {
  background: #cccccc \9;
}
a.cx-event-remove:first-child {
  *margin-left: 0;
}
a.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: #ffffff;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
}
a.cx-event-remove.btn-plain-medium {
  font-size: 13px;
  line-height: 18px;
}
a.cx-event-remove.btn-plain-large {
  font-size: 15px;
  line-height: 20px;
  padding: 8px 20px;
}
a.cx-event-remove:active {
  background: #1fa3a2 !important;
  outline: none;
}
a.cx-event-remove:focus {
  outline: 0;
}
a.cx-event-remove *[class^="icon-"] {
  margin-top: -1px;
}
.fc-event.event-unit-move {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426de6', endColorstr='#425fe6', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff !important;
  min-width: 78px !important;
  padding-left: 7px;
}
.fc-event.event-unit-move:hover,
.fc-event.event-unit-move:active,
.fc-event.event-unit-move.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-unit-move:active,
.fc-event.event-unit-move.active {
  background: #cccccc \9;
}
.fc-event.event-unit-move:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.fc-event.event-unit-move.btn-plain {
  text-shadow: none;
}
.fc-event.event-set-shift {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b42eda', endColorstr='#c22eda', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff !important;
  min-width: 74px !important;
  padding-left: 5px;
}
.fc-event.event-set-shift:hover,
.fc-event.event-set-shift:active,
.fc-event.event-set-shift.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-set-shift:active,
.fc-event.event-set-shift.active {
  background: #cccccc \9;
}
.fc-event.event-set-shift:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.fc-event.event-set-shift.btn-plain {
  text-shadow: none;
}
.fc-event.event-moving {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ecc71', endColorstr='#2ecc99', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 80px !important;
  padding-left: 7px;
}
.fc-event.event-moving:hover,
.fc-event.event-moving:active,
.fc-event.event-moving.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-moving:active,
.fc-event.event-moving.active {
  background: #cccccc \9;
}
.fc-event.event-moving:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.fc-event.event-startdate {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 80px !important;
  padding-left: 7px;
}
.fc-event.event-startdate:hover,
.fc-event.event-startdate:active,
.fc-event.event-startdate.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-startdate:active,
.fc-event.event-startdate.active {
  background: #cccccc \9;
}
.fc-event.event-startdate:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-startdate:active,
.fc-event.event-startdate.active {
  background: #942a25 \9;
}
.fc-event.event-startdate:focus {
  background: #E23955 !important;
  outline: none;
}
.fc-event.event-startdate:active {
  background: #F44A6E !important;
  outline: none;
}
.fc-event.event-startdate .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.fc-event.event-dayoff {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 75px !important;
  padding-left: 5px;
}
.fc-event.event-dayoff:hover,
.fc-event.event-dayoff:active,
.fc-event.event-dayoff.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-dayoff:active,
.fc-event.event-dayoff.active {
  background: #cccccc \9;
}
.fc-event.event-dayoff:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.fc-event.event-prep {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 75px !important;
  padding-left: 8px;
}
.fc-event.event-prep:hover,
.fc-event.event-prep:active,
.fc-event.event-prep.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-prep:active,
.fc-event.event-prep.active {
  background: #cccccc \9;
}
.fc-event.event-prep:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.fc-event.event-shoot {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fc0e8', endColorstr='#4f9ae8', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.fc-event.event-shoot:hover,
.fc-event.event-shoot:active,
.fc-event.event-shoot.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.fc-event.event-shoot:active,
.fc-event.event-shoot.active {
  background: #cccccc \9;
}
.fc-event.event-shoot:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  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: #ffffff;
  border-bottom-color: #ffffff;
}
.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: #222222;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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-bottom: 0px;
  width: inherit;
}
.shooting-unit-row .remove-shooting-unit-btn {
  background: none;
  border: none;
  display: inline;
  vertical-align: super;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-shadow: none;
}
.shooting-unit-row td .td-input {
  width: 300px;
}
.add-shooting-unit-btn {
  color: #3b3d3e !important;
  width: 289px;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#426de6', endColorstr='#425fe6', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-unit-move:hover,
.btn-unit-move:active,
.btn-unit-move.active {
  background: #4268e6;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b42eda', endColorstr='#c22eda', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-set-shift:hover,
.btn-set-shift:active,
.btn-set-shift.active {
  background: #ba2eda;
  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: #ffffff !important;
}
.btn-unit-move .caret,
.btn-unit-move:hover .caret,
.btn-set-shift .caret,
.btn-set-shift:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.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);
}
.btn-set-shift {
  min-width: 74px !important;
  padding-left: 5px;
}
.btn-info,
.btn-warning {
  min-width: 75px !important;
}
.btn-unit-move {
  min-width: 78px !important;
  padding-left: 7px;
}
.btn-success,
.btn-danger {
  min-width: 80px !important;
  padding-left: 7px;
}
.btn-info {
  padding-left: 8px;
}
.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: 312px;
  height: 260px;
  border-radius: 4px;
  z-index: 1;
}
.custome-colour-picker .colour-picker-container .panel-title {
  color: #CCCBCB;
  font-size: 13;
  display: block;
  position: relative;
  padding: 13px 10px;
}
.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-palette {
  position: absolute;
  top: 30px;
  left: 40px;
  background: #212120;
  color: #fff;
  z-index: 1;
  width: 163px;
  height: 162px;
  border-radius: 4px;
}
.banner-color-palette .palette-title {
  display: inline-block;
  font-size: 13px;
  width: 36px;
  position: relative;
  left: 15px;
  top: 7px;
  color: #CCCBCB;
}
.banner-color-palette .colour-menu {
  position: relative;
  left: 14px;
  top: 18px;
}
.banner-color-palette .colour-menu div[title="#262626FF"] {
  box-shadow: #F6F6F6 0px 0px 0px 3px inset !important;
}
.game-report-table,
.report-cell-nested-table {
  padding: 0 7.5px;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  -webkit-animation-duration: .6s;
  animation-duration: .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 !important;
  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 !important;
  border: none !important;
  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) !important;
  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: #5ab690;
}
.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: #555555;
  color: #999999;
  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 #999999;
}
.breakdown-border-bottom {
  border-bottom: thin solid #999999;
  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;
}
.game-catalog-category-header {
  background: #ffffff;
  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;
}
.cxinteractive-network .vis-network {
  height: 560px !important;
}
.pagedimage-topmargin {
  margin-top: 57px;
}
.img-search-form {
  margin-left: 10px;
}
.img-search-container {
  text-align: left;
}
.mediaprojectsidebar .img-search-results {
  margin-right: -15px !important;
}
.img-search-results {
  margin: 0px auto;
  max-width: 504px;
  max-height: 168px;
}
.img-search-fieldcontainer {
  width: auto;
  display: block;
  max-width: 370px;
  margin: 0 auto;
}
.img-search-field {
  border-radius: 0;
}
.img-search-btn {
  padding-top: 5px;
  padding-bottom: 4px;
  line-height: 17px;
  border-radius: 0;
  height: 30px;
  margin-top: -1px;
}
.img-search-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-search-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-search-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-search-item.img-search-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-search-item.img-search-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-search-prev {
  float: left;
  margin-top: 10px;
}
.img-search-next {
  float: right;
  margin-top: 10px;
}
.img-search-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);
}
.media-modal .img-search-fieldcontainer button {
  height: 30px;
  margin-top: -1px;
}
.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: #40beb5;
  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;
}
.av-spinner .loading-icon {
  transform: scale(0.5);
}
.cx-pm-av2editor .mobile-av2-editor .ProseMirror-wrapper {
  display: flex;
  flex-direction: column;
}
.cx-pm-av2editor .mobile-av2-editor #toolbar-container {
  min-height: 46px;
  display: flex;
}
.cx-pm-av2editor .mobile-av2-editor #toolbar-container.shrink {
  animation: hide 0.2s linear;
  height: 0px;
  min-height: 0px;
}
@keyframes hide {
  from {
    height: 46px;
  }
  to {
    height: 0px;
  }
}
.cx-pm-av2editor .mobile-av2-editor #toolbar-container.grow {
  animation: show 0.3s linear;
  height: 46px;
}
@keyframes show {
  0% {
    transform: translateY(-46px);
  }
  99% {
    transform: translateY(0);
  }
  100% {
    transform: initial;
  }
}
.cx-pm-av2editor .mobile-av2-editor #toolbar-container .file-header-content-bg > div {
  display: flex;
  flex: 1;
}
.cx-pm-av2editor .mobile-av2-editor #toolbar-container #toolbar-flex-left #displayTitle {
  margin-left: 0px;
}
.cx-pm-av2editor .mobile-av2-editor .ProseMirror-pane {
  overflow-y: auto !important;
}
.cx-pm-av2editor .mobile-av2-editor .view-filter-nav .tooltip-btn.active {
  background-color: #47b5a7;
}
.cx-pm-av2editor .mobile-av2-editor #displayTitleTextContainer {
  display: none;
}
@media (max-width: 200px) {
  .cx-pm-av2editor .mobile-av2-editor #displayTitle {
    width: 100px;
  }
}
.cx-pm-av2editor .mobile-av2-editor #av2-view-filter {
  display: flex;
  margin-top: 0px;
  left: 45px;
}
.cx-pm-av2editor .mobile-av2-editor #av2-view-filter .tooltip-btn {
  padding: 4px 4px;
}
.cx-pm-av2editor .mobile-av2-editor #displayTitleControls {
  display: flex;
  align-items: center;
  margin-top: 0px;
}
.cx-pm-av2editor .mobile-av2-editor #displayTitleControls .share-btn {
  padding-right: 4px;
  padding-left: 4px;
}
.cx-pm-av2editor .mobile-av2-editor .file-header-content-bg #trial-container {
  display: flex;
  align-items: center;
}
.cx-pm-av2editor .mobile-av2-editor .file-header-content-bg #trial-container div:first-child {
  margin-left: 0px !important;
}
.cx-pm-av2editor .mobile-av2-editor #displayProfile {
  display: flex;
  align-self: center;
}
.cx-pm-av2editor .mobile-av2-editor #displayProfile .avatar-navbar {
  margin: 0px;
}
.cx-pm-av2editor .mobile-av2-editor .mobile-nav-menu {
  padding: 4px;
}
@media (max-width: 355px) {
  .cx-pm-av2editor .mobile-av2-editor .doc-next-to-btn {
    padding: 0px 2px;
  }
  .cx-pm-av2editor .mobile-av2-editor #displayTitleControls .share-btn {
    padding-right: 2px;
    padding-left: 2px;
  }
  .cx-pm-av2editor .mobile-av2-editor #av2-view-filter .tooltip-btn {
    padding: 4px 3px;
  }
}
@media (min-width: 768px) {
  .cx-pm-av2editor .mobile-av2-editor #av2-view-filter {
    left: 165px;
  }
}
.cx-pm-av2editor .mobile-av2-editor .file-header-content-bg #trial-container a.btn-subscribe {
  padding: 2px 4px !important;
  margin: 0px;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .table-header .edit-info,
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .table-header .chevron {
  color: #b1b1b1;
  background-color: transparent;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .table-header .header-label {
  color: #8a8a8a;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row {
  border-color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-spine {
  color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-spine:not(.has-color) .av_row-spine-shotlist {
  color: black;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-spine .shot-menu {
  background-color: black;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .av_row-content {
  background-color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .av_row-content .audio_col,
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .av_row-content .video_col {
  background-color: #1d1d1d;
  border-color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .av_row-content .audio_col .placeholder,
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .av_row-content .video_col .placeholder {
  color: white;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .av_row-content .audio_col .placeholder:before,
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .av_row-content .video_col .placeholder:before {
  opacity: 0.3;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .shot-info-container {
  background-color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .shot-info-container .shot-info-category {
  background-color: #1d1d1d;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .shot-info-container .shot-info-category .category-span {
  border-color: #b1b1b1;
  background-color: #393939;
  color: #bebebe;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .shot-info-container .shot-info-category .infoSelect__control {
  background-color: transparent;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .shot-info-container .shot-info-category .infoSelect__menu {
  background-color: #000000;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-script .av_table .av_row .av_row-container .shot-info-container .shot-info-category .infoSelect__option--is-focused {
  color: #70C2A4;
  background-color: #303030;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.horizontal-storyboard .av_table .av_table-content .av_row .av_row-image-column {
  border: solid 1px #b1b1b1;
  border-radius: 0;
  box-sizing: border-box;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.horizontal-storyboard .av_table .av_table-content .av_row .video_col,
.cx-pm-av2editor .nightmode .cx-audiovideo2.horizontal-storyboard .av_table .av_table-content .av_row .audio_col,
.cx-pm-av2editor .nightmode .cx-audiovideo2.horizontal-storyboard .av_table .av_table-content .av_row .infoSelect__control {
  background-color: #1d1d1d;
  border: solid 1px #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.horizontal-storyboard .av_table .av_table-content .av_row .video_col .infoSelect__single-value,
.cx-pm-av2editor .nightmode .cx-audiovideo2.horizontal-storyboard .av_table .av_table-content .av_row .audio_col .infoSelect__single-value,
.cx-pm-av2editor .nightmode .cx-audiovideo2.horizontal-storyboard .av_table .av_table-content .av_row .infoSelect__control .infoSelect__single-value {
  color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .title-area .edit-info {
  color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .header-field .header-label {
  color: #8a8a8a;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .header-field .edit-info {
  color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .av_row-spine,
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .av_row-container {
  border: solid 1px #bebebe;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .shot-info-container {
  background-color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .video_col {
  background-color: #b1b1b1 !important;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .video_col .video_col-content {
  background-color: #1d1d1d !important;
  border-left: solid 1px #b1b1b1 !important;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .video_col .video_col-content .shot {
  color: #b1b1b1 !important;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .video_col:before {
  background-color: #393939 !important;
  color: #b1b1b1 !important;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .shot-info-category .category-span {
  border-color: #b1b1b1;
  background-color: #393939;
  color: #b1b1b1;
}
.cx-pm-av2editor .nightmode .cx-audiovideo2.vertical-shotlist .av_table .av_table-content .av_row .shot-info-category .info-selections {
  background-color: #1d1d1d;
  color: #b1b1b1 !important;
  margin: 0;
  padding: 5px 10px;
}
.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.theme-mobile .mobile-av2-editor .file-header-content-bg #trial-container a.btn-subscribe {
  margin: 0px;
}
@media (max-width: 355px) {
  #cxContent.theme-mobile .mobile-av2-editor .file-header-content-bg #trial-container a.btn-subscribe {
    padding: 2px 4px !important;
  }
}
.studiohead-container {
  margin: 0;
  position: relative;
  background: #171a1d;
  text-align: left;
  overflow: hidden;
  height: 77px;
}
.studiohead-flex {
  display: flex;
  align-items: center;
}
.studiohead-flex {
  display: flex;
  align-items: center;
}
.studiohead-name-container {
  padding: 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;
}
.studiohead-project {
  letter-spacing: 0.02em !important;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 12px;
  display: block;
  line-height: 14px;
  max-width: 130px;
  max-height: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.studiohead-type,
.studiohead-episodecount {
  color: white;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 12px;
}
.studiohead-name {
  letter-spacing: 0.03em !important;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 123px;
  line-height: 22px;
}
.studiohead-back {
  color: white;
  font-size: 11px;
  padding: 4px 8px 4px 0;
}
.studiohead-back:hover {
  color: white;
}
@media (min-width: 767px) {
  .studiohead-back {
    display: none !important;
  }
}
.studiohead-share {
  color: white;
  font-size: 17px;
  position: absolute;
  left: 263px;
  top: 16px;
}
.studiohead-edit {
  display: none;
  color: #0088cc;
  font-size: 14px;
}
.studiohead-edit:hover {
  display: block;
}
.studiohead-content {
  display: block;
  margin-left: 2px;
}
.studiohead-content:hover {
  text-decoration: none;
}
.studiohead-content:hover .studiohead-edit {
  display: none;
  vertical-align: middle;
}
.studiohead-content:hover .studiohead-name-container {
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.9)', endColorstr='rgba(0, 0, 0, 0)', GradientType=0);
  padding: 20px 20px 80px 20px;
}
.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!important;
  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 !important;
  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;
}
.microsoft-privacy-policy {
  color: #f6f6f6;
  padding: 10px 0;
}
.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: .8;
  transition: all .2s ease;
}
.menu-expand-contact-symbol2 {
  color: #fff;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  margin-left: -5px;
  margin-top: 8px;
  opacity: .8;
  transition: all .2s ease;
  transform: rotate(180deg);
}
.studio-management-member-header-container {
  background-color: #646464;
  padding: 10px;
  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;
}
.group-members .group-edit button {
  border: 0!important;
  border-radius: 5px!important;
}
.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-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;
  *zoom: 1;
}
.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:#32c879;*/
  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 {
  *zoom: 1;
  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: #ffffff;
}
.plan-content-container .pricetower.pricetower-recommended .pricetower-section-top {
  background: #021e30;
  color: #ffffff;
}
.plan-content-container .pricetower.pricetower-recommended .pricetower-servicedescription {
  color: #ffffff;
}
.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: #ffffff;
  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 .3s;
  -moz-transition: visibility 0s linear .3s;
  -o-transition: visibility 0s linear .3s;
  transition: visibility 0s linear .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: #ffffff;
  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 {
  *zoom: 1;
  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;
  *zoom: 1;
  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: #555555;
}
.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 #999999;
  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 .padded {
  padding: 10px 20px;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#666666', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0378a9', endColorstr='#025577', GradientType=0);
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9a400', endColorstr='#a67e00', GradientType=0);
}
.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: #999999;
  width: 100px;
}
.plan-content-container .feature-table td:not(:first-child)strong {
  color: #555555;
}
.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: #eeeeee;
  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: #eeeeee;
}
.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: #ffffff;
  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: .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;
}
.plan-page-root-container .legacy-towers {
  width: 100%;
}
.plan-page-root-container .legacy-towers .studioplancontextual {
  width: 100%;
  text-align: center;
  background: white;
  border-radius: 20px;
}
.plan-page-root-container .legacy-towers .studioplancontextual > h1 {
  text-align: left;
  margin-left: 50px;
  padding-top: 20px;
}
.plan-page-root-container .legacy-towers .studioplancontextual > div.billing-cycle-toggle.plan-page-towers {
  margin-top: -41px;
  margin-right: 50px;
  margin-bottom: 30px;
  justify-content: flex-end;
}
.plan-page-root-container .legacy-towers .studiomanagement-downgrade-msg {
  margin-bottom: 0px;
}
@media only screen and (max-width: 500px) {
  .plan-page-root-container .legacy-towers > div.studioplancontextual > h1 {
    margin: 0px;
    padding: 0px;
    padding-top: 30px;
    text-align: center;
    margin-bottom: 20px;
  }
  .plan-page-root-container .legacy-towers > div.studioplancontextual > div.billing-cycle-toggle.plan-page-towers {
    margin: 0px;
    margin-bottom: 30px;
    justify-content: center;
  }
}
.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 80px;
}
@media (max-width: 1235px) {
  .studio-management-plan-container .studioplancontextual .new-cart-badge-sm {
    margin-left: 25px;
    margin-top: -77px;
  }
  .studio-management-plan-container #nonfilelist-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.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-top: 10px;
  width: 400px;
}
.studio-management-plan-container .infomanagerbox-label {
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  font-weight: normal;
}
.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: #47b5a7;
  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: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */
  transition: .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-section-title {
  font-size: 16px;
  text-transform: uppercase;
  color: #f6f6f6;
  margin-top: 40px;
  margin-bottom: 5px;
}
.studio-management-section-subtitle {
  font-size: 12px;
  color: #f6f6f6;
  margin-bottom: 15px;
}
.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: #ffffff;
  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;
  }
}
.onboard-banner {
  width: 1050px;
  height: 139px;
  background-image: url('../img/sm-onboard-banner.jpg');
  text-align: center;
  background-repeat: no-repeat;
}
.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: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */
  transition: .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: .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: 0.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: #40beb5;
}
.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;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fdcfbf;
  border: 1px solid #fcb8b1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #f7612c;
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
  margin-bottom: 0;
  max-width: 250px;
  padding: 6px 10px;
}
.tabupgradefeature a {
  color: #008fd6;
  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;
}
.onboard-title span {
  margin-top: 30px;
  display: inline-block;
  margin-bottom: 10px;
}
.onboard-banner-title {
  color: #fff;
  font-size: 22px;
  padding-top: 40px;
  text-transform: uppercase;
}
.onboard-banner-subtitle {
  color: #fff;
  font-size: 14px;
  padding-top: 20px;
}
.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: #3f6171;
  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 .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 #47b5a7;
  padding: 0px 20px 0px 0px;
}
.studioaddonupgrade-container-header {
  background: #47b5a7;
  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;
  }
  .plan-sub-container .onboard-banner {
    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: #ffffff;
  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: #47b5a7;
  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: #47b5a7;
}
.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%;
  }
}
.offboarding-back {
  font-size: 12px;
  color: #dee1e2;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
  cursor: pointer;
}
#offboarding-modal {
  width: 80%;
  max-width: 710px;
  min-height: 592px;
  border-radius: 25px;
  margin: 35px auto;
  background-color: #ffffff;
  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;
  }
}
#offboarding-modal h2 {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0 35px 0;
  max-width: 510px;
}
#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;
  margin-bottom: 40px;
}
#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 {
  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 !important;
  color: #ffffff;
}
.offboarding-button:active,
.modal-dialog-buttons .offboarding-button:active,
.offboarding-button:focus,
.modal-dialog-buttons .offboarding-button:focus {
  background: #abd047 !important;
}
.offboarding-button.offboarding-button-outlined,
.modal-dialog-buttons .offboarding-button.offboarding-button-outlined,
.offboarding-button.offboarding-button-outlined:active,
.modal-dialog-buttons .offboarding-button.offboarding-button-outlined:active,
.offboarding-button.offboarding-button-outlined:hover,
.modal-dialog-buttons .offboarding-button.offboarding-button-outlined:hover {
  background-color: #ffffff !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: #ffffff !important;
}
@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: left;
  }
  .offboarding-dialog.offboarding-before-you-go .modal-dialog-buttons button[name='cancel'] {
    float: right;
  }
}
@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-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: #ffffff !important;
}
.modal-dialog.offboarding-dialog.modal-dialog .modal-dialog-title {
  background-color: #ffffff !important;
  margin-bottom: 0 !important;
  min-height: initial;
  height: initial;
}
.modal-dialog.offboarding-dialog.modal-dialog .offboarding-link {
  color: #abd047 !important;
}
.modal-dialog.offboarding-dialog .modal-dialog-title-close::before {
  color: #dee1e2 !important;
}
.modal-dialog.offboarding-dialog .modal-dialog-content {
  background-color: #ffffff !important;
  color: #3b3c3d !important;
  padding: 50px !important;
  text-align: center;
}
@media (max-width: 500px) {
  .modal-dialog.offboarding-dialog .modal-dialog-content {
    padding: 28px !important;
  }
}
.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 span {
  color: #3acce1;
}
.offboarding-dialog p {
  max-width: 400px;
  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: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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;
  }
}
.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: #49a8a9;
}
.fw-step-container {
  display: flex;
  flex-direction: row;
}
.step3 .new-cart-badge,
.step2 .new-cart-badge {
  display: none;
}
.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: #219a9a;
  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-page-1-container > .billing-cycle-toggle.ms-cart-page-1-towers {
  margin-bottom: 30px;
}
.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: .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-price-summary-container {
  border-radius: 5px;
  border: 2px solid #45a9a7;
}
.fw-price-summary-container.cart .fw-price-summary-sub-container {
  width: 350px;
}
.fw-price-summary-container.buy-now,
.fw-price-summary-container.interstitial {
  margin-bottom: 30px;
  border: 1px solid #3ACCE1;
}
.fw-price-summary-container.buy-now .fw-price-summary-header,
.fw-price-summary-container.interstitial .fw-price-summary-header {
  font-size: 16px;
  color: #3ACCE1;
  border-bottom: 1px solid #3ACCE1;
  background-color: rgba(58, 204, 225, 0.16);
}
.fw-price-summary-container.buy-now .fw-grandtotal-title,
.fw-price-summary-container.interstitial .fw-grandtotal-title,
.fw-price-summary-container.buy-now .fw-grandtotal-price,
.fw-price-summary-container.interstitial .fw-grandtotal-price,
.fw-price-summary-container.buy-now .fw-price-per-amount,
.fw-price-summary-container.interstitial .fw-price-per-amount,
.fw-price-summary-container.buy-now .fw-price-per,
.fw-price-summary-container.interstitial .fw-price-per,
.fw-price-summary-container.buy-now .discount-duration,
.fw-price-summary-container.interstitial .discount-duration {
  color: #3ACCE1;
}
.fw-price-summary-container.buy-now .fw-savings-info,
.fw-price-summary-container.interstitial .fw-savings-info {
  color: #ABD047;
}
.fw-price-summary-container .fw-price-summary-header {
  font-size: 18px;
  color: #45a9a7;
  font-weight: bold;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}
.fw-price-summary-container .fw-grandtotal-title,
.fw-price-summary-container .fw-grandtotal-price,
.fw-price-summary-container .fw-price-per-amount,
.fw-price-summary-container .fw-price-per,
.fw-price-summary-container .discount-duration {
  color: #56a9a7;
}
.fw-price-summary-container .discount-duration {
  margin-bottom: 5px;
}
.fw-price-summary-container .fw-price-per-amount,
.fw-price-summary-container .fw-price-per {
  font-size: 18px;
  font-weight: bold;
}
.fw-price-summary-container .fw-grandtotal-title {
  line-height: 20px;
  font-size: 20px;
}
.fw-price-summary-container .fw-grandtotal-price {
  line-height: 27px;
  font-size: 28px;
}
.fw-price-summary-container .fw-savings-info {
  color: #8781bd;
  font-weight: bold;
  text-align: center;
}
.fw-price-summary-container .fw-savings-info a {
  color: #333;
}
.fw-price-summary-header {
  text-align: center;
  border-bottom: 2px solid #50aaa7;
  padding: 10px;
  background-color: #d5eaeb;
}
.fw-price-summary-sub-container {
  padding: 18px 35px 35px;
  overflow-y: auto;
}
.fw-item-details {
  padding-top: 10px;
}
.fw-item-details .fw-item-title {
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
}
.fw-item-name-price {
  display: flex;
  justify-content: space-between;
}
.fw-item-name-price.plan-summary br {
  display: none;
}
.fw-item-name-price.plan-summary span.plan-name {
  margin-right: 4px;
}
.fw-change-link {
  text-transform: lowercase;
  font-size: 12px;
  color: #7b7b7b;
  cursor: pointer;
  display: block;
}
.fw-subtotal-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.fw-subtotal-container {
  border-top: 3px solid #c9c9c9;
  margin-top: 10px;
  padding-top: 5px;
}
.fw-item-sub-price {
  font-size: 14px;
  color: #7b7b7b;
}
.fw-grandtotal {
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
}
.fw-grandtotal-per {
  font-size: 14px;
  color: #7b7b7b;
  display: block;
}
.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: #49a8a9;
}
.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: #0e6647d;
}
.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: .6s;
  animation-duration: .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: .6s;
  animation-duration: .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: #ffffff 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;
}
.purchase-disclaimer {
  text-align: center;
  font-size: 10px;
  margin: 0px auto;
  padding-top: 14px;
  max-width: 1025px;
  padding-bottom: 40px;
  border-top: 1px solid #9D9D9D;
  line-height: 12px;
}
.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-price-summary-container.buy-now .fw-price-summary-sub-container,
  .fw-subscribe-dialog .fw-price-summary-container.cart .fw-price-summary-sub-container {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
  .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;
  }
  .purchase-disclaimer {
    max-width: calc(100% - 40px);
  }
}
@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-price-summary-container.buy-now .fw-subtotal-container .fw-price-per,
  .fw-price-summary-container.cart .fw-subtotal-container .fw-price-per,
  .fw-price-summary-container.buy-now .fw-subtotal-container .fw-price-per-amount,
  .fw-price-summary-container.cart .fw-subtotal-container .fw-price-per-amount {
    font-size: 15px;
  }
  .fw-price-summary-container.buy-now .fw-grandtotal .fw-grandtotal-title,
  .fw-price-summary-container.cart .fw-grandtotal .fw-grandtotal-title {
    font-size: 15px;
  }
  .fw-price-summary-container.buy-now .fw-grandtotal .fw-grandtotal-price,
  .fw-price-summary-container.cart .fw-grandtotal .fw-grandtotal-price {
    font-size: 20px;
  }
  .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);
  }
}
.fw-subscribe-dialog .persona-container-root {
  width: 100%;
  display: flex;
  min-height: 100vh;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: #1d395b;
}
.fw-subscribe-dialog .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus {
  margin-top: 30px;
  margin-bottom: 20px;
}
.fw-subscribe-dialog .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus > span.bct-label {
  color: white;
}
.fw-subscribe-dialog .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus > div.bct-switch {
  background-color: transparent;
}
.fw-subscribe-dialog .persona-container-root .billing-cycle-toggle.interstitial.history-restore-focus > div.bct-switch span.bct-slider {
  background-color: #b1cd5c;
}
.fw-subscribe-dialog .persona-container-root div.currency-disclaimer-root {
  margin-top: 40px;
  margin-bottom: 100px;
}
.fw-subscribe-dialog .persona-container-root div.currency-disclaimer-root > .disclaimer-text {
  color: #F6F6F6;
}
.persona-container {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  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;
  margin-left: auto;
  margin-right: auto;
  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 {
  font-size: 12px;
}
.persona-feature-desc span:not(:last-child):after {
  content: ' • ';
  color: #c0c0c0;
}
.persona-tower-content1 {
  padding: 22px;
  width: 30%;
}
.persona-tower-content2 {
  margin-top: 45px;
  margin-right: 20px;
  width: 70%;
}
.persona-tower-content-divider {
  width: 2px;
  background-color: #209a99;
  margin: 20px;
}
.persona-feature-title {
  color: #209a99;
  display: block;
  padding: 12px 12px 0;
  font-style: italic;
}
.persona-subheadline {
  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 {
  background-color: #b1cd5c;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px 30px 10px 30px;
  display: block;
  width: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  cursor: pointer;
}
.persona-sub-button a {
  color: #fff;
}
.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: 10px;
}
.reactivation .persona-headline .reactivation-greentext {
  color: #b1cd5c;
}
.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 #47b5a7;
}
.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: #47b5a7;
  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: #47b5a7;
}
.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: #47b5a7;
  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: #47b5a7;
  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: #47b5a7;
}
.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: #47b5a7;
  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: .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;
}
.plan-tower-addons {
  width: 100%;
  display: flex;
  margin-top: 20px;
  align-items: center;
  flex-direction: column;
}
.plan-tower-addons > .addon-container-root {
  margin-bottom: 15px;
}
div.interstitial-root-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  position: relative;
  align-items: center;
  flex-direction: column;
  padding-top: max(120px, calc(100vh * 0.135));
}
div.interstitial-root-container > img.background-graphic.top {
  top: 0px;
  right: 0px;
  position: absolute;
  max-width: calc(100vw * 0.5);
}
div.interstitial-root-container > img.title-graphic {
  height: 100%;
  object-fit: cover;
  margin-bottom: 60px;
}
div.interstitial-root-container > div.billing-cycle-toggle.interstitial {
  margin-bottom: 60px;
}
div.interstitial-root-container > div.billing-cycle-toggle.interstitial > span.bct-label {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-root-container > div.billing-cycle-toggle.interstitial > span.bct-label > span {
  color: #ABD047;
  margin-left: 5px;
}
div.interstitial-root-container > div.billing-cycle-toggle.interstitial > div.bct-switch {
  border: 2px solid #ABD047;
}
div.interstitial-root-container > div.billing-cycle-toggle.interstitial > div.bct-switch span.bct-slider {
  background-color: #ABD047;
}
div.interstitial-root-container > div.footer {
  width: 100%;
}
div.interstitial-root-container > div.footer > div.no-thanks {
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  transform: translate(0px, 400%);
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-root-container > div.footer > div.currency-disclaimer-root {
  transform: translate(0px, 600%);
}
div.interstitial-root-container > div.footer > img.background-graphic {
  pointer-events: none;
  max-width: calc(100vw - 20px);
}
div.interstitial-plan-promo-root {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
}
div.interstitial-plan-promo-root > div.main-content {
  z-index: 1;
}
div.interstitial-plan-promo-root > img.background-graphic {
  z-index: 0;
  position: absolute;
  pointer-events: none;
}
div.interstitial-plan-promo-root > img.background-graphic.upper {
  top: 0;
  left: 0;
}
div.interstitial-plan-promo-root > img.background-graphic.lower {
  right: 0;
  bottom: 0;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root {
  display: flex;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: white;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > img.graphic {
  max-width: 55px;
  object-fit: cover;
  margin-bottom: 15px;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div {
  width: 200px;
  text-align: center;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div:not(:last-child) {
  margin-bottom: 15px;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.title {
  font-size: 22px;
  color: #00385E;
  margin-bottom: 6px;
  font-family: "Source Serif Pro", serif;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.desc {
  font-size: 12px;
  color: #5d5f61;
  margin-bottom: 29px;
  line-height: normal;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial {
  margin-bottom: 25px;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-amount {
  margin-bottom: 10px;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-amount > span.price-tag {
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-amount > span.price-tag sup.currency-symbol,
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-amount > span.price-tag sup.fractional-units {
  font-family: "Arial";
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-amount > span.price-tag span.isoCode {
  transform: translate(0px, 10px);
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-amount > span.price-tag.regular {
  color: #00385E;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-cycle-line {
  font-size: 10px;
  color: #5d5f61;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root {
  margin: 0 auto;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root:not(:last-child) {
  margin-bottom: 15px;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root.episodic.interstitial,
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root.project-cap.interstitial {
  border: 1px solid #5ed5e5;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root.episodic.interstitial > span.input-container,
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root.project-cap.interstitial > span.input-container {
  border-right: 1px solid #5ed5e5;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root.episodic.interstitial > span.label-container,
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root.project-cap.interstitial > span.label-container {
  font-size: 12px;
  background-color: #effafc;
}
div.interstitial-plan-promo-root > div.main-content > div.plan-info-root > div.plan-summary > div.addons > .addon-container-root.project-cap.interstitial > span.input-container {
  font-size: 12px;
  font-weight: bold;
  color: #3acce1;
  font-family: 'Source Sans Pro', sans-serif;
}
div.interstitial-checkout-section {
  background-color: white;
}
div.interstitial-checkout-section > div.content-group {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
  justify-content: space-between;
}
div.interstitial-checkout-section > div.content-group > div.fw-price-summary-container {
  width: 400px;
  margin-bottom: 0px;
  height: max-content;
}
div.interstitial-checkout-section > div.purchase-disclaimer {
  font-size: 12px;
  color: #707070;
  max-width: unset;
  padding-top: 15px;
  padding-bottom: 0px;
  line-height: normal;
  border-top: 1px solid #707070;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form {
  display: flex;
  align-items: center;
  flex-direction: column;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial {
  margin-bottom: 25px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .digital-wallet-container > .title {
  font-size: 16px;
  color: #ABD047;
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .title {
  display: flex;
  font-size: 16px;
  color: #3ACCE1;
  margin-bottom: 30px;
  align-items: center;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .title::after {
  content: "";
  flex-grow: 1;
  margin: 0px;
  margin-top: 3px;
  margin-left: 5px;
  border-bottom: 1px solid #3ACCE1;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .title.primary {
  font-size: 16px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .title.primary::after {
  display: none;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .credit-card-form-root {
  width: 390px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .credit-card-form-root .title {
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .credit-card-form-root > div.card-cvc > .StripeElement::after {
  background-image: url("../img/cart/card-cvc-buynow.png");
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root {
  width: 390px;
  box-sizing: border-box;
  border: 1px solid #3ACCE1;
  background-color: #EFFAFC;
  padding: 20px 23px 18px 23px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .title {
  color: #3ACCE1;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 49px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list {
  max-height: 110px;
  margin-bottom: 20px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn {
  width: 22px;
  height: 22px;
  margin-left: 0px;
  margin-right: 25px;
  border: 1px solid #3ACCE1;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn .selected.active {
  background: #ABD047;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo {
  width: 60px;
  height: 32px;
  background-size: 37px;
  background-position: 12px 5px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.visa {
  background-size: 46px;
  background-position: 7px 9px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.amex {
  background-size: 48px;
  background-position: 6px 10px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.unionpay {
  background-size: 35px;
  background-position: 13px 5px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.discover {
  background-size: 46px;
  background-position: 8px 13px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.diners {
  background-size: 48px;
  background-position: 7px 10px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.mastercard {
  background-size: 34px;
  background-position: 14px 5px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .details {
  font-size: 14px;
  font-weight: 500;
  color: #3B3C3D;
  margin-bottom: 0px;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  background-color: #ffffff;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-thumb {
  box-shadow: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  background-color: #3ACCE1;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > div.payment-form-root.interstitial > .card-form-root > .existing-cards-form-root > .add-new-pm-btn {
  color: white;
  font-size: 13px;
  font-weight: 600;
  margin-left: 49px;
  background-color: #3ACCE1;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > .payment-card-logos {
  height: 18px;
  max-width: 100%;
  margin-bottom: 76px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > .payment-processing-info-root {
  margin-top: -51px;
  margin-bottom: 25px;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > .payment-btn-root {
  width: 100%;
  font-weight: 600;
  font-size: 16.5px;
  padding: 10px 0px;
  border-radius: 6px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-checkout-section > div.content-group > div.payment-form > .powered-by-stripe-logo {
  max-width: 100px;
}
div.interstitial-root-container.ready-for-an-upgrade {
  background-color: #3B3C3D;
}
div.interstitial-root-container.ready-for-an-upgrade > img.title-graphic {
  width: calc(100vw * 0.35);
}
div.interstitial-root-container.ready-for-an-upgrade > div.title {
  font-size: 78px;
  color: #3ACCE1;
  line-height: normal;
  letter-spacing: -1px;
  font-family: "Bebas Regular";
}
div.interstitial-root-container.ready-for-an-upgrade > div.sub-title {
  color: white;
  font-size: 38px;
  line-height: normal;
  margin-bottom: 80px;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-root-container.ready-for-an-upgrade > div.footer > div.no-thanks {
  color: #a0a3a3;
}
div.interstitial-root-container.ready-for-an-upgrade > div.footer > div.currency-disclaimer-root > div.disclaimer-text {
  color: #F6F6F6;
}
div.interstitial-root-container.ready-for-an-upgrade > div.billing-cycle-toggle.interstitial.ready-for-an-upgrade > span.bct-label {
  color: white;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade {
  margin-bottom: 110px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > img.background-graphic.lower {
  max-width: 700px;
  transform: translate(250px, 235px);
}
div.interstitial-plan-promo-root.ready-for-an-upgrade.writing > img.background-graphic.upper {
  max-width: 1420px;
  transform: translate(-210px, -190px);
}
div.interstitial-plan-promo-root.ready-for-an-upgrade.writing div.interstitial-checkout-section.ready-for-an-upgrade {
  padding: 40px 80px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade.video > img.background-graphic.upper {
  max-width: 1315px;
  transform: translate(-196px, -183px);
}
div.interstitial-plan-promo-root.ready-for-an-upgrade.video div.interstitial-checkout-section.ready-for-an-upgrade {
  padding: 40px 50px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root {
  margin-bottom: 15px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-summary::before,
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features::before {
  content: "";
  display: block;
  padding: 17px 0px;
  background-color: rgba(58, 204, 225, 0.25);
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-summary {
  padding: 0px 25px;
  margin-right: 15px;
  padding-bottom: 15px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-summary::before {
  margin-bottom: 35px;
  width: calc(100% + 50px);
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-summary > img.graphic {
  max-width: 48px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-summary > div.pricing-label-root-container.interstitial > div.pl-amount > span.price-tag.regular {
  color: #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-summary > div.view-more-plans-link {
  cursor: pointer;
  font-size: 12px;
  color: #555654;
  margin-top: auto;
  -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-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features {
  display: flex;
  padding: 0px 40px;
  align-items: center;
  padding-bottom: 40px;
  flex-direction: column;
  background-color: white;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features::before {
  margin-bottom: 40px;
  width: calc(100% + 80px);
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table {
  color: #3B3C3D;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead tr:first-child th {
  border-top: 1px solid #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th {
  border-right: 1px solid #3ACCE1;
  border-bottom: 1px solid #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th:first-child {
  border-left: 1px solid #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-name {
  color: white;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 0px;
  position: relative;
  width: 210px;
  min-width: 210px;
  max-width: 210px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-name.free {
  color: #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-name.paid {
  color: white;
  background-color: #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-name.paid::before {
  content: "";
  height: 35px;
  display: block;
  position: absolute;
  width: calc(100% + 2px);
  background-color: #3ACCE1;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  transform: translate(-1px, -38px);
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-name.paid::after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  border: 10px solid #ABD047;
  border-top: 22px solid #ABD047;
  transform: translate(175px, -61px);
  border-bottom: 6px solid transparent;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-desc {
  padding: 15px;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-desc > div {
  margin: 0 auto;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-desc.free div {
  max-width: 140px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table thead th.plan-desc.paid div {
  max-width: 150px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table tbody tr.feature-section-header td {
  color: #3ACCE1;
  font-weight: 600;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table tbody td {
  padding: 4px 10px;
  border-right: 1px solid #3ACCE1;
  border-bottom: 1px solid #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table tbody td:first-child {
  border-left: 1px solid #3ACCE1;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table tbody td.title {
  padding-right: 40px;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table tbody td.feat {
  color: #ABD047;
  font-weight: bold;
  text-align: center;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table tbody td > div.check-mark {
  margin: 0 auto;
}
div.interstitial-plan-promo-root.ready-for-an-upgrade > div.main-content > div.plan-info-root > div.plan-features > table tbody td > div.check-mark.true::after {
  content: "✓";
}
div.interstitial-root-container.unlock-your-creativity {
  background-color: white;
}
div.interstitial-root-container.unlock-your-creativity > img.title-graphic {
  width: calc(100vw * 0.45);
}
div.interstitial-root-container.unlock-your-creativity > div.title {
  font-size: 38px;
  color: #ABD047;
  line-height: normal;
  margin-bottom: 50px;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-root-container.unlock-your-creativity > div.interstitial-plan-promo-root.unlock-your-creativity {
  margin-bottom: 80px;
}
div.interstitial-root-container.unlock-your-creativity > div.footer > div.no-thanks {
  color: #ABD047;
}
div.interstitial-root-container.unlock-your-creativity > div.billing-cycle-toggle.interstitial.unlock-your-creativity > span.bct-label {
  color: #3B3C3D;
}
div.interstitial-plan-promo-root.unlock-your-creativity > img.background-graphic.upper {
  max-width: 1600px;
  transform: translate(-270px, -390px);
}
div.interstitial-plan-promo-root.unlock-your-creativity > img.background-graphic.lower {
  max-width: 700px;
  transform: translate(250px, 174.5px);
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content {
  width: 100%;
  max-width: 1050px;
  padding-bottom: 55px;
  background-color: white;
  border: 1px solid #3ACCE1;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content::before {
  content: "";
  display: block;
  padding: 24px 0px;
  margin-bottom: 55px;
  background-color: rgba(58, 204, 225, 0.25);
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root {
  padding: 0px 80px;
  margin-bottom: 60px;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-summary {
  margin-right: 60px;
  padding-right: 100px;
  border-right: 1.5px solid #3ACCE1;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features {
  display: grid;
  grid-template-columns: 65px 1fr;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-graphic {
  max-width: 45px;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-graphic.writing.creativetools,
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-graphic.video.creativetools {
  max-width: 50px;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-content > div {
  color: #5d5f61;
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-content > div.title {
  font-size: 16px;
  color: #3B3C3D;
  margin-bottom: 8px;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-content > div.features > .feature {
  font-size: 13px;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-content > div.features > .feature:not(:last-child) {
  margin-bottom: 5px;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-content > div.features > .feature > span.title {
  color: #ABD047;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-content > div.features > .feature > span.tagline {
  font-weight: initial;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-content > div.desc {
  font-size: 13px;
  line-height: 1.5;
  font-weight: initial;
}
div.interstitial-plan-promo-root.unlock-your-creativity > div.main-content > div.plan-info-root > div.plan-features > .feature-set-rule {
  height: 0px;
  grid-column-start: span 2;
  border-bottom: 1.5px solid #3ACCE1;
}
div.interstitial-checkout-section.unlock-your-creativity {
  padding: 0px 80px;
}
div.billing-cycle-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
div.billing-cycle-toggle > span.bct-label {
  margin-top: 1px;
  font-family: "lato", sans-serif;
}
div.billing-cycle-toggle > div.bct-switch {
  width: 52px;
  height: 22px;
  cursor: pointer;
  margin: 0px 10px;
  position: relative;
  border-radius: 34px;
  border: 2px solid #30999a;
  background-color: #FFFFFF;
}
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: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 22px;
  height: 22px;
  position: absolute;
  border-radius: 50%;
  transition: .4s;
  -webkit-transition: .4s;
  background-color: #30999a;
}
div.billing-cycle-toggle > div.bct-switch input:checked + .bct-slider {
  transform: translateX(30px);
}
div.pricing-label-root-container > div.pl-amount {
  display: flex;
  margin-bottom: 5px;
  justify-content: center;
}
div.pricing-label-root-container > div.pl-amount .price-tag {
  display: flex;
  font-size: 45px;
  font-weight: bold;
}
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: 0px;
  font-size: 15px;
  vertical-align: top;
}
div.pricing-label-root-container > div.pl-amount .price-tag span.isoCode {
  font-size: 18px;
  margin-left: 2px;
  transform: translate(0px, 30px);
}
div.pricing-label-root-container > div.pl-amount .price-tag.regular {
  color: #23272b;
}
div.pricing-label-root-container > div.pl-amount .price-tag.regular .main-units {
  position: relative;
}
div.pricing-label-root-container > div.pl-amount .price-tag.regular .main-units::before {
  top: 55%;
  width: 100%;
  height: 4px;
  content: "";
  display: none;
  position: absolute;
  background: #7f72a8;
  transform: translateY(-55%);
}
div.pricing-label-root-container > div.pl-amount .price-tag.discounted {
  color: #7f72a8;
}
div.pricing-label-root-container > div.pl-cycle-line {
  font-size: 10px;
  color: #ababab;
  text-align: center;
  font-weight: normal;
}
div.addon-container-root {
  height: 55px;
  width: 200px;
  display: flex;
  position: relative;
  border-radius: 5px;
  border: 1px solid #47B5A7;
}
div.addon-container-root > span.input-container,
div.addon-container-root > span.label-container {
  display: flex;
  align-items: center;
}
div.addon-container-root > span.input-container {
  width: 52px;
  cursor: pointer;
  justify-content: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid #47B5A7;
}
div.addon-container-root > span.label-container {
  flex-grow: 1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(71, 181, 167, 0.2);
}
div.addon-container-root > span.label-container > .addon-label {
  font-weight: 400;
  margin-left: 15px;
}
div.addon-container-root.project-cap > span.input-container .dropdown-arrow {
  font-style: unset;
}
div.addon-container-root.project-cap > span.input-container .dropdown-arrow::before {
  display: block;
  color: inherit;
  font-size: 23px;
  content: "\f0dd";
  margin-left: 8px;
  margin-top: -9px;
  font-family: FontAwesome;
}
div.addon-container-root.project-cap .project-cap-dropdown-content {
  position: absolute;
  z-index: 1;
  width: 53px;
  top: 55px;
  display: none;
  left: -0.5px;
}
div.addon-container-root.project-cap .project-cap-dropdown-content .project-cap-dropdown-item:last-child {
  border-radius: 0 0 5px 5px;
}
div.addon-container-root.project-cap .project-cap-dropdown-content.toggle-invisible {
  display: none;
}
div.addon-container-root.project-cap .project-cap-dropdown-content span.project-cap-dropdown-item {
  display: flex;
  background-color: #555654;
  text-transform: uppercase;
  cursor: pointer;
  height: 45px;
}
div.addon-container-root.project-cap .project-cap-dropdown-content span.project-cap-dropdown-item:hover {
  background-color: #3B3C3D;
}
div.addon-container-root.project-cap > div.dropdown-content {
  top: 55px;
  z-index: 1;
  width: 53px;
  left: -0.5px;
  display: none;
  position: absolute;
}
div.addon-container-root.project-cap > div.dropdown-content > span.dropdown-item {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-transform: uppercase;
  background-color: #555654;
}
div.addon-container-root.project-cap > div.dropdown-content > span.dropdown-item:hover {
  background-color: #3B3C3D;
}
div.addon-container-root.project-cap > div.dropdown-content > span.dropdown-item:last-child {
  border-radius: 0 0 5px 5px;
}
div.addon-container-root.project-cap > div.dropdown-content > span.dropdown-item .dropdown-item-text {
  display: flex;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #FCFCFC;
  margin-bottom: 0px;
  justify-content: center;
}
div.addon-container-root.unavailable {
  justify-content: center;
  border-color: transparent;
}
div.addon-container-root.unavailable::after {
  content: "";
  flex: 0.8;
  height: 1px;
  align-self: center;
  background-color: #47B5A7;
}
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 {
  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;
}
div.cx-cta-btn > div.cx-ui-loading.cta-btn-loading {
  width: 20px;
  height: 20px;
  fill: white;
}
div.cx-cta-btn.teal {
  color: white;
  background-color: #2fb5b4;
}
div.cx-cta-btn.teal:hover {
  background-color: #34d4d2;
}
div.cx-cta-btn.lime {
  color: white;
  background-color: #ABD047;
}
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: #34d4d2;
}
div.cx-cta-btn.white:hover > div.cx-ui-loading.cta-btn-loading {
  fill: 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: rgba(255, 255, 255, 0.87);
  background-color: #945ca3;
}
div.cx-cta-btn.violet > div.cx-ui-loading.cta-btn-loading {
  fill: rgba(255, 255, 255, 0.87);
}
div.cx-cta-btn.violet:hover {
  background-color: #a859bd;
}
div.cx-cta-btn.withHover {
  position: relative;
}
div.cx-cta-btn.withHover .cta-btn-label,
div.cx-cta-btn.withHover .cta-btn-hover-label {
  position: absolute;
}
div.cx-cta-btn.withHover .cta-btn-label {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.cx-cta-btn.withHover .cta-btn-hover-label {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.cx-cta-btn.withHover:hover .cta-btn-label {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 300ms, opacity 300ms;
}
div.cx-cta-btn.withHover:hover .cta-btn-hover-label {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s linear 0s, opacity 300ms;
}
div.buy-now-page-root {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
div.buy-now-page-root > div.header {
  z-index: 2;
  width: 100%;
  color: #fff;
  position: fixed;
  margin-bottom: 44px;
  background-color: #3B3C3D;
}
div.buy-now-page-root > div.header > .header-logo {
  margin: auto;
  width: 1016px;
}
div.buy-now-page-root > div.header > .header-logo > .celtx-logo {
  margin: 18px;
}
div.buy-now-page-root > div.header > .header-logo > .buy-now-cancel-x {
  float: right;
  color: #fff;
  width: 40px;
  height: 40px;
  padding-top: 10px;
}
div.buy-now-page-root > div.content {
  padding-top: 125px;
  background-color: #fff;
}
div.buy-now-form-root {
  margin: 0px auto;
  width: max-content;
  margin-bottom: 45px;
}
div.buy-now-form-root.disabled {
  pointer-events: none;
}
div.buy-now-form-root > .header {
  margin: auto;
  width: 505px;
  font-size: 16px;
  color: #ffffff;
  line-height: 48px;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  background-color: #3ACCE1;
}
div.buy-now-form-root > .content {
  display: flex;
  width: max-content;
  flex-direction: row;
  margin: 60px auto 40px auto;
}
div.buy-now-form-root > .content > .left-column {
  margin-right: 65px;
}
div.buy-now-form-root > .content > .payment-info-container-title,
div.buy-now-form-root > .content > .left-column > .payment-info-container-title,
div.buy-now-form-root > .content > .right-column > .payment-info-container-title {
  font-size: 22px;
  color: #3ACCE1;
  margin-bottom: 15px;
  font-family: 'Source Serif Pro', serif;
}
div.buy-now-form-root > .purchase-disclaimer {
  padding-top: 15px;
  padding-bottom: 40px;
}
div.buy-now-form-root > .currency-disclaimer-root {
  padding-bottom: 80px;
}
div.buy-now-user-info-root {
  width: 487px;
  margin-bottom: 30px;
}
div.buy-now-user-info-root > div.field-root:not(:last-child) {
  margin-bottom: 10px;
}
div.buy-now-user-info-root div.field-root > .title {
  font-size: 14px;
  color: #3b3c3d;
  letter-spacing: 0;
  margin-bottom: 5px;
  font-family: "lato";
}
div.buy-now-user-info-root div.field-root > input {
  width: 100%;
  height: auto;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #3b3c3d;
}
div.buy-now-user-info-root div.field-root > input[disabled] {
  background-color: white !important;
}
div.buy-now-user-info-root div.field-root.error > input {
  border: 1px solid red;
}
div.buy-now-user-info-root > div.name-fields {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
}
div.buy-now-user-info-root > div.name-fields > .field-root > input {
  width: 206px;
}
div.buy-now-add-collaborator-root {
  display: flex;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
}
div.buy-now-add-collaborator-root > .title {
  display: block;
  font-size: 22px;
  color: #3ACCE1;
  margin-right: 0px;
  line-height: normal;
  margin-bottom: 10px;
  font-family: 'Source Serif Pro', serif;
}
div.buy-now-add-collaborator-root > .sub-title {
  font-size: 14px;
  color: #3B3C3D;
  max-width: 440px;
  letter-spacing: 0px;
  margin-bottom: 15px;
}
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart {
  display: flex;
  margin-bottom: 15px;
  align-items: flex-end;
}
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart > div.pl-amount {
  font-size: 38px;
  line-height: 50px;
  margin-right: 5px;
  margin-bottom: 0px;
}
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart > div.pl-amount .price-tag.discounted {
  font-size: 38px;
  letter-spacing: -2px;
}
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart > div.pl-amount .price-tag.discounted sup.currency-symbol,
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart > div.pl-amount .price-tag.discounted span.main-units,
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart > div.pl-amount .price-tag.discounted span.fractional-units {
  color: #3ACCE1;
}
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart > div.pl-amount .price-tag.discounted sup.currency-symbol {
  top: 18px;
  font-size: 18px;
  margin-right: 3px;
}
div.buy-now-add-collaborator-root > div.pricing-label-root-container.buy-now-cart > div.pl-cycle-line {
  font-size: 14px;
  color: #4F4F4F;
  margin-bottom: 8px;
  letter-spacing: 0px;
}
div.buy-now-add-collaborator-root > .error-banner {
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .control_indicator {
  border: 3px solid #3ACCE1;
  background-color: rgba(58, 204, 225, 0.16);
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .control_indicator:after {
  border-color: #3ACCE1;
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .control input:checked ~ .control_indicator {
  background-color: rgba(58, 204, 225, 0.16);
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .unverified i {
  color: #3ACCE1;
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .multiseatuserstudiomanagement-collab-container > .input-group .multiseatuserstudiomanagement-addcollab-email-input {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  width: 365px;
  margin-right: 10px;
  border: 1px solid #3ACCE1;
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .multiseatuserstudiomanagement-collab-container > .input-group .multiseatuserstudiomanagement-addcollab-email-input::placeholder {
  color: #3B3C3D;
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .multiseatuserstudiomanagement-collab-container > .input-group .multiseatuserstudiomanagement-addcollab-email-input.invalid-email-error {
  border: 1px solid red;
}
div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now .multiseatuserstudiomanagement-collab-container > .input-group .multiseatuserstudiomanagement-addcollab-btn {
  background-size: cover;
  --bg-graphic-size: 30px;
  background-color: transparent;
  width: var(--bg-graphic-size);
  height: var(--bg-graphic-size);
  background-image: url('../img/cart/buy-now-add-collab-btn.png');
}
div.buy-now-payment-form-root {
  display: flex;
  align-items: center;
  flex-direction: column;
}
div.buy-now-payment-form-root > div.payment-form-root {
  margin-bottom: 20px;
}
div.buy-now-payment-form-root > div.payment-form-root > .digital-wallet-container > .title {
  height: 25px;
  display: none;
  max-width: 100%;
}
div.buy-now-payment-form-root > div.payment-form-root > .card-form-root > .title {
  display: flex;
  font-size: 15px;
  color: #3acce1;
  margin-bottom: 22px;
  align-items: baseline;
}
div.buy-now-payment-form-root > div.payment-form-root > .card-form-root > .title:after {
  content: "";
  flex-grow: 1;
  margin: 0 20px 0 5px;
  border-bottom: 1px solid #3acce1;
}
div.buy-now-payment-form-root > div.payment-form-root > .card-form-root > .credit-card-form-root {
  width: 435px;
  border-radius: 5px;
  border: 1px solid #3ACCE1;
  background-color: #EFFAFD;
  padding: 25px 25px 30px 25px;
}
div.buy-now-payment-form-root > div.payment-form-root > .card-form-root > .credit-card-form-root > div.card-cvc > .StripeElement::after {
  background-image: url("../img/cart/card-cvc-buynow.png");
}
div.buy-now-payment-form-root > .payment-card-logos {
  height: 20px;
  max-width: 100%;
  margin-bottom: 76px;
}
div.buy-now-payment-form-root > .payment-processing-info-root {
  margin-top: -51px;
  margin-bottom: 25px;
}
div.buy-now-payment-form-root > div.footer {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
div.buy-now-payment-form-root > div.footer > 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.buy-now-payment-form-root > div.footer > img.powered-by-stripe-logo {
  max-height: 23px;
}
div.buy-now-purchase-successful-root {
  width: 700px;
  display: flex;
  margin: 0px auto;
  align-items: center;
  flex-direction: column;
  max-width: calc(100vw - 40px);
}
div.buy-now-purchase-successful-root > h1.title {
  color: #45a9a7;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}
div.buy-now-purchase-successful-root > img.payment-success-image {
  max-height: 135px;
  margin-bottom: 20px;
  content: url('../img/successimage.png');
}
div.buy-now-purchase-successful-root > div.transaction-successful-line {
  margin-bottom: 20px;
}
div.buy-now-purchase-successful-root > div.enter-studio-btn {
  width: 120px;
  padding: 12px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 5px;
  text-transform: uppercase;
  background-color: #209a99;
}
@media only screen and (max-width: 1080px) {
  div.buy-now-form-root {
    width: min-content;
  }
  div.buy-now-form-root > div.content {
    flex-direction: column;
  }
  div.buy-now-form-root > div.content,
  div.buy-now-form-root > div.content.no-columns,
  div.buy-now-form-root > div.content > .left-column,
  div.buy-now-form-root > div.content > .right-column {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 26px;
  }
  div.buy-now-user-info-root {
    width: initial;
  }
  div.buy-now-user-info-root > div.name-fields > div.field-root {
    flex-grow: 1;
  }
  div.buy-now-user-info-root > div.name-fields > div.field-root > input {
    width: 100%;
  }
  div.buy-now-user-info-root > div.name-fields > div.field-root:first-child {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 550px) {
  div.buy-now-page-root > div.header {
    display: flex;
    margin-bottom: 0px;
    position: relative;
    align-items: center;
  }
  div.buy-now-page-root > div.header > .header-logo {
    width: initial;
  }
  div.buy-now-page-root > div.header > .header-logo > .celtx-logo {
    margin: 8px;
  }
  div.buy-now-page-root > div.content {
    padding-top: 0px;
  }
  div.buy-now-form-root {
    width: 100%;
    --inner-padding: 20px;
  }
  div.buy-now-form-root > div.header {
    width: 100%;
    line-height: 60px;
  }
  div.buy-now-form-root > div.content {
    margin-top: 30px;
  }
  div.buy-now-form-root > div.content > .payment-info-container-title,
  div.buy-now-form-root > div.content.no-columns > .payment-info-container-title,
  div.buy-now-form-root > div.content > .left-column > .payment-info-container-title,
  div.buy-now-form-root > div.content > .right-column > .payment-info-container-title,
  div.buy-now-form-root > div.content > .buy-now-user-info-root,
  div.buy-now-form-root > div.content.no-columns > .buy-now-user-info-root,
  div.buy-now-form-root > div.content > .left-column > .buy-now-user-info-root,
  div.buy-now-form-root > div.content > .right-column > .buy-now-user-info-root,
  div.buy-now-form-root > div.content > .buy-now-payment-form-root > .payment-form-root > .card-form-root > .title,
  div.buy-now-form-root > div.content.no-columns > .buy-now-payment-form-root > .payment-form-root > .card-form-root > .title,
  div.buy-now-form-root > div.content > .left-column > .buy-now-payment-form-root > .payment-form-root > .card-form-root > .title,
  div.buy-now-form-root > div.content > .right-column > .buy-now-payment-form-root > .payment-form-root > .card-form-root > .title,
  div.buy-now-form-root > div.content > .buy-now-payment-form-root > .payment-form-root > .digital-wallet-container,
  div.buy-now-form-root > div.content.no-columns > .buy-now-payment-form-root > .payment-form-root > .digital-wallet-container,
  div.buy-now-form-root > div.content > .left-column > .buy-now-payment-form-root > .payment-form-root > .digital-wallet-container,
  div.buy-now-form-root > div.content > .right-column > .buy-now-payment-form-root > .payment-form-root > .digital-wallet-container,
  div.buy-now-form-root > div.content > .buy-now-payment-form-root > .footer > .payment-btn-root,
  div.buy-now-form-root > div.content.no-columns > .buy-now-payment-form-root > .footer > .payment-btn-root,
  div.buy-now-form-root > div.content > .left-column > .buy-now-payment-form-root > .footer > .payment-btn-root,
  div.buy-now-form-root > div.content > .right-column > .buy-now-payment-form-root > .footer > .payment-btn-root,
  div.buy-now-form-root > div.content > .fw-price-summary-container,
  div.buy-now-form-root > div.content.no-columns > .fw-price-summary-container,
  div.buy-now-form-root > div.content > .left-column > .fw-price-summary-container,
  div.buy-now-form-root > div.content > .right-column > .fw-price-summary-container,
  div.buy-now-form-root > div.content > .buy-now-add-collaborator-root,
  div.buy-now-form-root > div.content.no-columns > .buy-now-add-collaborator-root,
  div.buy-now-form-root > div.content > .left-column > .buy-now-add-collaborator-root,
  div.buy-now-form-root > div.content > .right-column > .buy-now-add-collaborator-root {
    margin-left: var(--inner-padding);
    margin-right: var(--inner-padding);
    width: calc(100vw - (var(--inner-padding) * 2));
  }
  div.buy-now-form-root > div.content > .payment-info-container-title,
  div.buy-now-form-root > div.content.no-columns > .payment-info-container-title,
  div.buy-now-form-root > div.content > .left-column > .payment-info-container-title,
  div.buy-now-form-root > div.content > .right-column > .payment-info-container-title {
    font-size: 24px;
    margin-top: 10px;
    padding-top: 30px;
    border-top: 1px solid #3ACCE1;
  }
  div.buy-now-form-root > div.content > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-grandtotal > .fw-grandtotal-price,
  div.buy-now-form-root > div.content.no-columns > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-grandtotal > .fw-grandtotal-price,
  div.buy-now-form-root > div.content > .left-column > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-grandtotal > .fw-grandtotal-price,
  div.buy-now-form-root > div.content > .right-column > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-grandtotal > .fw-grandtotal-price {
    font-size: calc(100vw * 0.05);
    transform: translate(0px, -3px);
  }
  div.buy-now-form-root > div.content > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-savings-info,
  div.buy-now-form-root > div.content.no-columns > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-savings-info,
  div.buy-now-form-root > div.content > .left-column > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-savings-info,
  div.buy-now-form-root > div.content > .right-column > .fw-price-summary-container > .fw-price-summary-sub-container > .fw-savings-info {
    font-size: calc(100vw * 0.035);
  }
  div.buy-now-form-root > .purchase-disclaimer {
    max-width: 100%;
    margin-top: 25px;
    padding: 15px 10px 40px 10px;
  }
  div.buy-now-user-info-root {
    display: flex;
    width: initial;
    align-items: center;
    flex-direction: column;
    --inner-padding: 20px;
  }
  div.buy-now-user-info-root > div.name-fields {
    flex-direction: column;
  }
  div.buy-now-user-info-root > div.name-fields > div.field-root:first-child {
    margin-right: 0px;
  }
  div.buy-now-user-info-root > div.field-root,
  div.buy-now-user-info-root > div.name-fields > div.field-root {
    width: max-content;
  }
  div.buy-now-user-info-root > div.field-root > input,
  div.buy-now-user-info-root > div.name-fields > div.field-root > input {
    width: calc(100vw - (var(--inner-padding) * 2));
  }
  div.buy-now-payment-form-root > div.payment-form-root > .card-form-root > .title::after {
    margin: 0px 0px 0px 5px;
  }
  div.buy-now-payment-form-root > div.payment-form-root > .card-form-root > .credit-card-form-root {
    border: none;
    width: initial;
    border-radius: 0;
  }
  div.buy-now-payment-form-root > .payment-card-logos {
    height: unset;
    max-height: calc(100vw * 0.04);
  }
  div.buy-now-payment-form-root > div.footer {
    align-items: center;
    flex-direction: column;
  }
  div.buy-now-payment-form-root > div.footer > div.payment-btn-root {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
  }
  div.buy-now-add-collaborator-root {
    border-radius: 0px;
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #3ACCE1;
  }
  div.buy-now-add-collaborator-root > .multiseatuserstudiomanagement-userlist.buy-now > .multiseatuserstudiomanagement-collab-container > .input-group > .multiseatuserstudiomanagement-addcollab-email-input {
    width: calc(100vw - 100px);
  }
  div.buy-now-purchase-successful-root {
    margin-top: 50px;
  }
}
div.cx-price-summary {
  width: 400px;
  border-radius: 5px;
  height: max-content;
  box-sizing: border-box;
  border: 2px solid #2fb5b4;
}
div.cx-price-summary > div.title {
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #2fb5b4;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  border-bottom: 2px solid #2fb5b4;
  background-color: rgba(25, 159, 143, 0.1);
}
div.cx-price-summary > div.content {
  padding: 35px;
}
div.cx-price-summary > div.content > div.line-item > div.content,
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.line-item > div.title,
div.cx-price-summary > div.content > div.billing-cycle > div.bc-title > div.bc-label {
  font-size: 20px;
  margin-bottom: 5px;
}
div.cx-price-summary > div.content > div.line-item {
  margin-bottom: 15px;
}
div.cx-price-summary > div.content > div.line-item.base-plan > div.change-plan-link,
div.cx-price-summary > div.content > div.billing-cycle > div.bc-title > div.bc-toggle {
  cursor: pointer;
  font-size: 12px;
  color: #7b7b7b;
  text-transform: lowercase;
}
div.cx-price-summary > div.content > div.line-item.base-plan > div.content > div.plan-info > span.plan-name {
  margin-right: 3px;
}
div.cx-price-summary > div.content > div.line-item.base-plan > div.content > div.plan-info > br {
  display: none;
}
div.cx-price-summary > div.content > div.total-per-month {
  padding-top: 5px;
  margin-bottom: 40px;
  border-top: 3px solid #c9c9c9;
}
div.cx-price-summary > div.content > div.total-per-month > div.tpm-title,
div.cx-price-summary > div.content > div.total-per-month > div.tpm-value {
  font-size: 18px;
  color: #2fb5b4;
}
div.cx-price-summary > div.content > div.total-per-month > div.tpm-value {
  font-weight: bold;
}
div.cx-price-summary > div.content > div.billing-cycle {
  margin-bottom: 20px;
}
div.cx-price-summary > div.content > div.billing-cycle > div.bc-value {
  font-size: 16px;
}
div.cx-price-summary > div.content > div.total-due {
  margin-bottom: 25px;
}
div.cx-price-summary > div.content > div.total-due > div.td-title,
div.cx-price-summary > div.content > div.total-due > div.td-value {
  font-size: 18px;
  color: #2fb5b4;
}
div.cx-price-summary > div.content > div.total-due > div.td-value {
  font-size: 28px;
}
div.cx-price-summary > div.content > div.annual-savings {
  font-weight: bold;
  text-align: center;
  color: #945ca3;
}
div.cx-price-summary > div.content > div.annual-savings.toggle {
  color: black;
  cursor: pointer;
}
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 > div:first-child {
  margin-bottom: 10px;
}
div.digital-wallet-container .btn-tray .gpay-card-info-container-fill button:active {
  background-color: #000 !important;
}
div.credit-card-form-root {
  display: grid;
  column-gap: 10px;
  grid-template-columns: 1fr 1fr;
}
div.credit-card-form-root > div:not(:last-child) {
  margin-bottom: 10px;
}
div.credit-card-form-root > div.card-number > .title,
div.credit-card-form-root > div.card-expiry-date > .title,
div.credit-card-form-root > div.card-cvc > .title {
  font-size: 14px;
  color: #3B3C3D;
  margin-bottom: 5px;
  font-family: "lato";
}
div.credit-card-form-root > div.card-number > .StripeElement,
div.credit-card-form-root > div.card-expiry-date > .StripeElement,
div.credit-card-form-root > div.card-cvc > .StripeElement {
  border-radius: 5px;
  background-color: white;
  border: 1px solid #3B3C3D;
  padding: 11px 10px 10px 10px;
}
div.credit-card-form-root > div.card-number > .StripeElement.StripeElement--invalid,
div.credit-card-form-root > div.card-expiry-date > .StripeElement.StripeElement--invalid,
div.credit-card-form-root > div.card-cvc > .StripeElement.StripeElement--invalid {
  border: 2px solid #d2232a;
  background-color: rgba(210, 35, 42, 0.2);
}
div.credit-card-form-root > div.card-number,
div.credit-card-form-root .error-banner-root {
  grid-column: 1 / span 2;
}
div.credit-card-form-root > div.card-cvc {
  position: relative;
}
div.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;
}
div.credit-card-form-root > div.card-cvc > .StripeElement--invalid::after {
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  div.credit-card-form-root {
    grid-template-columns: 1fr 1fr;
  }
  div.credit-card-form-root > div {
    grid-column: 1 / span 2;
  }
}
div.existing-cards-form-root {
  width: 435px;
  padding: 23px;
  border-radius: 5px;
  background-color: #DDEEEF;
  border: 2px solid #2FA8A8;
}
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 {
  display: flex;
  cursor: pointer;
  align-items: center;
  margin-bottom: 10px;
}
div.existing-cards-form-root > .card-list > .card-container:last-child {
  margin-bottom: 0px;
}
div.existing-cards-form-root > .card-list > .card-container .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 {
  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 {
  background: #8780bd;
}
div.existing-cards-form-root > .card-list > .card-container .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 > .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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 3px;
}
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: #49a8a9;
}
div.existing-cards-form-root > .add-new-pm-btn {
  color: #fff;
  cursor: pointer;
  font-size: 1.3em;
  margin-left: 53px;
  padding: 12px 30.5px;
  width: max-content;
  border-radius: 4px;
  text-align: center;
  background-color: #49a8a9;
}
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: #49a8a9;
  vertical-align: middle;
}
.payment-processing-info-root > .title {
  font-weight: bold;
}
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: 350px;
  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 > 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: 30px;
}
div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body > div:not(:last-child) {
  margin-bottom: 30px;
}
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.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 {
  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.billing-line-items > div.line-item-value.planName {
  white-space: pre-line;
}
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: 425px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.1px;
}
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";
}
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.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;
}
@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);
  }
}
@media only screen and (max-height: 500px) {
  div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root {
    padding: 20px;
    min-height: unset;
    max-height: calc(100vh - 15px);
  }
  div.cx-change-plan-intent-overlay > div.cx-change-plan-intent-root > div.intent-body {
    overflow: scroll;
    max-height: calc(100vh - 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.png");
}
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(25, 159, 143, 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.cx-offer-root {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 2010;
  min-height: 100vh;
  position: absolute;
  padding: 120px 0px;
  line-height: normal;
  height: max-content;
  background-color: white;
  font-family: "lato", sans-serif;
}
div.cx-offer-root.spring-savings {
  background-color: #00385E;
}
div.cx-offer-root > div.plan-promo-root,
div.cx-offer-root > div.checkout-section-root {
  width: 1050px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
div.cx-offer-root > div.plan-promo-root > img.background-graphic,
div.cx-offer-root > div.checkout-section-root > img.background-graphic {
  z-index: -1;
  position: absolute;
  pointer-events: none;
}
div.cx-offer-root > div.plan-promo-root > div.main-content,
div.cx-offer-root > div.checkout-section-root > div.main-content {
  z-index: 1;
  padding: 65px;
  border-radius: 30px;
  background-color: white;
}
div.cx-offer-root > div.plan-promo-root > div.main-content,
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group {
  display: flex;
  justify-content: space-between;
}
div.cx-offer-root > div.plan-promo-root {
  display: flex;
  margin-bottom: 45px;
  align-items: center;
  flex-direction: column;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary {
  margin-top: 65px;
  margin-right: 75px;
}
div.cx-offer-root > div.plan-promo-root > img.background-graphic {
  top: 0;
  left: 0;
  max-width: 1735px;
  transform: translate(-360px, -310px);
}
div.cx-offer-root > div.plan-promo-root > hr {
  opacity: 1;
  margin: 0px;
  visibility: hidden;
  border-color: transparent;
}
div.cx-offer-root > div.checkout-section-root {
  margin-bottom: 100px;
}
div.cx-offer-root > div.checkout-section-root > img.background-graphic {
  right: 0;
  bottom: 0;
  max-width: 700px;
  transform: translate(220px, 195px);
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group {
  margin-bottom: 60px;
  justify-content: space-around;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.purchase-disclaimer {
  font-size: 12px;
  color: #959595;
  max-width: unset;
  padding-top: 15px;
  padding-bottom: 0px;
  line-height: normal;
  border-top: 1px solid #959595;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.currency-disclaimer-root > div.disclaimer-text {
  color: #F6F6F6;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary {
  display: flex;
  color: #3B3C3D;
  min-height: 820px;
  padding-top: 60px;
  border-radius: 4px;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  align-items: center;
  padding-bottom: 80px;
  box-sizing: border-box;
  flex-direction: column;
  background-size: 300px;
  justify-content: flex-start;
  background-position: bottom;
  background-repeat: no-repeat;
  border: 1px solid rgba(90, 90, 90, 0.3);
  font-family: "Source Sans Pro", sans-serif;
  background-image: url("../img/studiomanagement/plan/funnelPlans/towerBg2.png");
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > img.plan-graphic {
  max-width: 75px;
  object-fit: cover;
  margin-bottom: 20px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.title {
  font-size: 23px;
  color: #ABD047;
  text-align: center;
  margin-bottom: 12px;
  font-family: "lato", sans-serif;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.desc {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 15px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.event-promo {
  color: #3ACCE1;
  text-align: center;
  margin-bottom: 35px;
  text-transform: uppercase;
  font-family: "Bebas Regular";
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.event-promo > div:nth-child(1) {
  font-size: 90px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.event-promo > div:nth-child(2) {
  font-size: 42px;
  line-height: 15px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.discount-line,
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.deadline-disclaimer {
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
  text-transform: uppercase;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.discount-line {
  font-size: 26px;
  line-height: 24px;
  padding: 0px 30px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.discount-line > span {
  color: #ABD047;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.deadline-disclaimer {
  font-size: 16px;
  padding: 0px 45px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary > div.go-to-checkout-btn {
  height: 45px;
  width: 215px;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary.writing img.plan-graphic {
  max-width: 60px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary.writing > div.desc {
  padding: 0px 45px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary.video > div.desc {
  padding: 0px 60px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table thead th.features-title {
  color: #3ACCE1;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table thead th.plan-name {
  font-size: 16px;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table thead th.plan-name.paid {
  background-color: #ABD047;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table thead th:not(:last-child) {
  border-right: 1px solid #cecece;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table > tbody td {
  color: #3B3C3D;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table > tbody td:not(:last-child) {
  border-right: 1px solid #cecece;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table > tbody td > div.check-mark.true {
  background-image: url("../img/shop/greenTick.png");
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table > tbody tr.feature-section-header {
  background-color: rgba(58, 204, 225, 0.1);
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table > tbody tr.feature-section-header td {
  color: #3ACCE1;
  font-weight: 500;
}
div.cx-offer-root > div.plan-promo-root > div.main-content > div.cx-plan-features-table > table tr {
  border-bottom: 1px solid #cecece;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form {
  display: flex;
  align-items: center;
  flex-direction: column;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer {
  margin-bottom: 25px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .digital-wallet-container > .title {
  font-size: 16px;
  color: #ABD047;
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .title {
  display: flex;
  font-size: 16px;
  color: #3ACCE1;
  margin-bottom: 30px;
  align-items: center;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .title::after {
  content: "";
  flex-grow: 1;
  margin: 0px;
  margin-top: 3px;
  margin-left: 5px;
  border-bottom: 1px solid #3ACCE1;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .title.primary {
  font-size: 16px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .title.primary::after {
  display: none;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .credit-card-form-root {
  width: 390px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .credit-card-form-root .title {
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .credit-card-form-root > div.card-cvc > .StripeElement::after {
  background-image: url("../img/cart/card-cvc-buynow.png");
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root {
  width: 390px;
  box-sizing: border-box;
  border: 1px solid #3ACCE1;
  background-color: #EFFAFC;
  padding: 20px 23px 18px 23px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .title {
  color: #3ACCE1;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 49px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list {
  max-height: 110px;
  margin-bottom: 20px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn {
  width: 22px;
  height: 22px;
  margin-left: 0px;
  margin-right: 25px;
  border: 1px solid #3ACCE1;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn .selected.active {
  background: #ABD047;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo {
  width: 60px;
  height: 32px;
  background-size: 37px;
  background-position: 12px 5px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.visa {
  background-size: 46px;
  background-position: 7px 9px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.amex {
  background-size: 48px;
  background-position: 6px 10px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.unionpay {
  background-size: 35px;
  background-position: 13px 5px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.discover {
  background-size: 46px;
  background-position: 8px 13px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.diners {
  background-size: 48px;
  background-position: 7px 10px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .logo.mastercard {
  background-size: 34px;
  background-position: 14px 5px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info > .details {
  font-size: 14px;
  font-weight: 500;
  color: #3B3C3D;
  margin-bottom: 0px;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  background-color: #ffffff;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list::-webkit-scrollbar-thumb {
  box-shadow: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  background-color: #3ACCE1;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .add-new-pm-btn {
  color: white;
  font-size: 13px;
  font-weight: 600;
  margin-left: 49px;
  background-color: #3ACCE1;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > .payment-card-logos {
  height: 18px;
  max-width: 100%;
  margin-bottom: 76px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > .payment-processing-info-root {
  margin-top: -51px;
  margin-bottom: 25px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > .payment-btn-root {
  width: 100%;
  font-weight: 600;
  font-size: 16.5px;
  padding: 10px 0px;
  border-radius: 6px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > .powered-by-stripe-logo {
  max-width: 100px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root {
  width: 400px;
  border-radius: 5px;
  border: 1px solid #3ACCE1;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.title {
  padding: 10px;
  font-size: 16px;
  color: #3ACCE1;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  border-bottom: 1px solid #3ACCE1;
  background-color: rgba(58, 204, 225, 0.16);
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content {
  padding: 35px;
  color: #3B3C3D;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.plan-details,
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.savings,
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.total-due {
  display: flex;
  font-size: 15px;
  font-weight: 600;
  justify-content: space-between;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.plan-details {
  margin-bottom: 20px;
  padding-bottom: 30px;
  justify-content: initial;
  border-bottom: 1px solid #3ACCE1;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.plan-details > img.plan-graphic {
  max-width: 45px;
  object-fit: cover;
  margin-right: 20px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.plan-details > div.plan-name-bc-group > div.plan-name {
  color: #3ACCE1;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.plan-details > div.plan-price {
  margin-left: auto;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.savings {
  margin-bottom: 30px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.savings > div.ss-title {
  color: #ABD047;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.savings > div.ss-value {
  color: #C42E0A;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.total-due {
  font-size: 22px;
  color: #3ACCE1;
  margin-bottom: 15px;
}
div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.monthly-price-line {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
div.cx-offer-root > div.payment-successful-root {
  display: flex;
  align-items: center;
  flex-direction: column;
}
div.cx-offer-root > div.payment-successful-root > div.post-payment-graphic {
  width: 500px;
  height: 305px;
  margin-bottom: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/cart/newcart/post-sub-illus.png');
}
div.cx-offer-root > div.payment-successful-root > div.title {
  font-size: 28px;
  color: #2fb5b4;
  text-align: center;
  margin-bottom: 30px;
}
div.cx-offer-root > div.payment-successful-root > div.content {
  font-size: 16px;
  max-width: 700px;
  line-height: 28px;
  margin-bottom: 40px;
}
div.cx-offer-root > div.payment-successful-root > div.content > span {
  font-weight: bold;
}
div.cx-offer-root > div.payment-successful-root > div.enter-studio-btn {
  width: 190px;
  height: 40px;
  font-size: 12px;
}
@media only screen and (max-width: 1400px) {
  div.cx-offer-root > div.plan-promo-root > img.background-graphic,
  div.cx-offer-root > div.checkout-section-root > img.background-graphic {
    display: none;
  }
}
@media only screen and (max-width: 1080px) {
  div.cx-offer-root > div.plan-promo-root,
  div.cx-offer-root > div.checkout-section-root {
    width: 672px;
  }
  div.cx-offer-root > div.plan-promo-root > div.main-content,
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group {
    align-items: center;
    flex-direction: column;
  }
  div.cx-offer-root > div.plan-promo-root > div.main-content > div.plan-summary {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 45px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group {
    flex-direction: column-reverse;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 710px) {
  div.cx-offer-root {
    padding: 60px 0px;
  }
  div.cx-offer-root > div.plan-promo-root,
  div.cx-offer-root > div.checkout-section-root {
    max-width: calc(100vw - 50px);
  }
  div.cx-offer-root > div.plan-promo-root > div.main-content,
  div.cx-offer-root > div.checkout-section-root > div.main-content {
    padding: 30px;
  }
  div.cx-offer-root > div.plan-promo-root > div.main-content {
    max-width: calc(100vw - 110px);
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root {
    width: 100%;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content {
    padding: 20px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.plan-details,
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.savings,
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.total-due {
    font-size: 12px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.plan-details > img.plan-graphic {
    max-width: 30px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.price-summary-root > div.content > div.total-due {
    font-size: 18px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .credit-card-form-root {
    width: 100%;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root {
    width: 100%;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .form-radio-btn {
    margin-right: 15px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .card-list > .card-container .info {
    width: 180px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > div.payment-form-root.cx-offer > .card-form-root > .existing-cards-form-root > .add-new-pm-btn {
    width: 195px;
    font-size: 12px;
    margin-left: 40px;
    padding: 10px 0px;
  }
  div.cx-offer-root > div.checkout-section-root > div.main-content > div.content-group > div.cx-offer-payment-form > .payment-card-logos {
    height: 15px;
    max-width: 100%;
    margin-bottom: 76px;
  }
  div.cx-offer-root > div.payment-successful-root > div.post-payment-graphic {
    height: 200px;
    max-width: calc(100vw - 60px);
  }
  div.cx-offer-root > div.payment-successful-root > div.title {
    font-size: 28px;
    color: #2fb5b4;
    text-align: center;
    margin-bottom: 30px;
  }
  div.cx-offer-root > div.payment-successful-root > div.content {
    font-size: 14px;
    line-height: 22px;
    max-width: calc(100vw - 70px);
  }
  div.cx-offer-root > div.payment-successful-root > div.enter-studio-btn {
    width: 190px;
    height: 40px;
    font-size: 12px;
  }
}
div.cx-plan-towers-root {
  display: grid;
  row-gap: 20px;
  column-gap: 10px;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 266px);
}
div.cx-plan-towers-root div.cx-plan-tower {
  width: 266px;
  height: 665px;
  max-width: 266px;
  border-radius: 5px;
  line-height: normal;
  box-sizing: border-box;
  border: 1px solid #2fb5b4;
}
div.cx-plan-towers-root div.cx-plan-tower > div {
  text-align: center;
}
div.cx-plan-towers-root div.cx-plan-tower > div.tower-header {
  font-size: 13px;
  color: #2fb5b4;
  padding: 15px 0px;
  margin-bottom: 40px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: rgba(25, 159, 143, 0.1);
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-desc {
  font-size: 12px;
  color: #968d8a;
  margin-bottom: 5px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.pricing-label-root-container.cx-shop-plan-tower {
  margin-bottom: 20px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.pricing-label-root-container.cx-shop-plan-tower > div.pl-amount {
  margin-bottom: 0px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.pricing-label-root-container.cx-shop-plan-tower > div.pl-amount .price-tag sup.currency-symbol,
div.cx-plan-towers-root div.cx-plan-tower > div.pricing-label-root-container.cx-shop-plan-tower > div.pl-amount .price-tag sup.fractional-units {
  top: 20px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.pricing-label-root-container.cx-shop-plan-tower > div.pl-cycle-line {
  font-size: 12px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  flex-direction: column;
}
div.cx-plan-towers-root div.cx-plan-tower > div.plan-addons > div:not(:last-child) {
  margin-bottom: 15px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.select-btn {
  width: 130px;
  height: 40px;
  margin: 0 auto;
  font-size: 13px;
  margin-bottom: 15px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.tower-features > div.header {
  color: #2fb5b4;
  font-style: italic;
  margin-bottom: 10px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.tower-features > div.highlights {
  margin-bottom: 20px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.tower-features > div.show-all-features-btn {
  cursor: pointer;
  font-size: 14px;
  color: #2fb5b4;
  text-transform: uppercase;
}
div.cx-plan-towers-root div.cx-plan-tower.bp-writing > div.plan-desc {
  padding: 0px 50px;
}
div.cx-plan-towers-root div.cx-plan-tower.bp-video > div.plan-desc {
  padding: 0px 45px;
}
div.cx-plan-towers-root div.cx-plan-tower.bp-game > div.plan-desc {
  padding: 0px 40px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-tower-overlay.plan-features > div.plan-features-container {
  display: flex;
  padding: 35px;
  position: relative;
  text-align: initial;
  border-radius: 15px;
  height: max-content;
  padding-bottom: 30px;
  flex-direction: column;
  background-color: white;
  max-width: calc(100vw - 120px) !important;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-tower-overlay.plan-features > div.plan-features-container > div.title {
  font-size: 17px;
  font-weight: bold;
  margin-right: 30px;
  color: #2fb5b4;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-tower-overlay.plan-features > div.plan-features-container > div.features-container {
  display: grid;
  row-gap: 10px;
  column-gap: 25px;
  grid-template-columns: repeat(3, auto);
  font-size: 12px;
  margin-top: 15px;
}
div.cx-plan-towers-root div.cx-plan-tower > div.cx-tower-overlay.plan-features div.overlay-close-btn {
  top: 15px;
  right: 15px;
  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");
}
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;
}
@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-sm-collaborator-list {
  background-color: white;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item {
  display: grid;
  grid-template-columns: calc(100% - 130px) 130px;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.modify-collaborator-btn {
  height: 28px;
  width: 127px;
  align-self: center;
  justify-self: center;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.modify-collaborator-btn.added:hover {
  background-color: #ff2b33;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.modify-collaborator-btn > div.cx-ui-loading.cta-btn-loading {
  width: 18px;
  height: 18px;
}
div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > hr.list-item-rule {
  width: 100%;
  margin: 0px;
  grid-column: 1 / span 2;
  border: 1px solid #d6d6d6;
}
@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.cx-mc-collaborator-details,
  div.cx-mc-sm-collaborator-list > div.cx-mc-sm-collaborator-list-item > div.modify-collaborator-btn {
    margin-bottom: 15px;
  }
}
div.cx-mc-sm-add-collaborator-input {
  display: grid;
  background-color: white;
  grid-template-columns: calc(100% - 130px) 130px;
}
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: 10px;
  color: #ff2b33;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
}
div.cx-mc-sm-add-collaborator-input > div.input-group > div.aci-loading {
  width: 25px;
  height: 25px;
  margin-left: 10px;
  transition: fill 0.4s ease;
}
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 {
  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');
}
@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);
  }
}
.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;
}
.ca-request-document {
  position: relative;
}
.ca-request-document.cx-pm-editor {
  border-bottom: none;
}
.ca-request-document.cx-pm-editor .note,
.ca-request-document.cx-pm-editor .media {
  display: none !important;
}
.ca-request-document.cx-pm-editor .editor-content {
  height: 100% !important;
}
.ca-request-document.cx-pm-editor .cx-screenplay {
  height: 867px !important;
}
.ca-request-document.cx-pm-editor .cx-screenplay div.page {
  box-shadow: none !important;
  border-bottom: 1px solid #bababa;
}
.ca-request-document.cx-pm-editor .cx-screenplay div.page:last-child {
  margin-bottom: 10px !important;
}
.ca-request-document.cx-pm-editor .cx-script {
  overflow-y: hidden!important;
}
.ca-request-document.cx-pm-editor #toolbar-container {
  display: none;
}
.ca-request-document.cx-pm-game .note,
.ca-request-document.cx-pm-game .media {
  display: none !important;
}
.ca-request-document.cx-pm-game #toolbar-container {
  display: none;
}
.ca-request-document.cx-pm-game .cx-game {
  width: 100% !important;
  height: 800px !important;
}
.ca-request-document.cx-pm-game .visualize {
  display: none;
}
.ca-request-document .itemHeader {
  pointer-events: none;
}
.ca-request-document .script-breakdown-toolbar,
.ca-request-document .script-scene-summary-edit {
  display: none;
}
.ca-request-document .script-scene-sidebar,
.ca-request-document .cx-stydb-sequence-list {
  width: 200px;
}
.ca-request-document #details-container {
  margin-left: 200px;
}
.ca-request-document .catalog-item input[type="checkbox"],
.ca-request-document .shot-list-item input[type="checkbox"] {
  display: none;
}
.ca-request-document .script-scenelist {
  min-width: 616px;
}
.ca-request-document .striplist-table {
  position: absolute !important;
  left: auto !important;
  top: 0 !important;
}
.ca-request-document .scene-list-footer {
  display: none;
}
.ca-request-document .cx-projectpalette-title-addbutton-container {
  display: none;
}
#ca-project-image {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin-bottom: 20px;
}
#ca-project-image > canvas {
  width: 60px;
  heihgt: 60px;
  border-radius: 100%;
}
.ca-pro-tip-container {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  background-color: #F3F3F3;
  margin-left: -20px;
  margin-right: -34px;
  font-size: 12px;
  color: #797979;
}
.ca-pro-tip-container-icon {
  float: left;
  margin-right: 12px;
  font-size: 40px;
  display: inline-block;
}
.ca-top-coloured {
  background-image: url('../img/client_approval_top_coloured.png');
  background-repeat: no-repeat;
  height: 4px;
}
.ca-comment-bullet {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #808080;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  vertical-align: top;
}
.ca-comment-date {
  font-size: 12px;
  font-weight: 600;
  color: #808080;
  display: inline-block;
}
.ca-comment {
  background-color: #fff;
  border-radius: 5px;
}
.ca-comment-user-name {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #808080;
  display: inline-block;
}
.ca-request-status-icon {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.ca-comments-block .ca-comment-container {
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  padding: 10px;
}
.ca-pending {
  background-image: url('../img/clientapproval/ca-pending-icon.png');
}
.ca-approved {
  background-image: url('../img/clientapproval/ca-approval-icon.png');
}
.ca-rejected {
  background-image: url('../img/clientapproval/ca-rejected-icon.png');
}
.ca-action-buttons {
  width: 476px;
  margin-left: auto;
  margin-right: auto;
}
.ca-comment-speech-left {
  white-space: pre-wrap;
  position: relative;
  width: 95%;
  padding: 5px;
  background: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 5px;
  display: inline-block;
  color: #000;
}
.ca-comment-user1 {
  width: 40px;
  height: 40px;
  background-color: #ffd43d;
  border-radius: 100%;
  display: inline-block;
}
.ca-comment-user2 {
  width: 40px;
  height: 40px;
  background-color: #3da6ff;
  border-radius: 100%;
  display: inline-block;
}
.ca-comment-speech-right {
  white-space: pre;
  position: relative;
  width: 550px;
  height: 45px;
  padding: 15px;
  background: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #E6E6E6 solid 2px;
  margin-top: 5px;
  display: inline-block;
  margin-right: 5px;
}
.ca-comment-speech-right:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 13px 0 13px 20px;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  right: -20px;
  top: 20px;
}
.ca-comment-speech-right:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 14px 0 14px 21px;
  border-color: transparent #E6E6E6;
  display: block;
  width: 0;
  z-index: 0;
  right: -23px;
  top: 19px;
}
.ca-snippet-selection {
  font-family: monospace;
  width: 590px;
  height: 200px;
  padding: 6px;
}
.infomanagerbox-content .ca-snippet-selection {
  background: white;
  color: black;
  overflow-y: auto;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
}
.ca-request-container .ca-snippet-selection {
  width: 590px;
}
.ca-comment-container-main .ca-comment-block {
  background-color: #2d9cdc;
  width: 15px;
  display: inline-block;
  border-radius: 4px;
  height: 15px;
  margin-right: 5px;
  margin-top: -3px;
  vertical-align: middle;
}
.ca-project-name {
  font-size: 14px;
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 92px;
  float: left;
}
.ca-jumplink {
  width: 150px;
  margin: 10px auto 50px auto;
  display: block;
}
.ca-snippet-title {
  font-size: 14px;
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  width: 620px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  margin-top: 25px;
}
.ca-project-name-doc-type {
  font-size: 12px;
  color: #777777;
  text-transform: uppercase;
  font-weight: initial;
}
.ca-request-container {
  width: 1000px;
  background-color: #f3f3f3;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}
.ca-request-bottom-container {
  width: 630px;
  margin-left: auto;
  margin-right: auto;
}
.ca-request-snippet {
  background-color: #fff;
  width: 620px;
  height: 200px;
  overflow-y: auto;
  border: 1px solid #bababa;
  margin-left: auto;
  margin-right: auto;
}
.ca-request-document {
  overflow: auto;
  background-color: #fff;
  width: 855px !important;
  border: 1px solid #bababa;
  margin-left: auto;
  margin-right: auto;
}
.ca-request-document .editor-content {
  height: 100%;
  overflow: initial;
}
.ca-request-document .catalog-editor-container {
  overflow: auto !important;
}
.ca-request-document:not(.cx-pm-game) #scripteditor {
  height: 802px;
}
.ca-document-no-script {
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 12px;
  margin-right: 92px;
  margin-bottom: 10px;
  float: right;
}
.ca-document-no-script a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.ca-document-no-script a i {
  margin-right: 5px;
}
.ca-request-document-no-script {
  background-color: #fff;
  /* padding: 10px; */
  border: 1px solid #bababa;
  /* margin-left: auto; */
  /* margin-right: auto; */
  height: 500px;
  width: 997px;
  /* height: auto; */
  overflow-y: auto;
}
.ca-request-document-no-script .editor-content {
  height: 475px !important;
}
.ca-request-document-no-script .editor-content #cx-details-container {
  height: initial!important;
}
.ca-request-user-avatar {
  width: 40px;
  height: 40px;
  background-color: #8966ca;
  border-radius: 100%;
  display: inline-block;
}
.ca-reply {
  background-color: #71d3f8;
  padding: 8px;
  border-radius: 4px;
  width: 100px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  width: 35px;
  text-align: center;
  display: inline-block;
  margin-top: 7px;
  float: right;
}
.ca-approve {
  background-color: #444444;
  padding: 14px;
  border-radius: 4px;
  width: 200px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-right: 20px;
  margin-top: 7px;
  display: inline-block;
  cursor: pointer;
}
.ca-reject {
  background-color: #bdbbac;
  padding: 14px;
  border-radius: 4px;
  width: 200px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-top: 7px;
  display: inline-block;
  cursor: pointer;
}
.ca-request-user-name {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #808080;
  display: inline-block;
}
.ca-request-date {
  font-size: 12px;
  color: #808080;
}
.ca-show-me {
  background-image: url('../img/ca-select.gif');
  background-repeat: no-repeat;
}
.ca-snippet-selection {
  width: 400px;
  display: inline-block;
  word-wrap: break-word;
}
.approval-dialog-confirm .modal-dialog-content {
  min-height: 0;
}
.ca-hide {
  display: none;
}
.ca-confirm-title {
  font-size: 14px;
  margin-bottom: 12px;
}
.ca-confirm-message {
  font-size: 12px;
}
.approval-dialog {
  width: 570px;
}
.approval-dialog .infocardform .infomanagerbox-label:after,
.approval-dialog .infocardform-label:after {
  content: '';
}
.approval-dialog .infomanagerbox-label {
  width: 80px!important;
  text-align: right;
  font-size: 10px!important;
}
.approval-dialog .infomanagerbox-edittextarea {
  width: 405px!important;
  height: 80px!important;
}
.approval-dialog .infomanagerbox-editinput-select {
  width: 415px!important;
}
.approval-dialog .infomanagerbox-desc span {
  font-size: 12px;
  font-style: normal;
  color: #f5f5f5;
  font-weight: normal;
}
.approval-dialog .modal-dialog-title {
  min-height: 7px;
  height: 7px;
  margin-left: -15px;
  text-align: left;
}
.approval-dialog .tooltip-btn > :last-child:after,
.approval-dialog .tooltip-btn > :last-child:before {
  border: none!important;
}
.approval-dialog .modal-dialog-subtitle {
  font-weight: normal;
  color: #fff;
  margin: 0 15px -30px 15px;
  display: block;
  font-size: 11px;
  height: 50px;
  text-align: left;
  text-transform: lowercase;
  padding: 0;
  margin-top: 30px;
  background-color: #3b3d3e;
}
.approval-dialog .modal-dialog-title-text {
  text-transform: uppercase;
  font-weight: normal;
  display: inline-block;
  padding-right: 25px;
  padding-left: 15px;
  padding-bottom: 3px;
  font-size: 14px!important;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto !important;
  display: inline-block !important;
}
.approval-dialog .infomanagerbox-label {
  display: inline-block;
  margin-right: 0;
  margin-top: 6px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff !important;
  width: 80px;
  text-align: right;
}
.approval-dialog .infocardform .infomanagerbox-labelcontent {
  display: inline-block;
}
.approval-dialog .infomanagerbox-content {
  width: 520px;
}
.ca-request-user-date-container {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 5px;
}
.ca-request-divider {
  width: 250px;
  height: 1px;
  background-color: #6a6a6a;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
}
.ca-request-divider-content,
.ca-request-divider-content-top,
.ca-request-divider-content-bottom {
  width: 80%;
  background-color: #c0c0c0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  display: block;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.ca-request-message {
  font-size: 14px;
  font-weight: 600;
  width: 600px;
  line-height: 25px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  padding: 45px;
  background-image: url('../img/quotes.png');
  background-repeat: no-repeat;
  background-position-x: 13px;
  background-position-y: 28px;
  background-size: 100px;
}
.ca-request-vertical-divider:before {
  content: " | ";
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}
.ca-request-project-name-doc-type {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 5px;
}
.ca-request-header-container {
  background-color: #2b2b2b;
  text-align: center;
  padding: 25px;
}
.ca-request-footer {
  background-color: #2b2b2b;
  text-align: center;
  padding: 10px;
  margin-top: 15px;
  color: #fff;
  font-weight: 100;
  letter-spacing: 1px;
  font-size: 12px;
}
.ca-request-title {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 200;
  letter-spacing: 2px;
}
.existing-approvals-dialog {
  width: 1010px;
}
.existing-approvals-dialog .modal-dialog-content {
  height: 468px;
}
.new-project-fixed {
  margin-top: 50px;
  left: 0!important;
  margin-left: auto;
  margin-right: auto;
  position: relative!important;
  -webkit-animation-duration: .1s;
  animation-duration: .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 !important;
  height: 550px;
  width: 645px !important;
  top: 15% !important;
  box-shadow: none !important;
  border: 0 !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: 515px !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: 230px !important;
  max-height: 230px !important;
  background-color: #151515  !important;
  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  !important;
}
.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 !important;
  text-align: center;
  background: transparent !important;
  cursor: default!important;
  height: auto!important;
  padding-left: 0!important;
}
.modal-dialog.modal-newproject .modal-dialog-title-text {
  text-transform: none !important;
  font-size: 35px!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: .6s !important;
  animation-duration: .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: 12px;
}
.modal-dialog.modal-newproject .project-name-title,
.modal-dialog.modal-newproject .project-name-upload-title,
.modal-dialog.modal-newproject .project-name-adapt-title {
  color: #f6f6f6;
  font-size: 26px;
  font-weight: lighter;
  letter-spacing: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}
.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;
  margin-bottom: 15px;
}
.modal-dialog.modal-newproject .project-name-input {
  border-radius: 15px;
  border: none;
  padding: 8px;
  font-size: 16px;
  background-color: #f6f6f6;
  color: #232323;
}
.modal-dialog.modal-newproject input::placeholder {
  color: #232323 !important;
  opacity: 0.7;
}
.modal-dialog.modal-newproject .project-name-input-label {
  display: none;
}
.modal-dialog.modal-newproject .project-name-input-container {
  margin-top: 30px;
}
.modal-dialog.modal-newproject .project-name-error {
  color: #FF7575;
  height: 20px;
}
.modal-dialog.modal-newproject .project-name-header-text {
  margin-top: 40px;
}
.modal-dialog.modal-newproject .project-name-upload-container {
  margin-top: 20px;
}
.modal-dialog.modal-newproject .project-name-main-container {
  margin-left: 20px;
  width: 413px;
  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: 190px;
}
.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: 230px;
}
.modal-newscreenplayproject.modal-dialog.modal-newproject .project-name-wizard-controls,
.modal-newgemproject.modal-dialog.modal-newproject .project-name-wizard-controls {
  bottom: 20px;
  left: 186px;
}
.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 {
  border-radius: 8px;
  background-color: #945ca3;
  border: none;
  outline: none;
  text-shadow: none;
  box-shadow: none;
  color: #f6f6f6 !important;
}
.modal-dialog.modal-newproject .project-name-upload-button:hover {
  background-color: #a245ba;
}
.modal-dialog.modal-newproject .project-name-upload-button:active {
  background-color: #a859bd !important;
}
.modal-dialog.modal-newproject .project-name-upload-button:before {
  content: '\e833';
  font-family: celtxicons;
  margin-right: 5px;
  outline: none;
}
.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 {
  border-radius: 6px;
  border: none;
  width: auto;
  font-size: 14px;
  box-shadow: none;
  margin: 30px 0 15px 64px;
  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;
  margin-left: 19px;
  color: #00da00;
}
.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;
  margin-left: 19px;
  color: #da9c3e;
}
.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 {
  -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 {
  filter: initial;
  -webkit-filter: initial;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-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: #34d4d2;
}
.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 .new-project-salutation {
  font-weight: normal;
}
.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: .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 #index-cards-image {
  background-image: url('../img/new-project/tasks/task-indexcards.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 {
    width: 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 !important;
  background-color: whiteSmoke !important;
  border: 1px solid #EEE !important;
  width: 100% !important;
}
.goog-date-picker button {
  color: #049cdb !important;
}
.goog-date-picker-wkend-start,
.goog-date-picker-wkend-end {
  background: #d5e8f0 !important;
}
.goog-date-picker > table td {
  width: 12.5% !important;
}
.goog-date-picker > table th[role="rowheader"] {
  width: 0 !important;
}
td.goog-date-picker-selected {
  background: #96cce2 !important;
}
button {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
}
button:hover,
button:active,
button.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
button:active,
button.active {
  background: #cccccc \9;
}
button:first-child {
  *margin-left: 0;
}
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: #ffffff;
  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 {
  z-index: 10500;
  background-color: #3b3d3e;
}
.modal-dialog a:not(.btn):hover {
  color: white;
}
.modal-dialog {
  background-color: #3b3d3e !important;
}
.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-inverse,
.modal-dialog a.btn.btn-warning,
.modal-dialog a.btn.btn-info {
  color: white !important;
}
.modal-dialog a.btn.btn-cta-secondary {
  color: #f7612c !important;
}
.modal-dialog a:not(.btn) {
  color: #40beb5 !important;
}
.modal-dialog a.gray {
  color: gray !important;
}
.modal-dialog .nav-tabs > .active > a {
  color: #555;
}
.modal-dialog.modal-subscribe .modal-dialog-title span.modal-dialog-title-close,
.modal-dialog.sample-feature-dialog .modal-dialog-title span.modal-dialog-title-close,
.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.modal-subscribe .modal-dialog-title span.modal-dialog-title-close::before,
.modal-dialog.sample-feature-dialog .modal-dialog-title span.modal-dialog-title-close::before,
.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;
  *zoom: 1;
  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 !important;
}
.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 !important;
  *zoom: 1;
  overflow-y: auto !important;
  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 !important;
}
.modal-dialog-bg {
  position: fixed !important;
  padding: 5px !important;
  left: unset !important;
  top: unset !important;
}
.goog-popupcolorpicker {
  z-index: 10100;
}
.ac-row {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline: 1px solid transparent;
}
.ac-active {
  background-color: #0088cc !important;
  color: #ffffff !important;
}
.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" !important;
}
.tr-icon.tr-bold:before {
  content: '\e810';
}
.tr-italic {
  font-family: "celtxicons" !important;
}
.tr-icon.tr-italic:before {
  content: '\e847';
}
.tr-underline {
  font-family: "celtxicons" !important;
}
.tr-icon.tr-underline:before {
  content: '\e891';
}
.tr-undo,
.tr-redo {
  font-family: "celtxicons" !important;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(82, 82, 82, 0.99)', endColorstr='rgba(69, 69, 69, 0.95)', GradientType=0) !important;
  border-color: rgba(69, 69, 69, 0.95) rgba(69, 69, 69, 0.95) rgba(31, 31, 31, 0.95) !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 !important;
  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: 0px !important;
  border: 0px solid transparent !important;
}
.palettecolorpicker .goog-palette-cell:first-child {
  padding-left: 4px !important;
}
.palettecolorpicker .goog-palette-cell:last-child {
  padding-right: 4px !important;
}
.palettecolorpicker .goog-palette-row:first-child .goog-palette-cell {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.palettecolorpicker .goog-palette-row:last-child .goog-palette-cell {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
a,
a:hover {
  text-decoration: none;
}
.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: #b94a48;
}
.label-alert:hover {
  background-color: #953b39;
}
.hidden {
  display: none;
  visibility: hidden;
}
.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: #333333 !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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344950', endColorstr='#3e5760', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: white;
  text-shadow: none;
}
.btn-dark:hover,
.btn-dark:active,
.btn-dark.active {
  background: #384f57;
  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: #999999;
}
.dropdown-menu .disabled:hover {
  background: #eee;
  color: #999999;
}
.alert-grey {
  background-color: #f6f6f6;
  border-color: #d5d5d5;
  color: #555555;
}
.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: #008fd6;
  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: #0088cc;
  -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-flat:focus {
  outline: 0;
}
.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: #0088cc;
  -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);
}
.btn-flatlight:focus {
  outline: 0;
}
.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;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  background: #fafafa;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -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);
  cursor: pointer;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  *margin-left: .3em;
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
  color: #222222;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  min-width: 80px !important;
  padding-left: 7px;
  padding: 3px 4px;
  line-height: 1;
  display: block;
  font-size: 14px;
  vertical-align: middle;
  display: none;
}
.imagethumbnail-remove:hover,
.imagethumbnail-remove:active,
.imagethumbnail-remove.active {
  background: #f2f2f2;
  cursor: pointer;
  cursor: hand;
}
.imagethumbnail-remove:active,
.imagethumbnail-remove.active {
  background: #cccccc \9;
}
.imagethumbnail-remove:first-child {
  *margin-left: 0;
}
.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: #ffffff;
  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;
  cursor: pointer;
  cursor: hand;
}
.imagethumbnail-remove:active,
.imagethumbnail-remove.active {
  background: #942a25 \9;
}
.imagethumbnail-remove:focus {
  background: #E23955 !important;
  outline: none;
}
.imagethumbnail-remove:active {
  background: #F44A6E !important;
  outline: none;
}
.imagethumbnail-remove .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.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;
}
.buddies-img.sm {
  background: url("../img/buddies_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;
}
.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;
}
.buddiesgrey-img.sm {
  background: url("../img/greyuser_sm.png") no-repeat top left;
  background-size: 32px;
  padding: 0 0 0 39px;
  min-height: 32px;
  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;
}
.info-img.sm {
  background: url("../img/info_sm.png") no-repeat top left;
  background-size: 20px;
  padding: 0 0 0 25px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
  margin-left: -2px;
}
.summary-img.sm {
  background: url("../img/summary_sm.png") no-repeat top left;
  background-size: 20px;
  padding: 0 0 0 25px;
  min-height: 20px;
  background-position: 0 center !important;
  display: inline-block;
}
.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;
}
.starsilver-img {
  background: url("../img/star-silver.png") no-repeat top left;
  background-size: 120px;
  padding: 0 0 0 120px;
  min-height: 120px;
  background-position: 0 center !important;
  display: inline-block;
}
.stargold-img {
  background: url("../img/star-gold.png") no-repeat top left;
  background-size: 120px;
  padding: 0 0 0 120px;
  min-height: 120px;
  background-position: 0 center !important;
  display: inline-block;
}
.stargreen-img {
  background: url("../img/star-green.png") no-repeat top left;
  background-size: 120px;
  padding: 0 0 0 120px;
  min-height: 120px;
  background-position: 0 center !important;
  display: inline-block;
}
.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/logoblack.png") 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/logoblack.png") 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/logowhite.png") 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/logowhite.png") 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/logowhite.png") 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;
}
.celtxbigblack-img {
  background: url("../img/celtxLogoBigBlack.png") no-repeat top left !important;
  background-size: 100px 37px !important;
  padding: 0 0 0 0;
  width: 100px;
  min-height: 37px;
  background-position: 0 center !important;
  display: inline-block;
}
.celtxbigwhite-img {
  background: url("../img/celtxLogo.png") 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/celtxLogoBig.png") 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;
}
.sidesiphone-img {
  background: url("../img/sidesiphone.png") no-repeat top left !important;
  background-size: 118px 200px !important;
  padding: 0 0 0 0;
  width: 118px;
  min-height: 200px;
  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.starsilver {
  background: url("../img/star-silver_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;
  background-position-y: -8px;
}
h2.stargold {
  background: url("../img/star-gold_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;
  background-position-y: -8px;
}
h2.stargreen {
  background: url("../img/star-green_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;
  background-position-y: -8px;
}
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-text-small {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: auto 75px;
  background-repeat: no-repeat;
  background-position: 0px -15px;
}
.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-textbg-small {
  background-image: url("../img/toolbar/bigtoolbaricons.png");
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: auto 75px;
  background-repeat: no-repeat;
  background-position: -105px -15px;
}
.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;
}
.backlight-gem-logo--white {
  background-image: url('../img/logos/Backlight Gem (Primary Reverse).png');
  background-position: 0 center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0;
  width: 300px;
  height: 49px;
  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 {
  .print-show {
    display: block !important;
  }
  body {
    overflow: visible !important;
    min-height: 1px !important;
    height: auto !important;
    background: transparent !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;
  }
  #tableheaderclone-container {
    opacity: 0 !important;
  }
  #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: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: #ffffff !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: #000000 !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: #555555 !important;
  }
  .editorlist-container .editorlist-table-rowheader-data.active span:after {
    content: '' !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: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-faster {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-fastest {
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-medium {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-dialog {
  -webkit-animation-duration: .15s;
  animation-duration: .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: .75s;
  animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .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;
}
.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: #222222;
  background-color: #434445;
}
#sequence-list li.active a {
  color: #222222;
}
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 {
  *zoom: 1;
  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-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;
  /* for ie6/7 support */
  *display: inline;
  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: #0088cc 4px dashed;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0.85;
  color: #0088cc;
}
.cx-stybrd-shot-container.cx-stybd-shotplaceholder:hover {
  color: #005580;
  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: #0088cc;
}
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: #0088cc;
  -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: #0088cc;
}
div.cx-stybrd-addimage:hover {
  cursor: hand;
  cursor: pointer;
  color: #005580;
}
div.cx-stybrd-addsketch {
  background-color: white;
  background-repeat: no-repeat;
  color: #0088cc;
}
div.cx-stybrd-addsketch:hover {
  cursor: hand;
  cursor: pointer;
  color: #005580;
}
.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-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, #eeeeee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: linear-gradient(top, #f5f5f5, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
  border-color: #eeeeee #eeeeee #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-item-move-hover {
  background: #333;
  cursor: move;
}
.sequence-item-move-moving {
  list-style: none;
  color: #ddd !important;
  width: 322px;
  padding: 5px 5px 5px 20px;
  z-index: 1000000;
}
.sequence-item-move-moving a {
  color: #ddd !important;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  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;
  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: #999999;
}
.picture-sketch-filter .btn-toolbar {
  vertical-align: bottom;
  margin: 0 10px 0 0;
  padding-right: 16px;
  height: 28px;
}
.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: #0088cc;
  background-color: #c8fbff;
  z-index: 1;
}
.sketch-help-text:hover {
  color: #005580;
}
.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, #eeeeee);
  background-image: -ms-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: -o-linear-gradient(top, #f5f5f5, #eeeeee);
  background-image: linear-gradient(top, #f5f5f5, #eeeeee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
  border-color: #eeeeee #eeeeee #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: #005580;
}
.stbdplayer-controls a.active,
.stbdplayer-type a.active,
.stbdplayer-controlSpeed a.active {
  color: #0088cc;
}
.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);
}
.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: #0088cc;
  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: #005580;
  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: #0088cc;
}
.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;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-blue a:hover {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-blue.active a {
  color: #4fc0e8 !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-blue.active a:hover {
  color: #4fc0e8 !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-purple a {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-purple a:hover {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-purple.active a {
  color: #b42eda !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-purple.active a:hover {
  color: #b42eda !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-green a {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-green a:hover {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-green.active a {
  color: #3dd57d !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-green.active a:hover {
  color: #3dd57d !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-indigo a {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-indigo a:hover {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-indigo.active a {
  color: #426de6 !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-indigo.active a:hover {
  color: #426de6 !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-mint a {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-mint a:hover {
  border: 1px solid transparent;
  /*border-bottom: transparent 2px solid;*/
}
.tabber-tab-mint.active a {
  color: #3fe18b !important;
  /*border-bottom: @color 2px solid !important;*/
}
.tabber-tab-mint.active a:hover {
  color: #3fe18b !important;
  /*border-bottom: @color 2px solid !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: #555555;
  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: #555555;
  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: #0088cc;
}
.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: #0088cc;
}
.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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(82, 82, 82, 0.99)', endColorstr='rgba(69, 69, 69, 0.95)', GradientType=0) !important;
  border-color: rgba(69, 69, 69, 0.95) rgba(69, 69, 69, 0.95) rgba(31, 31, 31, 0.95) !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: #0088cc;
  background-color: #333;
}
.sidenav-list-item.selected .sidenav-list-item-name,
.sidenav-list-item.active .sidenav-list-item-name {
  color: #0088cc;
}
.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;
}
.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;
  padding: 10px 0 10px 50px;
  cursor: pointer;
  color: #a0a0a0;
  letter-spacing: 1px;
}
.studiomgnt-sub-selected {
  color: #4fc0e8;
}
.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: #555;
  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: .6s;
  animation-duration: .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.sml {
  margin: 0 auto 0;
  width: 20px;
}
.spinnerdots.sml div {
  width: 2px;
  height: 2px;
  margin: 0 1px;
}
.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, #bdc2d2 0%, #577dc2 69%, #aeb4cf 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, #2f78f4 0%, #2358b1 69%, #1d4b97 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(34, 34, 34, 0.43);
  border-radius: 50%;
}
@font-face {
  font-family: "picon-arrows";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/arrows.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/arrows.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/arrows.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/arrows.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/arrows.svg#arrows") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconArrowFont {
  font-family: "picon-arrows" !important;
}
@font-face {
  font-family: "picon-business";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/business.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/business.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/business.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/business.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/business.svg#business") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconBusinessFont {
  font-family: "picon-business" !important;
}
@font-face {
  font-family: "picon-characters";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/characters.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/characters.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/characters.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/characters.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/characters.svg#characters") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconCharactersFont {
  font-family: "picon-characters" !important;
}
@font-face {
  font-family: "picon-devices";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/devices.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/devices.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/devices.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/devices.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/devices.svg#devices") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconDevicesFont {
  font-family: "picon-devices" !important;
}
@font-face {
  font-family: "picon-documents";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/documents.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/documents.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/documents.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/documents.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/documents.svg#documents") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconDocumentsFont {
  font-family: "picon-documents" !important;
}
@font-face {
  font-family: "picon-eating";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/eating.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/eating.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/eating.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/eating.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/eating.svg#eating") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconEatingFont {
  font-family: "picon-eating" !important;
}
@font-face {
  font-family: "picon-file-types";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/file-types.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/file-types.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/file-types.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/file-types.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/file-types.svg#file-types") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconFileTypesFont {
  font-family: "picon-file-types" !important;
}
@font-face {
  font-family: "picon-files";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/files.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/files.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/files.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/files.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/files.svg#files") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconFilesFont {
  font-family: "picon-files" !important;
}
@font-face {
  font-family: "picon-folders";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/folders.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/folders.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/folders.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/folders.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/folders.svg#folders") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconFoldersFont {
  font-family: "picon-folders" !important;
}
@font-face {
  font-family: "picon-furniture";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/furniture.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/furniture.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/furniture.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/furniture.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/furniture.svg#furniture") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconFurnitureFont {
  font-family: "picon-furniture" !important;
}
@font-face {
  font-family: "picon-general";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/general.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/general.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/general.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/general.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/general.svg#general") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconGeneralFont {
  font-family: "picon-general" !important;
}
@font-face {
  font-family: "picon-media";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/media.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/media.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/media.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/media.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/media.svg#media") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconMediaFont {
  font-family: "picon-media" !important;
}
@font-face {
  font-family: "picon-native-ios";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/native-ios.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/native-ios.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/native-ios.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/native-ios.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/native-ios.svg#native-ios") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconIosFont {
  font-family: "picon-native-ios" !important;
}
@font-face {
  font-family: "picon-social-media";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/social-media.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/social-media.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/social-media.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/social-media.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/social-media.svg#social-media") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconSocialMediaFont {
  font-family: "picon-social-media" !important;
}
@font-face {
  font-family: "picon-sports";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/sports.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/sports.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/sports.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/sports.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/sports.svg#sports") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconSportsFont {
  font-family: "picon-sports" !important;
}
@font-face {
  font-family: "picon-technology";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/technology.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/technology.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/technology.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/technology.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/technology.svg#technology") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconTechFont {
  font-family: "picon-technology" !important;
}
@font-face {
  font-family: "picon-travel";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/travel.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/travel.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/travel.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/travel.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/travel.svg#travel") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconTravelFont {
  font-family: "picon-travel" !important;
}
@font-face {
  font-family: "picon-users";
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/users.eot");
  src: url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/users.eot?#iefix") format("embedded-opentype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/users.woff") format("woff"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/users.ttf") format("truetype"), url("https://s3.amazonaws.com/celtx.com/assets/pixellovefonts/users.svg#users") format("svg");
  font-weight: normal;
  font-style: normal;
}
.piconUsersFont {
  font-family: "picon-users" !important;
}
.picon,
[class^="picon-"]:before,
[class*=" picon-"]:before {
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: bottom;
}
.picon.ib,
[class^="picon-"].ib,
[class*=" picon-"].ib {
  position: relative;
  top: 2px;
}
.picon.ibmid,
[class^="picon-"].ibmid,
[class*=" picon-"].ibmid {
  position: relative;
  top: -1px;
}
.picon-arrows-cross:before {
  font-family: "picon-arrows" !important;
  content: "\e000";
}
.picon-arrows-in:before {
  font-family: "picon-arrows" !important;
  content: "\e001";
}
.picon-arrows-in-2:before {
  font-family: "picon-arrows" !important;
  content: "\e002";
}
.picon-arrows-out:before {
  font-family: "picon-arrows" !important;
  content: "\e003";
}
.picon-arrows-out-2:before {
  font-family: "picon-arrows" !important;
  content: "\e004";
}
.picon-forward-arrow:before {
  font-family: "picon-arrows" !important;
  content: "\e005";
}
.picon-horizontal-arrows:before {
  font-family: "picon-arrows" !important;
  content: "\e006";
}
.picon-loop:before {
  font-family: "picon-arrows" !important;
  content: "\e007";
}
.picon-redo-arrow:before {
  font-family: "picon-arrows" !important;
  content: "\e008";
}
.picon-repeat:before {
  font-family: "picon-arrows" !important;
  content: "\e009";
}
.picon-reset:before {
  font-family: "picon-arrows" !important;
  content: "\e00a";
}
.picon-reverse-arrow:before {
  font-family: "picon-arrows" !important;
  content: "\e00b";
}
.picon-shuffle:before {
  font-family: "picon-arrows" !important;
  content: "\e00c";
}
.picon-syncing:before {
  font-family: "picon-arrows" !important;
  content: "\e00d";
}
.picon-undo-arrow:before {
  font-family: "picon-arrows" !important;
  content: "\e00e";
}
.picon-vertical-arrows:before {
  font-family: "picon-arrows" !important;
  content: "\e00f";
}
.picon-bar-chart:before {
  font-family: "picon-business" !important;
  content: "\e000";
}
.picon-box-closed:before {
  font-family: "picon-business" !important;
  content: "\e001";
}
.picon-box-open:before {
  font-family: "picon-business" !important;
  content: "\e002";
}
.picon-briefcase:before {
  font-family: "picon-business" !important;
  content: "\e003";
}
.picon-calculator:before {
  font-family: "picon-business" !important;
  content: "\e004";
}
.picon-chart-down:before {
  font-family: "picon-business" !important;
  content: "\e005";
}
.picon-chart-up:before {
  font-family: "picon-business" !important;
  content: "\e006";
}
.picon-coin-dollar:before {
  font-family: "picon-business" !important;
  content: "\e007";
}
.picon-coin-euro:before {
  font-family: "picon-business" !important;
  content: "\e008";
}
.picon-coin-rupee:before {
  font-family: "picon-business" !important;
  content: "\e009";
}
.picon-coin-sterling:before {
  font-family: "picon-business" !important;
  content: "\e00a";
}
.picon-coin-yen-yuan:before {
  font-family: "picon-business" !important;
  content: "\e00b";
}
.picon-combination-lock:before {
  font-family: "picon-business" !important;
  content: "\e00c";
}
.picon-combination-lock-open:before {
  font-family: "picon-business" !important;
  content: "\e00d";
}
.picon-dollar:before {
  font-family: "picon-business" !important;
  content: "\e00e";
}
.picon-euro:before {
  font-family: "picon-business" !important;
  content: "\e00f";
}
.picon-gift:before {
  font-family: "picon-business" !important;
  content: "\e010";
}
.picon-id:before {
  font-family: "picon-business" !important;
  content: "\e011";
}
.picon-note-dollar:before {
  font-family: "picon-business" !important;
  content: "\e012";
}
.picon-note-euro:before {
  font-family: "picon-business" !important;
  content: "\e013";
}
.picon-note-rupee:before {
  font-family: "picon-business" !important;
  content: "\e014";
}
.picon-note-sterling:before {
  font-family: "picon-business" !important;
  content: "\e015";
}
.picon-note-yen-yuan:before {
  font-family: "picon-business" !important;
  content: "\e016";
}
.picon-padlock-closed:before {
  font-family: "picon-business" !important;
  content: "\e017";
}
.picon-padlock-closed-2:before {
  font-family: "picon-business" !important;
  content: "\e018";
}
.picon-padlock-open:before {
  font-family: "picon-business" !important;
  content: "\e019";
}
.picon-padlock-open-2:before {
  font-family: "picon-business" !important;
  content: "\e01a";
}
.picon-pie-chart:before {
  font-family: "picon-business" !important;
  content: "\e01b";
}
.picon-piggy-bank:before {
  font-family: "picon-business" !important;
  content: "\e01c";
}
.picon-piggy-bank-coin:before {
  font-family: "picon-business" !important;
  content: "\e01d";
}
.picon-presentation:before {
  font-family: "picon-business" !important;
  content: "\e01e";
}
.picon-rupee:before {
  font-family: "picon-business" !important;
  content: "\e01f";
}
.picon-safe:before {
  font-family: "picon-business" !important;
  content: "\e020";
}
.picon-satchel:before {
  font-family: "picon-business" !important;
  content: "\e021";
}
.picon-shield:before {
  font-family: "picon-business" !important;
  content: "\e022";
}
.picon-shield-cross:before {
  font-family: "picon-business" !important;
  content: "\e023";
}
.picon-shop-bag:before {
  font-family: "picon-business" !important;
  content: "\e024";
}
.picon-shop-basket:before {
  font-family: "picon-business" !important;
  content: "\e025";
}
.picon-shop-basket-add:before {
  font-family: "picon-business" !important;
  content: "\e026";
}
.picon-shop-basket-love:before {
  font-family: "picon-business" !important;
  content: "\e027";
}
.picon-shop-basket-multiply:before {
  font-family: "picon-business" !important;
  content: "\e028";
}
.picon-shop-basket-remove:before {
  font-family: "picon-business" !important;
  content: "\e029";
}
.picon-shop-basket-search:before {
  font-family: "picon-business" !important;
  content: "\e02a";
}
.picon-shop-basket-tick:before {
  font-family: "picon-business" !important;
  content: "\e02b";
}
.picon-shop-basket-warning:before {
  font-family: "picon-business" !important;
  content: "\e02c";
}
.picon-shop-cart:before {
  font-family: "picon-business" !important;
  content: "\e02d";
}
.picon-shop-cart-add:before {
  font-family: "picon-business" !important;
  content: "\e02e";
}
.picon-shop-cart-remove:before {
  font-family: "picon-business" !important;
  content: "\e02f";
}
.picon-sterling:before {
  font-family: "picon-business" !important;
  content: "\e030";
}
.picon-tag:before {
  font-family: "picon-business" !important;
  content: "\e031";
}
.picon-tag-dollar:before {
  font-family: "picon-business" !important;
  content: "\e032";
}
.picon-tag-euro:before {
  font-family: "picon-business" !important;
  content: "\e033";
}
.picon-tag-rupee:before {
  font-family: "picon-business" !important;
  content: "\e034";
}
.picon-tag-sterling:before {
  font-family: "picon-business" !important;
  content: "\e035";
}
.picon-tag-yen-yuan:before {
  font-family: "picon-business" !important;
  content: "\e036";
}
.picon-tags:before {
  font-family: "picon-business" !important;
  content: "\e037";
}
.picon-venn-diagram:before {
  font-family: "picon-business" !important;
  content: "\e038";
}
.picon-yen-yuan:before {
  font-family: "picon-business" !important;
  content: "\e039";
}
.picon-ampersand:before {
  font-family: "picon-characters" !important;
  content: "\e000";
}
.picon-approximately:before {
  font-family: "picon-characters" !important;
  content: "\e001";
}
.picon-asterisk:before {
  font-family: "picon-characters" !important;
  content: "\e002";
}
.picon-at:before {
  font-family: "picon-characters" !important;
  content: "\e003";
}
.picon-brackets:before {
  font-family: "picon-characters" !important;
  content: "\e004";
}
.picon-char-a:before {
  font-family: "picon-characters" !important;
  content: "\e005";
}
.picon-char-b:before {
  font-family: "picon-characters" !important;
  content: "\e006";
}
.picon-char-c:before {
  font-family: "picon-characters" !important;
  content: "\e007";
}
.picon-char-d:before {
  font-family: "picon-characters" !important;
  content: "\e008";
}
.picon-char-e:before {
  font-family: "picon-characters" !important;
  content: "\e009";
}
.picon-char-f:before {
  font-family: "picon-characters" !important;
  content: "\e00a";
}
.picon-char-g:before {
  font-family: "picon-characters" !important;
  content: "\e00b";
}
.picon-char-h:before {
  font-family: "picon-characters" !important;
  content: "\e00c";
}
.picon-char-i:before {
  font-family: "picon-characters" !important;
  content: "\e00d";
}
.picon-char-j:before {
  font-family: "picon-characters" !important;
  content: "\e00e";
}
.picon-char-k:before {
  font-family: "picon-characters" !important;
  content: "\e00f";
}
.picon-char-l:before {
  font-family: "picon-characters" !important;
  content: "\e010";
}
.picon-char-m:before {
  font-family: "picon-characters" !important;
  content: "\e011";
}
.picon-char-n:before {
  font-family: "picon-characters" !important;
  content: "\e012";
}
.picon-char-o:before {
  font-family: "picon-characters" !important;
  content: "\e013";
}
.picon-char-p:before {
  font-family: "picon-characters" !important;
  content: "\e014";
}
.picon-char-q:before {
  font-family: "picon-characters" !important;
  content: "\e015";
}
.picon-char-r:before {
  font-family: "picon-characters" !important;
  content: "\e016";
}
.picon-char-s:before {
  font-family: "picon-characters" !important;
  content: "\e017";
}
.picon-char-t:before {
  font-family: "picon-characters" !important;
  content: "\e018";
}
.picon-char-u:before {
  font-family: "picon-characters" !important;
  content: "\e019";
}
.picon-char-v:before {
  font-family: "picon-characters" !important;
  content: "\e01a";
}
.picon-char-w:before {
  font-family: "picon-characters" !important;
  content: "\e01b";
}
.picon-char-x:before {
  font-family: "picon-characters" !important;
  content: "\e01c";
}
.picon-char-y:before {
  font-family: "picon-characters" !important;
  content: "\e01d";
}
.picon-char-z:before {
  font-family: "picon-characters" !important;
  content: "\e01e";
}
.picon-curly-brackets:before {
  font-family: "picon-characters" !important;
  content: "\e01f";
}
.picon-divide:before {
  font-family: "picon-characters" !important;
  content: "\e020";
}
.picon-divide-slash:before {
  font-family: "picon-characters" !important;
  content: "\e021";
}
.picon-equals:before {
  font-family: "picon-characters" !important;
  content: "\e022";
}
.picon-exclamation:before {
  font-family: "picon-characters" !important;
  content: "\e023";
}
.picon-less-than:before {
  font-family: "picon-characters" !important;
  content: "\e024";
}
.picon-less-than-or-equal:before {
  font-family: "picon-characters" !important;
  content: "\e025";
}
.picon-minus:before {
  font-family: "picon-characters" !important;
  content: "\e026";
}
.picon-more-than:before {
  font-family: "picon-characters" !important;
  content: "\e027";
}
.picon-more-than-or-equal:before {
  font-family: "picon-characters" !important;
  content: "\e028";
}
.picon-multiply:before {
  font-family: "picon-characters" !important;
  content: "\e029";
}
.picon-not-equal-to:before {
  font-family: "picon-characters" !important;
  content: "\e02a";
}
.picon-num-0:before {
  font-family: "picon-characters" !important;
  content: "\e02b";
}
.picon-num-1:before {
  font-family: "picon-characters" !important;
  content: "\e02c";
}
.picon-num-2:before {
  font-family: "picon-characters" !important;
  content: "\e02d";
}
.picon-num-3:before {
  font-family: "picon-characters" !important;
  content: "\e02e";
}
.picon-num-4:before {
  font-family: "picon-characters" !important;
  content: "\e02f";
}
.picon-num-5:before {
  font-family: "picon-characters" !important;
  content: "\e030";
}
.picon-num-6:before {
  font-family: "picon-characters" !important;
  content: "\e031";
}
.picon-num-7:before {
  font-family: "picon-characters" !important;
  content: "\e032";
}
.picon-num-8:before {
  font-family: "picon-characters" !important;
  content: "\e033";
}
.picon-num-9:before {
  font-family: "picon-characters" !important;
  content: "\e034";
}
.picon-number:before {
  font-family: "picon-characters" !important;
  content: "\e035";
}
.picon-percentage:before {
  font-family: "picon-characters" !important;
  content: "\e036";
}
.picon-plus:before {
  content: "\e037";
}
.picon-plus-minus:before {
  font-family: "picon-characters" !important;
  content: "\e038";
}
.picon-question-mark:before {
  font-family: "picon-characters" !important;
  content: "\e039";
}
.picon-square-brackets:before {
  font-family: "picon-characters" !important;
  content: "\e03a";
}
.picon-square-root:before {
  font-family: "picon-characters" !important;
  content: "\e03b";
}
.picon-camera:before {
  font-family: "picon-devices" !important;
  content: "\e000";
}
.picon-camera-rotate:before {
  font-family: "picon-devices" !important;
  content: "\e001";
}
.picon-headphones:before {
  font-family: "picon-devices" !important;
  content: "\e002";
}
.picon-headset:before {
  font-family: "picon-devices" !important;
  content: "\e003";
}
.picon-iphone:before {
  font-family: "picon-devices" !important;
  content: "\e004";
}
.picon-iphone-calibrate:before {
  font-family: "picon-devices" !important;
  content: "\e005";
}
.picon-iphone-chat:before {
  font-family: "picon-devices" !important;
  content: "\e006";
}
.picon-iphone-edit:before {
  font-family: "picon-devices" !important;
  content: "\e007";
}
.picon-iphone-flip:before {
  font-family: "picon-devices" !important;
  content: "\e008";
}
.picon-iphone-iphone:before {
  font-family: "picon-devices" !important;
  content: "\e009";
}
.picon-iphone-location:before {
  font-family: "picon-devices" !important;
  content: "\e00a";
}
.picon-iphone-locked:before {
  font-family: "picon-devices" !important;
  content: "\e00b";
}
.picon-iphone-mac:before {
  font-family: "picon-devices" !important;
  content: "\e00c";
}
.picon-iphone-minus:before {
  font-family: "picon-devices" !important;
  content: "\e00d";
}
.picon-iphone-multiply:before {
  font-family: "picon-devices" !important;
  content: "\e00e";
}
.picon-iphone-plus:before {
  font-family: "picon-devices" !important;
  content: "\e00f";
}
.picon-iphone-receive:before {
  font-family: "picon-devices" !important;
  content: "\e010";
}
.picon-iphone-rotate:before {
  font-family: "picon-devices" !important;
  content: "\e011";
}
.picon-iphone-search:before {
  font-family: "picon-devices" !important;
  content: "\e012";
}
.picon-iphone-send:before {
  font-family: "picon-devices" !important;
  content: "\e013";
}
.picon-iphone-settings:before {
  font-family: "picon-devices" !important;
  content: "\e014";
}
.picon-iphone-shake:before {
  font-family: "picon-devices" !important;
  content: "\e015";
}
.picon-iphone-signal:before {
  font-family: "picon-devices" !important;
  content: "\e016";
}
.picon-iphone-signal-2:before {
  font-family: "picon-devices" !important;
  content: "\e017";
}
.picon-iphone-tick:before {
  font-family: "picon-devices" !important;
  content: "\e018";
}
.picon-iphone-tv:before {
  font-family: "picon-devices" !important;
  content: "\e019";
}
.picon-iphone-warning:before {
  font-family: "picon-devices" !important;
  content: "\e01a";
}
.picon-ipod:before {
  font-family: "picon-devices" !important;
  content: "\e01b";
}
.picon-ipod-buds:before {
  font-family: "picon-devices" !important;
  content: "\e01c";
}
.picon-ipod-headphones:before {
  font-family: "picon-devices" !important;
  content: "\e01d";
}
.picon-ipod-nano:before {
  font-family: "picon-devices" !important;
  content: "\e01e";
}
.picon-laptop:before {
  font-family: "picon-devices" !important;
  content: "\e01f";
}
.picon-mac:before {
  font-family: "picon-devices" !important;
  content: "\e020";
}
.picon-mobile:before {
  font-family: "picon-devices" !important;
  content: "\e021";
}
.picon-mobile-monitor:before {
  font-family: "picon-devices" !important;
  content: "\e022";
}
.picon-monitor:before {
  font-family: "picon-devices" !important;
  content: "\e023";
}
.picon-printer:before,
.picon-print:before {
  font-family: "picon-devices" !important;
  content: "\e024";
}
.picon-shredder:before {
  font-family: "picon-devices" !important;
  content: "\e025";
}
.picon-tablet:before {
  font-family: "picon-devices" !important;
  content: "\e026";
}
.picon-tv:before {
  font-family: "picon-devices" !important;
  content: "\e027";
}
.picon-tv-demand:before {
  font-family: "picon-devices" !important;
  content: "\e028";
}
.picon-book:before {
  font-family: "picon-documents" !important;
  content: "\e000";
}
.picon-certificate:before {
  font-family: "picon-documents" !important;
  content: "\e001";
}
.picon-clipboard:before {
  font-family: "picon-documents" !important;
  content: "\e002";
}
.picon-document:before {
  font-family: "picon-documents" !important;
  content: "\e003";
}
.picon-documents:before {
  font-family: "picon-documents" !important;
  content: "\e004";
}
.picon-file:before {
  font-family: "picon-documents" !important;
  content: "\e005";
}
.picon-filing-double:before {
  font-family: "picon-documents" !important;
  content: "\e006";
}
.picon-filing-single:before {
  font-family: "picon-documents" !important;
  content: "\e007";
}
.picon-filing-triple:before {
  font-family: "picon-documents" !important;
  content: "\e008";
}
.picon-layers:before {
  font-family: "picon-documents" !important;
  content: "\e009";
}
.picon-layers-2:before {
  font-family: "picon-documents" !important;
  content: "\e00a";
}
.picon-ledger:before {
  font-family: "picon-documents" !important;
  content: "\e00b";
}
.picon-lever-arch:before {
  font-family: "picon-documents" !important;
  content: "\e00c";
}
.picon-newspaper:before {
  font-family: "picon-documents" !important;
  content: "\e00d";
}
.picon-notebook:before {
  font-family: "picon-documents" !important;
  content: "\e00e";
}
.picon-notepad:before {
  font-family: "picon-documents" !important;
  content: "\e00f";
}
.picon-resume:before {
  font-family: "picon-documents" !important;
  content: "\e010";
}
.picon-scroll:before {
  font-family: "picon-documents" !important;
  content: "\e011";
}
.picon-baby-knife-fork-spoon:before {
  font-family: "picon-eating" !important;
  content: "\e000";
}
.picon-candy-cane:before {
  font-family: "picon-eating" !important;
  content: "\e001";
}
.picon-cheeseburger:before {
  font-family: "picon-eating" !important;
  content: "\e002";
}
.picon-chupa-chups:before {
  font-family: "picon-eating" !important;
  content: "\e003";
}
.picon-coffee-cup:before {
  font-family: "picon-eating" !important;
  content: "\e004";
}
.picon-hamburger:before {
  font-family: "picon-eating" !important;
  content: "\e005";
}
.picon-ice-cream-flake:before {
  font-family: "picon-eating" !important;
  content: "\e006";
}
.picon-ice-cream-sprinkles:before {
  font-family: "picon-eating" !important;
  content: "\e007";
}
.picon-ice-lolly:before {
  font-family: "picon-eating" !important;
  content: "\e008";
}
.picon-ice-lolly-square:before {
  font-family: "picon-eating" !important;
  content: "\e009";
}
.picon-ice-lolly-stripey:before {
  font-family: "picon-eating" !important;
  content: "\e00a";
}
.picon-knife-fork-plate:before {
  font-family: "picon-eating" !important;
  content: "\e00b";
}
.picon-knife-fork-spoon:before {
  font-family: "picon-eating" !important;
  content: "\e00c";
}
.picon-lollipop:before {
  font-family: "picon-eating" !important;
  content: "\e00d";
}
.picon-orange-half:before {
  font-family: "picon-eating" !important;
  content: "\e00e";
}
.picon-pint-glass:before {
  font-family: "picon-eating" !important;
  content: "\e00f";
}
.picon-tea-cup:before {
  font-family: "picon-eating" !important;
  content: "\e010";
}
.picon-wine-bottle-glass:before {
  font-family: "picon-eating" !important;
  content: "\e011";
}
.picon-wine-glass:before {
  font-family: "picon-eating" !important;
  content: "\e012";
}
.picon-wine-glass-angle:before {
  font-family: "picon-eating" !important;
  content: "\e013";
}
.picon-file-aac:before {
  font-family: "picon-file-types" !important;
  content: "\e000";
}
.picon-file-ai:before {
  font-family: "picon-file-types" !important;
  content: "\e001";
}
.picon-file-aiff:before {
  font-family: "picon-file-types" !important;
  content: "\e002";
}
.picon-file-avi:before {
  font-family: "picon-file-types" !important;
  content: "\e003";
}
.picon-file-bmp:before {
  font-family: "picon-file-types" !important;
  content: "\e004";
}
.picon-file-css:before {
  font-family: "picon-file-types" !important;
  content: "\e005";
}
.picon-file-csv:before {
  font-family: "picon-file-types" !important;
  content: "\e006";
}
.picon-file-db:before {
  font-family: "picon-file-types" !important;
  content: "\e007";
}
.picon-file-dll:before {
  font-family: "picon-file-types" !important;
  content: "\e008";
}
.picon-file-doc:before {
  font-family: "picon-file-types" !important;
  content: "\e009";
}
.picon-file-eot:before {
  font-family: "picon-file-types" !important;
  content: "\e00a";
}
.picon-file-eps:before {
  font-family: "picon-file-types" !important;
  content: "\e00b";
}
.picon-file-exe:before {
  font-family: "picon-file-types" !important;
  content: "\e00c";
}
.picon-file-flv:before {
  font-family: "picon-file-types" !important;
  content: "\e00d";
}
.picon-file-gif:before {
  font-family: "picon-file-types" !important;
  content: "\e00e";
}
.picon-file-html:before {
  font-family: "picon-file-types" !important;
  content: "\e00f";
}
.picon-file-jpg:before {
  font-family: "picon-file-types" !important;
  content: "\e010";
}
.picon-file-key:before {
  font-family: "picon-file-types" !important;
  content: "\e011";
}
.picon-file-mov:before {
  font-family: "picon-file-types" !important;
  content: "\e012";
}
.picon-file-mp3:before {
  font-family: "picon-file-types" !important;
  content: "\e013";
}
.picon-file-mp4:before {
  font-family: "picon-file-types" !important;
  content: "\e014";
}
.picon-file-mpg:before {
  font-family: "picon-file-types" !important;
  content: "\e015";
}
.picon-file-otf:before {
  font-family: "picon-file-types" !important;
  content: "\e016";
}
.picon-file-page:before {
  font-family: "picon-file-types" !important;
  content: "\e017";
}
.picon-file-pct:before {
  font-family: "picon-file-types" !important;
  content: "\e018";
}
.picon-file-pdf:before {
  font-family: "picon-file-types" !important;
  content: "\e019";
}
.picon-file-png:before {
  font-family: "picon-file-types" !important;
  content: "\e01a";
}
.picon-file-ppt:before {
  font-family: "picon-file-types" !important;
  content: "\e01b";
}
.picon-file-ps:before {
  font-family: "picon-file-types" !important;
  content: "\e01c";
}
.picon-file-psd:before {
  font-family: "picon-file-types" !important;
  content: "\e01d";
}
.picon-file-rar:before {
  font-family: "picon-file-types" !important;
  content: "\e01e";
}
.picon-file-raw:before {
  font-family: "picon-file-types" !important;
  content: "\e01f";
}
.picon-file-sql:before {
  font-family: "picon-file-types" !important;
  content: "\e020";
}
.picon-file-svg:before {
  font-family: "picon-file-types" !important;
  content: "\e021";
}
.picon-file-tar:before {
  font-family: "picon-file-types" !important;
  content: "\e022";
}
.picon-file-tif:before {
  font-family: "picon-file-types" !important;
  content: "\e023";
}
.picon-file-ttf:before {
  font-family: "picon-file-types" !important;
  content: "\e024";
}
.picon-file-txt:before {
  font-family: "picon-file-types" !important;
  content: "\e025";
}
.picon-file-wav:before {
  font-family: "picon-file-types" !important;
  content: "\e026";
}
.picon-file-wma:before {
  font-family: "picon-file-types" !important;
  content: "\e027";
}
.picon-file-wmv:before {
  font-family: "picon-file-types" !important;
  content: "\e028";
}
.picon-file-woff:before {
  font-family: "picon-file-types" !important;
  content: "\e029";
}
.picon-file-xls:before {
  font-family: "picon-file-types" !important;
  content: "\e02a";
}
.picon-file-xml:before {
  font-family: "picon-file-types" !important;
  content: "\e02b";
}
.picon-file-zip:before {
  font-family: "picon-file-types" !important;
  content: "\e02c";
}
.picon-file-alarm:before {
  font-family: "picon-files" !important;
  content: "\e000";
}
.picon-file-attach:before {
  font-family: "picon-files" !important;
  content: "\e001";
}
.picon-file-audio:before {
  font-family: "picon-files" !important;
  content: "\e002";
}
.picon-file-calendar:before {
  font-family: "picon-files" !important;
  content: "\e003";
}
.picon-file-chat:before {
  font-family: "picon-files" !important;
  content: "\e004";
}
.picon-file-code:before {
  font-family: "picon-files" !important;
  content: "\e005";
}
.picon-file-data:before {
  font-family: "picon-files" !important;
  content: "\e006";
}
.picon-file-database:before {
  font-family: "picon-files" !important;
  content: "\e007";
}
.picon-file-divider:before {
  font-family: "picon-files" !important;
  content: "\e008";
}
.picon-file-download:before {
  font-family: "picon-files" !important;
  content: "\e009";
}
.picon-file-edit:before {
  font-family: "picon-files" !important;
  content: "\e00a";
}
.picon-file-email:before {
  font-family: "picon-files" !important;
  content: "\e00b";
}
.picon-file-flag:before {
  font-family: "picon-files" !important;
  content: "\e00c";
}
.picon-file-graph:before {
  font-family: "picon-files" !important;
  content: "\e00d";
}
.picon-file-image:before {
  font-family: "picon-files" !important;
  content: "\e00e";
}
.picon-file-information:before {
  font-family: "picon-files" !important;
  content: "\e00f";
}
.picon-file-location:before {
  font-family: "picon-files" !important;
  content: "\e010";
}
.picon-file-locked:before {
  font-family: "picon-files" !important;
  content: "\e011";
}
.picon-file-love:before {
  font-family: "picon-files" !important;
  content: "\e012";
}
.picon-file-minus:before {
  font-family: "picon-files" !important;
  content: "\e013";
}
.picon-file-movie:before {
  font-family: "picon-files" !important;
  content: "\e014";
}
.picon-file-multiply:before {
  font-family: "picon-files" !important;
  content: "\e015";
}
.picon-file-music:before {
  font-family: "picon-files" !important;
  content: "\e016";
}
.picon-file-play:before {
  font-family: "picon-files" !important;
  content: "\e017";
}
.picon-file-plus:before {
  font-family: "picon-files" !important;
  content: "\e018";
}
.picon-file-protect:before {
  font-family: "picon-files" !important;
  content: "\e019";
}
.picon-file-question:before {
  font-family: "picon-files" !important;
  content: "\e01a";
}
.picon-file-receive:before {
  font-family: "picon-files" !important;
  content: "\e01b";
}
.picon-file-search:before {
  font-family: "picon-files" !important;
  content: "\e01c";
}
.picon-file-send:before {
  font-family: "picon-files" !important;
  content: "\e01d";
}
.picon-file-settings:before {
  font-family: "picon-files" !important;
  content: "\e01e";
}
.picon-file-statistics:before {
  font-family: "picon-files" !important;
  content: "\e01f";
}
.picon-file-text:before {
  font-family: "picon-files" !important;
  content: "\e020";
}
.picon-file-tick:before {
  font-family: "picon-files" !important;
  content: "\e021";
}
.picon-file-time:before {
  font-family: "picon-files" !important;
  content: "\e022";
}
.picon-file-trash:before {
  font-family: "picon-files" !important;
  content: "\e023";
}
.picon-file-unlocked:before {
  font-family: "picon-files" !important;
  content: "\e024";
}
.picon-file-upload:before {
  font-family: "picon-files" !important;
  content: "\e025";
}
.picon-file-user:before {
  font-family: "picon-files" !important;
  content: "\e026";
}
.picon-file-warning:before {
  font-family: "picon-files" !important;
  content: "\e027";
}
.picon-folder:before {
  font-family: "picon-folders" !important;
  content: "\e000";
}
.picon-folder-2:before {
  font-family: "picon-folders" !important;
  content: "\e001";
}
.picon-folder-alarm:before {
  font-family: "picon-folders" !important;
  content: "\e002";
}
.picon-folder-attach:before {
  font-family: "picon-folders" !important;
  content: "\e003";
}
.picon-folder-audio:before {
  font-family: "picon-folders" !important;
  content: "\e004";
}
.picon-folder-calendar:before {
  font-family: "picon-folders" !important;
  content: "\e005";
}
.picon-folder-chat:before {
  font-family: "picon-folders" !important;
  content: "\e006";
}
.picon-folder-code:before {
  font-family: "picon-folders" !important;
  content: "\e007";
}
.picon-folder-data:before {
  font-family: "picon-folders" !important;
  content: "\e008";
}
.picon-folder-database:before {
  font-family: "picon-folders" !important;
  content: "\e009";
}
.picon-folder-divider:before {
  font-family: "picon-folders" !important;
  content: "\e00a";
}
.picon-folder-download:before {
  font-family: "picon-folders" !important;
  content: "\e00b";
}
.picon-folder-edit:before {
  font-family: "picon-folders" !important;
  content: "\e00c";
}
.picon-folder-email:before {
  font-family: "picon-folders" !important;
  content: "\e00d";
}
.picon-folder-flag:before {
  font-family: "picon-folders" !important;
  content: "\e00e";
}
.picon-folder-graph:before {
  font-family: "picon-folders" !important;
  content: "\e00f";
}
.picon-folder-image:before {
  font-family: "picon-folders" !important;
  content: "\e010";
}
.picon-folder-information:before {
  font-family: "picon-folders" !important;
  content: "\e011";
}
.picon-folder-location:before {
  font-family: "picon-folders" !important;
  content: "\e012";
}
.picon-folder-locked:before {
  font-family: "picon-folders" !important;
  content: "\e013";
}
.picon-folder-love:before {
  font-family: "picon-folders" !important;
  content: "\e014";
}
.picon-folder-minus:before {
  font-family: "picon-folders" !important;
  content: "\e015";
}
.picon-folder-movie:before {
  font-family: "picon-folders" !important;
  content: "\e016";
}
.picon-folder-multiply:before {
  font-family: "picon-folders" !important;
  content: "\e017";
}
.picon-folder-music:before {
  font-family: "picon-folders" !important;
  content: "\e018";
}
.picon-folder-play:before {
  font-family: "picon-folders" !important;
  content: "\e019";
}
.picon-folder-plus:before {
  font-family: "picon-folders" !important;
  content: "\e01a";
}
.picon-folder-protect:before {
  font-family: "picon-folders" !important;
  content: "\e01b";
}
.picon-folder-question:before {
  font-family: "picon-folders" !important;
  content: "\e01c";
}
.picon-folder-receive:before {
  font-family: "picon-folders" !important;
  content: "\e01d";
}
.picon-folder-search:before {
  font-family: "picon-folders" !important;
  content: "\e01e";
}
.picon-folder-send:before {
  font-family: "picon-folders" !important;
  content: "\e01f";
}
.picon-folder-settings:before {
  font-family: "picon-folders" !important;
  content: "\e020";
}
.picon-folder-statistics:before {
  font-family: "picon-folders" !important;
  content: "\e021";
}
.picon-folder-text:before {
  font-family: "picon-folders" !important;
  content: "\e022";
}
.picon-folder-tick:before {
  font-family: "picon-folders" !important;
  content: "\e023";
}
.picon-folder-time:before {
  font-family: "picon-folders" !important;
  content: "\e024";
}
.picon-folder-trash:before {
  font-family: "picon-folders" !important;
  content: "\e025";
}
.picon-folder-unlocked:before {
  font-family: "picon-folders" !important;
  content: "\e026";
}
.picon-folder-upload:before {
  font-family: "picon-folders" !important;
  content: "\e027";
}
.picon-folder-user:before {
  font-family: "picon-folders" !important;
  content: "\e028";
}
.picon-folder-warning:before {
  font-family: "picon-folders" !important;
  content: "\e029";
}
.picon-armchair:before {
  font-family: "picon-furniture" !important;
  content: "\e000";
}
.picon-bar-stool:before {
  font-family: "picon-furniture" !important;
  content: "\e001";
}
.picon-bath-shower:before {
  font-family: "picon-furniture" !important;
  content: "\e002";
}
.picon-bathroom-cabinet:before {
  font-family: "picon-furniture" !important;
  content: "\e003";
}
.picon-bunk-beds:before {
  font-family: "picon-furniture" !important;
  content: "\e004";
}
.picon-chair:before {
  font-family: "picon-furniture" !important;
  content: "\e005";
}
.picon-computer-desk:before {
  font-family: "picon-furniture" !important;
  content: "\e006";
}
.picon-desk-lamp:before {
  font-family: "picon-furniture" !important;
  content: "\e007";
}
.picon-dining-chair:before {
  font-family: "picon-furniture" !important;
  content: "\e008";
}
.picon-double-bed:before {
  font-family: "picon-furniture" !important;
  content: "\e009";
}
.picon-drawers:before {
  font-family: "picon-furniture" !important;
  content: "\e00a";
}
.picon-floor-lamp:before {
  font-family: "picon-furniture" !important;
  content: "\e00b";
}
.picon-home:before {
  font-family: "picon-furniture" !important;
  content: "\e00c";
}
.picon-lamp:before {
  font-family: "picon-furniture" !important;
  content: "\e00d";
}
.picon-office-chair:before {
  font-family: "picon-furniture" !important;
  content: "\e00e";
}
.picon-side-drawers:before {
  font-family: "picon-furniture" !important;
  content: "\e00f";
}
.picon-side-table:before {
  font-family: "picon-furniture" !important;
  content: "\e010";
}
.picon-single-bed:before {
  font-family: "picon-furniture" !important;
  content: "\e011";
}
.picon-sink:before {
  font-family: "picon-furniture" !important;
  content: "\e012";
}
.picon-sofa:before {
  font-family: "picon-furniture" !important;
  content: "\e013";
}
.picon-sofa-bed:before {
  font-family: "picon-furniture" !important;
  content: "\e014";
}
.picon-stool:before {
  font-family: "picon-furniture" !important;
  content: "\e015";
}
.picon-table:before {
  font-family: "picon-furniture" !important;
  content: "\e016";
}
.picon-tv-cabinet:before {
  font-family: "picon-furniture" !important;
  content: "\e017";
}
.picon-wardrobe:before {
  font-family: "picon-furniture" !important;
  content: "\e018";
}
.picon-aim-target:before {
  font-family: "picon-general" !important;
  content: "\e000";
}
.picon-bell:before,
.picon-alarm:before {
  font-family: "picon-general" !important;
  content: "\e001";
}
.picon-alarm-off:before {
  font-family: "picon-general" !important;
  content: "\e002";
}
.picon-broken-heart:before {
  font-family: "picon-general" !important;
  content: "\e003";
}
.picon-bullet-list:before {
  font-family: "picon-general" !important;
  content: "\e004";
}
.picon-calendar:before {
  font-family: "picon-general" !important;
  content: "\e005";
}
.picon-chat:before {
  font-family: "picon-general" !important;
  content: "\e006";
}
.picon-chat-ios:before {
  font-family: "picon-general" !important;
  content: "\e007";
}
.picon-chat-reply:before {
  font-family: "picon-general" !important;
  content: "\e008";
}
.picon-chats:before {
  font-family: "picon-general" !important;
  content: "\e009";
}
.picon-checkbox:before {
  font-family: "picon-general" !important;
  content: "\e00a";
}
.picon-clock:before {
  font-family: "picon-general" !important;
  content: "\e00b";
}
.picon-coathanger:before {
  font-family: "picon-general" !important;
  content: "\e00c";
}
.picon-cog:before {
  font-family: "picon-general" !important;
  content: "\e00d";
}
.picon-cogs:before {
  font-family: "picon-general" !important;
  content: "\e00e";
}
.picon-cube:before {
  font-family: "picon-general" !important;
  content: "\e00f";
}
.picon-divider:before {
  font-family: "picon-general" !important;
  content: "\e010";
}
.picon-dress:before {
  font-family: "picon-general" !important;
  content: "\e011";
}
.picon-electronic-megaphone:before {
  font-family: "picon-general" !important;
  content: "\e012";
}
.picon-female-symbol:before {
  font-family: "picon-general" !important;
  content: "\e013";
}
.picon-filter:before {
  font-family: "picon-general" !important;
  content: "\e014";
}
.picon-flag-fanion:before {
  font-family: "picon-general" !important;
  content: "\e015";
}
.picon-flag-rectangle:before {
  font-family: "picon-general" !important;
  content: "\e016";
}
.picon-flag-swallowtail:before {
  font-family: "picon-general" !important;
  content: "\e017";
}
.picon-games-ios:before {
  font-family: "picon-general" !important;
  content: "\e018";
}
.picon-happy-face:before {
  font-family: "picon-general" !important;
  content: "\e019";
}
.picon-heart:before {
  font-family: "picon-general" !important;
  content: "\e01a";
}
.picon-heart-rate:before {
  font-family: "picon-general" !important;
  content: "\e01b";
}
.picon-heart-rate-2:before {
  font-family: "picon-general" !important;
  content: "\e01c";
}
.picon-infinity:before {
  font-family: "picon-general" !important;
  content: "\e01d";
}
.picon-information:before {
  font-family: "picon-general" !important;
  content: "\e01e";
}
.picon-jewel:before {
  font-family: "picon-general" !important;
  content: "\e01f";
}
.picon-jigsaw:before {
  font-family: "picon-general" !important;
  content: "\e020";
}
.picon-joystick:before {
  font-family: "picon-general" !important;
  content: "\e021";
}
.picon-lifebelt:before {
  font-family: "picon-general" !important;
  content: "\e022";
}
.picon-light:before {
  font-family: "picon-general" !important;
  content: "\e023";
}
.picon-light-bulb:before {
  font-family: "picon-general" !important;
  content: "\e024";
}
.picon-light-bulb-on:before {
  font-family: "picon-general" !important;
  content: "\e025";
}
.picon-lightening:before {
  font-family: "picon-general" !important;
  content: "\e026";
}
.picon-male-female-symbol:before {
  font-family: "picon-general" !important;
  content: "\e027";
}
.picon-male-female-symbol-2:before {
  font-family: "picon-general" !important;
  content: "\e028";
}
.picon-male-symbol:before {
  font-family: "picon-general" !important;
  content: "\e029";
}
.picon-medical-kit:before {
  font-family: "picon-general" !important;
  content: "\e02a";
}
.picon-megaphone:before {
  font-family: "picon-general" !important;
  content: "\e02b";
}
.picon-moon:before {
  font-family: "picon-general" !important;
  content: "\e02c";
}
.picon-mortar-board:before {
  font-family: "picon-general" !important;
  content: "\e02d";
}
.picon-origami:before {
  font-family: "picon-general" !important;
  content: "\e02e";
}
.picon-paint-roller:before {
  font-family: "picon-general" !important;
  content: "\e02f";
}
.picon-paint-tin:before {
  font-family: "picon-general" !important;
  content: "\e030";
}
.picon-palette:before {
  font-family: "picon-general" !important;
  content: "\e031";
}
.picon-paperclip:before {
  font-family: "picon-general" !important;
  content: "\e032";
}
.picon-paperclip-2:before {
  font-family: "picon-general" !important;
  content: "\e033";
}
.picon-past:before {
  font-family: "picon-general" !important;
  content: "\e034";
}
.picon-paw-print:before {
  font-family: "picon-general" !important;
  content: "\e035";
}
.picon-pencil:before,
.picon-edit:before {
  font-family: "picon-general" !important;
  content: "\e036";
}
.picon-picture-list:before {
  font-family: "picon-general" !important;
  content: "\e037";
}
.picon-picture-list-2:before {
  font-family: "picon-general" !important;
  content: "\e038";
}
.picon-pill:before {
  font-family: "picon-general" !important;
  content: "\e039";
}
.picon-pinwheel:before {
  font-family: "picon-general" !important;
  content: "\e03a";
}
.picon-rainbow:before {
  font-family: "picon-general" !important;
  content: "\e03b";
}
.picon-rocket:before {
  font-family: "picon-general" !important;
  content: "\e03c";
}
.picon-ruler:before {
  font-family: "picon-general" !important;
  content: "\e03d";
}
.picon-ruler-pencil:before {
  font-family: "picon-general" !important;
  content: "\e03e";
}
.picon-sad-face:before {
  font-family: "picon-general" !important;
  content: "\e03f";
}
.picon-snow:before {
  font-family: "picon-general" !important;
  content: "\e040";
}
.picon-spanner:before,
.picon-wrench:before {
  font-family: "picon-general" !important;
  content: "\e041";
}
.picon-spanner-2:before {
  font-family: "picon-general" !important;
  content: "\e042";
}
.picon-speedometer:before {
  font-family: "picon-general" !important;
  content: "\e043";
}
.picon-steering-wheel:before {
  font-family: "picon-general" !important;
  content: "\e044";
}
.picon-stroller:before {
  font-family: "picon-general" !important;
  content: "\e045";
}
.picon-sun-cloud:before {
  font-family: "picon-general" !important;
  content: "\e046";
}
.picon-target:before {
  font-family: "picon-general" !important;
  content: "\e047";
}
.picon-umbrella:before {
  font-family: "picon-general" !important;
  content: "\e048";
}
.picon-warning:before {
  font-family: "picon-general" !important;
  content: "\e049";
}
.picon-controls-eject:before {
  font-family: "picon-media" !important;
  content: "\e000";
}
.picon-controls-end:before {
  font-family: "picon-media" !important;
  content: "\e001";
}
.picon-controls-forward:before {
  font-family: "picon-media" !important;
  content: "\e002";
}
.picon-controls-next:before {
  font-family: "picon-media" !important;
  content: "\e003";
}
.picon-controls-pause:before {
  font-family: "picon-media" !important;
  content: "\e004";
}
.picon-controls-play:before {
  font-family: "picon-media" !important;
  content: "\e005";
}
.picon-controls-previous:before {
  font-family: "picon-media" !important;
  content: "\e006";
}
.picon-controls-reverse:before {
  font-family: "picon-media" !important;
  content: "\e007";
}
.picon-controls-rewind:before {
  font-family: "picon-media" !important;
  content: "\e008";
}
.picon-controls-start:before {
  font-family: "picon-media" !important;
  content: "\e009";
}
.picon-controls-stop:before {
  font-family: "picon-media" !important;
  content: "\e00a";
}
.picon-microphone:before {
  font-family: "picon-media" !important;
  content: "\e00b";
}
.picon-movies:before {
  font-family: "picon-media" !important;
  content: "\e00c";
}
.picon-music-note:before {
  font-family: "picon-media" !important;
  content: "\e00d";
}
.picon-pic-fields:before {
  font-family: "picon-media" !important;
  content: "\e00e";
}
.picon-pic-fields-albums:before {
  font-family: "picon-media" !important;
  content: "\e00f";
}
.picon-pic-ios:before {
  font-family: "picon-media" !important;
  content: "\e010";
}
.picon-pic-ios-2:before {
  font-family: "picon-media" !important;
  content: "\e011";
}
.picon-pic-ios-album:before {
  font-family: "picon-media" !important;
  content: "\e012";
}
.picon-pic-mountains:before,
.picon-image:before {
  font-family: "picon-media" !important;
  content: "\e013";
}
.picon-pic-mountains-albums:before {
  font-family: "picon-media" !important;
  content: "\e014";
}
.picon-sliders-side:before {
  font-family: "picon-media" !important;
  content: "\e015";
}
.picon-sliders-side-2:before {
  font-family: "picon-media" !important;
  content: "\e016";
}
.picon-sliders-up:before {
  font-family: "picon-media" !important;
  content: "\e017";
}
.picon-sliders-up-2:before {
  font-family: "picon-media" !important;
  content: "\e018";
}
.picon-vol-loud:before {
  font-family: "picon-media" !important;
  content: "\e019";
}
.picon-vol-medium:before {
  font-family: "picon-media" !important;
  content: "\e01a";
}
.picon-vol-mute:before {
  font-family: "picon-media" !important;
  content: "\e01b";
}
.picon-vol-quiet:before {
  font-family: "picon-media" !important;
  content: "\e01c";
}
.picon-airdrop:before {
  font-family: "picon-native-ios" !important;
  content: "\e000";
}
.picon-alarms:before {
  font-family: "picon-native-ios" !important;
  content: "\e001";
}
.picon-albums:before {
  font-family: "picon-native-ios" !important;
  content: "\e002";
}
.picon-bookmarks:before {
  font-family: "picon-native-ios" !important;
  content: "\e003";
}
.picon-browsers:before {
  font-family: "picon-native-ios" !important;
  content: "\e004";
}
.picon-contacts:before {
  font-family: "picon-native-ios" !important;
  content: "\e005";
}
.picon-download:before {
  font-family: "picon-native-ios" !important;
  content: "\e006";
}
.picon-favorites:before {
  font-family: "picon-native-ios" !important;
  content: "\e007";
}
.picon-films:before {
  font-family: "picon-native-ios" !important;
  content: "\e008";
}
.picon-flags:before {
  font-family: "picon-native-ios" !important;
  content: "\e009";
}
.picon-keypad:before {
  font-family: "picon-native-ios" !important;
  content: "\e00a";
}
.picon-messages:before {
  font-family: "picon-native-ios" !important;
  content: "\e00b";
}
.picon-more:before {
  font-family: "picon-native-ios" !important;
  content: "\e00c";
}
.picon-near:before {
  font-family: "picon-native-ios" !important;
  content: "\e00d";
}
.picon-new:before {
  font-family: "picon-native-ios" !important;
  content: "\e00e";
}
.picon-next:before {
  font-family: "picon-native-ios" !important;
  content: "\e00f";
}
.picon-photos:before {
  font-family: "picon-native-ios" !important;
  content: "\e010";
}
.picon-playlists:before {
  font-family: "picon-native-ios" !important;
  content: "\e011";
}
.picon-previous:before {
  font-family: "picon-native-ios" !important;
  content: "\e012";
}
.picon-reading:before {
  font-family: "picon-native-ios" !important;
  content: "\e013";
}
.picon-recents:before {
  font-family: "picon-native-ios" !important;
  content: "\e014";
}
.picon-reply:before {
  font-family: "picon-native-ios" !important;
  content: "\e015";
}
.picon-search:before {
  font-family: "picon-native-ios" !important;
  content: "\e016";
}
.picon-stop-watch:before {
  font-family: "picon-native-ios" !important;
  content: "\e017";
}
.picon-television:before {
  font-family: "picon-native-ios" !important;
  content: "\e018";
}
.picon-timer:before {
  font-family: "picon-native-ios" !important;
  content: "\e019";
}
.picon-top-charts:before {
  font-family: "picon-native-ios" !important;
  content: "\e01a";
}
.picon-trash:before {
  font-family: "picon-native-ios" !important;
  content: "\e01b";
}
.picon-upload:before {
  font-family: "picon-native-ios" !important;
  content: "\e01c";
}
.picon-world-times:before {
  font-family: "picon-native-ios" !important;
  content: "\e01d";
}
.picon-android:before {
  font-family: "picon-social-media" !important;
  content: "\e000";
}
.picon-apple:before {
  font-family: "picon-social-media" !important;
  content: "\e001";
}
.picon-bebo:before {
  font-family: "picon-social-media" !important;
  content: "\e002";
}
.picon-behance:before {
  font-family: "picon-social-media" !important;
  content: "\e003";
}
.picon-blackberry:before {
  font-family: "picon-social-media" !important;
  content: "\e004";
}
.picon-blogger:before {
  font-family: "picon-social-media" !important;
  content: "\e005";
}
.picon-deezer:before {
  font-family: "picon-social-media" !important;
  content: "\e006";
}
.picon-delicious:before {
  font-family: "picon-social-media" !important;
  content: "\e007";
}
.picon-deviantart:before {
  font-family: "picon-social-media" !important;
  content: "\e008";
}
.picon-digg:before {
  font-family: "picon-social-media" !important;
  content: "\e009";
}
.picon-dribbble:before {
  font-family: "picon-social-media" !important;
  content: "\e00a";
}
.picon-email-circle:before {
  font-family: "picon-social-media" !important;
  content: "\e00b";
}
.picon-evernote:before {
  font-family: "picon-social-media" !important;
  content: "\e00c";
}
.picon-facebook:before {
  font-family: "picon-social-media" !important;
  content: "\e00d";
}
.picon-flickr:before {
  font-family: "picon-social-media" !important;
  content: "\e00e";
}
.picon-forrst:before {
  font-family: "picon-social-media" !important;
  content: "\e00f";
}
.picon-foursquare:before {
  font-family: "picon-social-media" !important;
  content: "\e010";
}
.picon-github:before {
  font-family: "picon-social-media" !important;
  content: "\e011";
}
.picon-google:before {
  font-family: "picon-social-media" !important;
  content: "\e012";
}
.picon-instagram:before {
  font-family: "picon-social-media" !important;
  content: "\e013";
}
.picon-lastfm:before {
  font-family: "picon-social-media" !important;
  content: "\e014";
}
.picon-linkedin:before {
  font-family: "picon-social-media" !important;
  content: "\e015";
}
.picon-myspace:before {
  font-family: "picon-social-media" !important;
  content: "\e016";
}
.picon-paypal:before {
  font-family: "picon-social-media" !important;
  content: "\e017";
}
.picon-picasa:before {
  font-family: "picon-social-media" !important;
  content: "\e018";
}
.picon-pinterest:before {
  font-family: "picon-social-media" !important;
  content: "\e019";
}
.picon-reddit:before {
  font-family: "picon-social-media" !important;
  content: "\e01a";
}
.picon-rss-2:before {
  font-family: "picon-social-media" !important;
  content: "\e01b";
}
.picon-sharethis:before {
  font-family: "picon-social-media" !important;
  content: "\e01c";
}
.picon-skype:before {
  font-family: "picon-social-media" !important;
  content: "\e01d";
}
.picon-spotify:before {
  font-family: "picon-social-media" !important;
  content: "\e01e";
}
.picon-stumbleupon:before {
  font-family: "picon-social-media" !important;
  content: "\e01f";
}
.picon-tumblr:before {
  font-family: "picon-social-media" !important;
  content: "\e020";
}
.picon-twitter:before {
  font-family: "picon-social-media" !important;
  content: "\e021";
}
.picon-vimeo:before {
  font-family: "picon-social-media" !important;
  content: "\e022";
}
.picon-vine:before {
  font-family: "picon-social-media" !important;
  content: "\e023";
}
.picon-windows:before {
  font-family: "picon-social-media" !important;
  content: "\e024";
}
.picon-wordpress:before {
  font-family: "picon-social-media" !important;
  content: "\e025";
}
.picon-yelp:before {
  font-family: "picon-social-media" !important;
  content: "\e026";
}
.picon-youtube:before {
  font-family: "picon-social-media" !important;
  content: "\e027";
}
.picon-9-pin-bowling:before {
  font-family: "picon-sports" !important;
  content: "\e000";
}
.picon-archery:before {
  font-family: "picon-sports" !important;
  content: "\e001";
}
.picon-archery-target:before {
  font-family: "picon-sports" !important;
  content: "\e002";
}
.picon-baseball:before {
  font-family: "picon-sports" !important;
  content: "\e003";
}
.picon-baseball-player:before {
  font-family: "picon-sports" !important;
  content: "\e004";
}
.picon-basketball:before {
  font-family: "picon-sports" !important;
  content: "\e005";
}
.picon-basketball-player:before {
  font-family: "picon-sports" !important;
  content: "\e006";
}
.picon-bowling-ball:before {
  font-family: "picon-sports" !important;
  content: "\e007";
}
.picon-cross-country-skiing:before {
  font-family: "picon-sports" !important;
  content: "\e008";
}
.picon-cycling:before {
  font-family: "picon-sports" !important;
  content: "\e009";
}
.picon-exercise:before {
  font-family: "picon-sports" !important;
  content: "\e00a";
}
.picon-fencing:before {
  font-family: "picon-sports" !important;
  content: "\e00b";
}
.picon-football:before {
  font-family: "picon-sports" !important;
  content: "\e00c";
}
.picon-golf-putt:before {
  font-family: "picon-sports" !important;
  content: "\e00d";
}
.picon-golf-swing:before {
  font-family: "picon-sports" !important;
  content: "\e00e";
}
.picon-gymnastics:before {
  font-family: "picon-sports" !important;
  content: "\e00f";
}
.picon-hockey:before {
  font-family: "picon-sports" !important;
  content: "\e010";
}
.picon-hurdles:before {
  font-family: "picon-sports" !important;
  content: "\e011";
}
.picon-ice-hockey:before {
  font-family: "picon-sports" !important;
  content: "\e012";
}
.picon-ice-skating:before {
  font-family: "picon-sports" !important;
  content: "\e013";
}
.picon-jogging:before {
  font-family: "picon-sports" !important;
  content: "\e014";
}
.picon-karate:before {
  font-family: "picon-sports" !important;
  content: "\e015";
}
.picon-kickboxing:before {
  font-family: "picon-sports" !important;
  content: "\e016";
}
.picon-man:before {
  font-family: "picon-sports" !important;
  content: "\e017";
}
.picon-pilates:before {
  font-family: "picon-sports" !important;
  content: "\e018";
}
.picon-pool-ball:before {
  font-family: "picon-sports" !important;
  content: "\e019";
}
.picon-roller-blading:before {
  font-family: "picon-sports" !important;
  content: "\e01a";
}
.picon-rugby-ball:before {
  font-family: "picon-sports" !important;
  content: "\e01b";
}
.picon-rugby-player:before {
  font-family: "picon-sports" !important;
  content: "\e01c";
}
.picon-running:before {
  font-family: "picon-sports" !important;
  content: "\e01d";
}
.picon-skate-boarding:before {
  font-family: "picon-sports" !important;
  content: "\e01e";
}
.picon-skiing:before {
  font-family: "picon-sports" !important;
  content: "\e01f";
}
.picon-skipping:before {
  font-family: "picon-sports" !important;
  content: "\e020";
}
.picon-soccer-ball:before {
  font-family: "picon-sports" !important;
  content: "\e021";
}
.picon-soccer-player:before {
  font-family: "picon-sports" !important;
  content: "\e022";
}
.picon-sprint-cycling:before {
  font-family: "picon-sports" !important;
  content: "\e023";
}
.picon-sprinting:before {
  font-family: "picon-sports" !important;
  content: "\e024";
}
.picon-star-jumps:before {
  font-family: "picon-sports" !important;
  content: "\e025";
}
.picon-stretching:before {
  font-family: "picon-sports" !important;
  content: "\e026";
}
.picon-surfer:before {
  font-family: "picon-sports" !important;
  content: "\e027";
}
.picon-swimming:before {
  font-family: "picon-sports" !important;
  content: "\e028";
}
.picon-tennis:before {
  font-family: "picon-sports" !important;
  content: "\e029";
}
.picon-tennis-ball:before {
  font-family: "picon-sports" !important;
  content: "\e02a";
}
.picon-trophy:before {
  font-family: "picon-sports" !important;
  content: "\e02b";
}
.picon-trophy-star:before {
  font-family: "picon-sports" !important;
  content: "\e02c";
}
.picon-volleyball:before {
  font-family: "picon-sports" !important;
  content: "\e02d";
}
.picon-walking:before {
  font-family: "picon-sports" !important;
  content: "\e02e";
}
.picon-water-volleyball:before {
  font-family: "picon-sports" !important;
  content: "\e02f";
}
.picon-weight-lifting:before {
  font-family: "picon-sports" !important;
  content: "\e030";
}
.picon-winners-podium:before {
  font-family: "picon-sports" !important;
  content: "\e031";
}
.picon-woman:before {
  font-family: "picon-sports" !important;
  content: "\e032";
}
.picon-yoga:before {
  font-family: "picon-sports" !important;
  content: "\e033";
}
.picon-anchor:before {
  font-family: "picon-technology" !important;
  content: "\e000";
}
.picon-bluetooth:before {
  font-family: "picon-technology" !important;
  content: "\e001";
}
.picon-cloud-download:before {
  font-family: "picon-technology" !important;
  content: "\e002";
}
.picon-cloud-minus:before {
  font-family: "picon-technology" !important;
  content: "\e003";
}
.picon-cloud-multiply:before {
  font-family: "picon-technology" !important;
  content: "\e004";
}
.picon-cloud-plus:before {
  font-family: "picon-technology" !important;
  content: "\e005";
}
.picon-cloud-tick:before {
  font-family: "picon-technology" !important;
  content: "\e006";
}
.picon-cloud-upload:before {
  font-family: "picon-technology" !important;
  content: "\e007";
}
.picon-db:before {
  font-family: "picon-technology" !important;
  content: "\e008";
}
.picon-db-edit:before {
  font-family: "picon-technology" !important;
  content: "\e009";
}
.picon-db-location:before {
  font-family: "picon-technology" !important;
  content: "\e00a";
}
.picon-db-locked:before {
  font-family: "picon-technology" !important;
  content: "\e00b";
}
.picon-db-minus:before {
  font-family: "picon-technology" !important;
  content: "\e00c";
}
.picon-db-multiply:before {
  font-family: "picon-technology" !important;
  content: "\e00d";
}
.picon-db-plus:before {
  font-family: "picon-technology" !important;
  content: "\e00e";
}
.picon-db-search:before {
  font-family: "picon-technology" !important;
  content: "\e00f";
}
.picon-db-settings:before {
  font-family: "picon-technology" !important;
  content: "\e010";
}
.picon-db-tick:before {
  font-family: "picon-technology" !important;
  content: "\e011";
}
.picon-db-warning:before {
  font-family: "picon-technology" !important;
  content: "\e012";
}
.picon-email:before {
  font-family: "picon-technology" !important;
  content: "\e013";
}
.picon-email-receive:before {
  font-family: "picon-technology" !important;
  content: "\e014";
}
.picon-email-send:before {
  font-family: "picon-technology" !important;
  content: "\e015";
}
.picon-finger-print:before {
  font-family: "picon-technology" !important;
  content: "\e016";
}
.picon-mobile-signal:before {
  font-family: "picon-technology" !important;
  content: "\e017";
}
.picon-net-closed:before {
  font-family: "picon-technology" !important;
  content: "\e018";
}
.picon-net-line:before {
  font-family: "picon-technology" !important;
  content: "\e019";
}
.picon-net-link:before {
  font-family: "picon-technology" !important;
  content: "\e01a";
}
.picon-net-open:before {
  font-family: "picon-technology" !important;
  content: "\e01b";
}
.picon-net-tree:before {
  font-family: "picon-technology" !important;
  content: "\e01c";
}
.picon-power:before {
  font-family: "picon-technology" !important;
  content: "\e01d";
}
.picon-rss:before {
  font-family: "picon-technology" !important;
  content: "\e01e";
}
.picon-telephone:before {
  font-family: "picon-technology" !important;
  content: "\e01f";
}
.picon-telephone-receive:before {
  font-family: "picon-technology" !important;
  content: "\e020";
}
.picon-telephone-send:before {
  font-family: "picon-technology" !important;
  content: "\e021";
}
.picon-telephone-signal:before {
  font-family: "picon-technology" !important;
  content: "\e022";
}
.picon-ui:before {
  font-family: "picon-technology" !important;
  content: "\e023";
}
.picon-ui-1-panel:before {
  font-family: "picon-technology" !important;
  content: "\e024";
}
.picon-ui-2-panel:before {
  font-family: "picon-technology" !important;
  content: "\e025";
}
.picon-ui-3-panel:before {
  font-family: "picon-technology" !important;
  content: "\e026";
}
.picon-ui-code:before {
  font-family: "picon-technology" !important;
  content: "\e027";
}
.picon-ui-ui:before {
  font-family: "picon-technology" !important;
  content: "\e028";
}
.picon-ui-ui-2:before {
  font-family: "picon-technology" !important;
  content: "\e029";
}
.picon-ui-www:before {
  font-family: "picon-technology" !important;
  content: "\e02a";
}
.picon-compass:before {
  font-family: "picon-travel" !important;
  content: "\e000";
}
.picon-globe:before {
  font-family: "picon-travel" !important;
  content: "\e001";
}
.picon-location:before {
  font-family: "picon-travel" !important;
  content: "\e002";
}
.picon-map:before {
  font-family: "picon-travel" !important;
  content: "\e003";
}
.picon-map-location:before {
  font-family: "picon-travel" !important;
  content: "\e004";
}
.picon-map-location-2:before {
  font-family: "picon-travel" !important;
  content: "\e005";
}
.picon-map-location-3:before {
  font-family: "picon-travel" !important;
  content: "\e006";
}
.picon-map-pin:before {
  font-family: "picon-travel" !important;
  content: "\e007";
}
.picon-map-pin-2:before {
  font-family: "picon-travel" !important;
  content: "\e008";
}
.picon-map-pin-3:before {
  font-family: "picon-travel" !important;
  content: "\e009";
}
.picon-map-pin-angle-2:before {
  font-family: "picon-travel" !important;
  content: "\e00a";
}
.picon-map-pin-angle-3:before {
  font-family: "picon-travel" !important;
  content: "\e00b";
}
.picon-map-pin-distance:before {
  font-family: "picon-travel" !important;
  content: "\e00c";
}
.picon-map-pin-distance-2:before {
  font-family: "picon-travel" !important;
  content: "\e00d";
}
.picon-map-pin-distance-3:before {
  font-family: "picon-travel" !important;
  content: "\e00e";
}
.picon-map-pin-edit:before {
  font-family: "picon-travel" !important;
  content: "\e00f";
}
.picon-map-pin-location:before {
  font-family: "picon-travel" !important;
  content: "\e010";
}
.picon-map-pin-location-2:before {
  font-family: "picon-travel" !important;
  content: "\e011";
}
.picon-map-pin-location-3:before {
  font-family: "picon-travel" !important;
  content: "\e012";
}
.picon-map-pin-locked:before {
  font-family: "picon-travel" !important;
  content: "\e013";
}
.picon-map-pin-minus:before {
  font-family: "picon-travel" !important;
  content: "\e014";
}
.picon-map-pin-multiply:before {
  font-family: "picon-travel" !important;
  content: "\e015";
}
.picon-map-pin-plus:before {
  font-family: "picon-travel" !important;
  content: "\e016";
}
.picon-map-pin-search:before {
  font-family: "picon-travel" !important;
  content: "\e017";
}
.picon-map-pin-settings:before {
  font-family: "picon-travel" !important;
  content: "\e018";
}
.picon-map-pin-tick:before {
  font-family: "picon-travel" !important;
  content: "\e019";
}
.picon-map-pin-trash:before {
  font-family: "picon-travel" !important;
  content: "\e01a";
}
.picon-map-pin-warning:before {
  font-family: "picon-travel" !important;
  content: "\e01b";
}
.picon-map-pins:before {
  font-family: "picon-travel" !important;
  content: "\e01c";
}
.picon-map-route:before {
  font-family: "picon-travel" !important;
  content: "\e01d";
}
.picon-signpost:before {
  font-family: "picon-travel" !important;
  content: "\e01e";
}
.picon-signposts:before {
  font-family: "picon-travel" !important;
  content: "\e01f";
}
.picon-suitcase:before {
  font-family: "picon-travel" !important;
  content: "\e020";
}
.picon-user:before {
  font-family: "picon-users" !important;
  content: "\e000";
}
.picon-user-2:before {
  font-family: "picon-users" !important;
  content: "\e001";
}
.picon-user-chat:before {
  font-family: "picon-users" !important;
  content: "\e002";
}
.picon-user-chat-2:before {
  font-family: "picon-users" !important;
  content: "\e003";
}
.picon-user-edit:before {
  font-family: "picon-users" !important;
  content: "\e004";
}
.picon-user-edit-2:before {
  font-family: "picon-users" !important;
  content: "\e005";
}
.picon-user-location:before {
  font-family: "picon-users" !important;
  content: "\e006";
}
.picon-user-location-2:before {
  font-family: "picon-users" !important;
  content: "\e007";
}
.picon-user-locked:before {
  font-family: "picon-users" !important;
  content: "\e008";
}
.picon-user-locked-2:before {
  font-family: "picon-users" !important;
  content: "\e009";
}
.picon-user-minus:before {
  font-family: "picon-users" !important;
  content: "\e00a";
}
.picon-user-minus-2:before {
  font-family: "picon-users" !important;
  content: "\e00b";
}
.picon-user-multiply:before {
  font-family: "picon-users" !important;
  content: "\e00c";
}
.picon-user-multiply-2:before {
  font-family: "picon-users" !important;
  content: "\e00d";
}
.picon-user-plus:before {
  font-family: "picon-users" !important;
  content: "\e00e";
}
.picon-user-plus-2:before {
  font-family: "picon-users" !important;
  content: "\e00f";
}
.picon-user-search:before {
  font-family: "picon-users" !important;
  content: "\e010";
}
.picon-user-search-2:before {
  font-family: "picon-users" !important;
  content: "\e011";
}
.picon-user-settings:before {
  font-family: "picon-users" !important;
  content: "\e012";
}
.picon-user-settings-2:before {
  font-family: "picon-users" !important;
  content: "\e013";
}
.picon-user-tick:before {
  font-family: "picon-users" !important;
  content: "\e014";
}
.picon-user-tick-2:before {
  font-family: "picon-users" !important;
  content: "\e015";
}
.picon-user-warning:before {
  font-family: "picon-users" !important;
  content: "\e016";
}
.picon-user-warning-2:before {
  font-family: "picon-users" !important;
  content: "\e017";
}
.picon-users-connected:before {
  font-family: "picon-users" !important;
  content: "\e018";
}
.picon-users-connected-2:before {
  font-family: "picon-users" !important;
  content: "\e019";
}
.picon-users-hierarchy:before {
  font-family: "picon-users" !important;
  content: "\e01a";
}
.picon-users-hierarchy-2:before {
  font-family: "picon-users" !important;
  content: "\e01b";
}
.picon-users-three:before {
  font-family: "picon-users" !important;
  content: "\e01c";
}
.picon-users-three-2:before {
  font-family: "picon-users" !important;
  content: "\e01d";
}
.picon-users-three-switch:before {
  font-family: "picon-users" !important;
  content: "\e01e";
}
.picon-users-three-switch-2:before {
  font-family: "picon-users" !important;
  content: "\e01f";
}
.picon-users-two:before {
  font-family: "picon-users" !important;
  content: "\e020";
}
.picon-users-two-2:before {
  font-family: "picon-users" !important;
  content: "\e021";
}
.picon-users-two-switch:before {
  font-family: "picon-users" !important;
  content: "\e022";
}
.picon-users-two-switch-2:before {
  font-family: "picon-users" !important;
  content: "\e023";
}
.picon-8,
.picon.picon-8 {
  font-size: 8px !important;
}
.picon-11,
.picon.picon-11 {
  font-size: 11px !important;
}
.picon-12,
.picon.picon-12 {
  font-size: 12px !important;
}
.picon-14,
.picon.picon-14 {
  font-size: 14px !important;
}
.picon-16,
.picon.picon-16 {
  font-size: 16px !important;
}
.picon-18,
.picon.picon-18 {
  font-size: 18px !important;
}
.picon-20,
.picon.picon-20 {
  font-size: 20px !important;
}
.picon-22,
.picon.picon-22 {
  font-size: 22px !important;
}
.picon-24,
.picon.picon-24 {
  font-size: 24px !important;
}
.picon-26,
.picon.picon-26 {
  font-size: 26px !important;
}
.picon-28,
.picon.picon-28 {
  font-size: 28px !important;
}
.picon-30,
.picon.picon-30 {
  font-size: 30px !important;
}
.picon-40,
.picon.picon-40 {
  font-size: 40px !important;
}
.picon-50,
.picon.picon-50 {
  font-size: 50px !important;
}
.picon-60,
.picon.picon-60 {
  font-size: 60px !important;
}
.picon-movedown {
  position: relative;
  top: 1px;
}
.picon-pad1 {
  padding: 1px;
}
.picon-pad2 {
  padding: 2px;
}
.picon-pad4 {
  padding: 4px;
}
.picon-gold {
  background-image: -moz-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: -ms-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdcb00), to(#c9a20a));
  background-image: -webkit-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: -o-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: linear-gradient(top, #fdcb00, #c9a20a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdcb00', endColorstr='#c9a20a', GradientType=0);
  border-color: #c9a20a #c9a20a #806706;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #fdcb00;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.picon-gold:hover,
.picon-gold:active,
.picon-gold.active {
  background: #e8bb04;
  cursor: pointer;
  cursor: hand;
}
.picon-gold:active,
.picon-gold.active {
  background: #987b08 \9;
}
@font-face {
  font-family: 'gameicons';
  src: url('https://s3.amazonaws.com/celtx.com/assets/gameicons/1.0/gameicons.eot');
  src: url('https://s3.amazonaws.com/celtx.com/assets/gameicons/1.0/gameicons.eot#iefix') format('embedded-opentype'), url('https://s3.amazonaws.com/celtx.com/assets/gameicons/1.0/gameicons.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/gameicons/1.0/gameicons.ttf') format('truetype'), url('https://s3.amazonaws.com/celtx.com/assets/gameicons/1.0/gameicons.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'gameicons';
    src: url('../font/gameicons.svg?72536498#gameicons') format('svg');
  }
}
*/
.gi:before {
  font-family: "gameicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .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: .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); */
}
.gi-action:before {
  content: '\e800';
}
/* '' */
.gi-branch:before {
  content: '\e801';
}
/* '' */
.gi-character:before {
  content: '\e802';
}
/* '' */
.gi-dialog:before {
  content: '\e803';
}
/* '' */
.gi-dots:before {
  content: '\e804';
}
/* '' */
.gi-gameeditor:before {
  content: '\e805';
}
/* '' */
.gi-gamemechanics:before {
  content: '\e806';
}
/* '' */
.gi-hapticfx:before {
  content: '\e807';
}
/* '' */
.gi-int-dialog:before {
  content: '\e809';
}
/* '' */
.gi-item:before {
  content: '\e80a';
}
/* '' */
.gi-location:before {
  content: '\e80b';
}
/* '' */
.gi-soundfx:before {
  content: '\e80d';
}
/* '' */
.gi-text-cursor:before {
  content: '\e80e';
}
/* '' */
.gi-visualfx:before {
  content: '\e80f';
}
/* '' */
.gi-sequence:before {
  content: '\e811';
}
/* '' */
@font-face {
  font-family: 'Courier Prime';
  src: url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/CourierPrime.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/CourierPrime.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/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/CourierPrimeBold.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/CourierPrimeBold.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/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/CourierPrimeItalic.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/CourierPrimeItalic.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/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/CourierPrimeBoldItalic.woff2') format('woff2'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/CourierPrimeBoldItalic.woff') format('woff'), url('https://s3.amazonaws.com/celtx.com/assets/courier_prime/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-centered.goog-menu-button {
  margin-right: 0px !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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#048ac2', GradientType=0);
  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%;
}
.autoblocksearch .index-card-input {
  height: 90%;
  color: #ffffff;
  flex: 1;
  margin: 0;
  padding: 0;
  align-self: center;
  margin-left: 5px;
  margin-bottom: 3px;
}
.input-error {
  border-color: #b94a48;
  color: #b94a48;
}
.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(185, 74, 72, 0.8);
}
.input-error:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(185, 74, 72, 0.8);
}
.input-error::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(185, 74, 72, 0.8);
}
.input-error:-ms-input-placeholder {
  color: rgba(185, 74, 72, 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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
  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;
  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;
  color: white;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  z-index: 2;
  background: #2980b9;
  -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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
  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: 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: #ffffff;
  border: none;
  box-shadow: none !important;
  height: 19px;
  line-height: 13px;
}
.searchbarform-clear {
  color: #aaa;
  border: 1px transparent;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 11px;
  z-index: 4;
  padding-top: 1px;
}
.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-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 #0088cc !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 #0088cc !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 {
  *zoom: 1;
  position: relative;
}
.searchbarform-quickresults-item:before,
.searchbarform-quickresults-item:after {
  display: table;
  content: "";
}
.searchbarform-quickresults-item:after {
  clear: both;
}
.searchbarform-quickresults-item:hover {
  *zoom: 1;
  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 !important;
  border: 1px solid #999 !important;
}
.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: #555555;
  text-align: left;
  vertical-align: middle;
  height: 21px !important;
  padding-top: 8px;
}
.cx-projectlistitem .infomanagerbox-label {
  letter-spacing: 0.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: #333333;
  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 !important;
  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;
}
.cx-copy-link {
  display: inline-block;
  line-height: 28px;
  width: 28px;
  text-align: center;
  background-color: #676868;
  vertical-align: top;
}
.cx-copy-link i {
  color: #ffffff;
}
.cx-copy-link:hover {
  background-color: #5a5b5b;
}
@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: #ffffff;
  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 !important;
  right: 0px !important;
  left: auto !important;
}
.notetab-note .notetab-settings {
  color: #ffffff;
  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: #ffffff;
  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: #ffffff;
  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%;
}
.fscomp-content-container .media-container {
  padding: 3px 0px 0px 0px !important;
}
.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 #4fc0e8;
  -moz-box-shadow: inset 0 0 1px 2px #4fc0e8;
  box-shadow: inset 0 0 1px 2px #4fc0e8;
}
.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: #61ccf6;
  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: #61ccf6;
}
.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 .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 .prompt-supported-types {
  display: inline-block;
  margin-left: 10px;
}
.bulk-onboarding-dialog .bulk-onboard-upload-container .bulk-onboard-upload-error {
  margin-top: 10px;
  color: red;
}
.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: #ed605e;
}
.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;
  }
}
.project-sidebar .avatar-medium {
  height: 25px;
  width: 25px;
}
.project-sidebar .projectactivitylist-commentlist {
  border-top: 1px solid #5b5d61;
}
.project-sidebar .projectactivitylist-commentlist-item-content {
  width: 75%;
}
.project-sidebar .projectactivitylist-commentlist-item-explain {
  font-color: #b0afaf;
}
.project-sidebar .projectactivitylist-commentlist-empty {
  padding-left: 35px;
}
.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;
}
.project-sidebar {
  position: relative;
  color: #a0a0a0;
  background-color: #1d2025;
  margin: 10px;
  font-size: 10px;
  overflow-x: hidden;
  padding: 12px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
}
.project-sidebar .projectpanel-share-header {
  padding: 10px 0px;
}
.project-sidebar .projectpanel-share-header .team-circle {
  color: #000;
}
.project-sidebar .projectpanel-share-footer {
  padding: 15px 0px;
  text-align: center;
  background: #1d2025;
  bottom: 0;
  width: 100%;
}
.project-sidebar .projectpanel-share-footer .projectpanel-share-collab-button {
  background: #4fc0e8;
  width: 150px;
  padding: 10px 12px;
  font-size: 14px;
  margin: auto 5px;
  text-align: center;
}
.project-sidebar .projectpanel-heading {
  background: #1d2025 !important;
  color: #a0a0a0 !important;
  border-bottom: 0!important;
  margin-bottom: 0;
}
.project-sidebar .projectpanel-tabsection {
  display: block;
  background: #1d2025 !important;
  text-align: left;
}
.project-sidebar .projectpanel-tabsection-content {
  background: #1d2025 !important;
  padding: 0;
}
.project-sidebar .studio-management-item {
  border-bottom-color: #2c313a;
}
.project-sidebar .studio-management-item .studio-management-item-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.project-sidebar .studio-management-item .studio-management-item-name,
.project-sidebar .studio-management-item .studio-management-item-email {
  width: 150px;
}
.project-sidebar .studio-management-container-withselect {
  margin-left: 35px;
}
.project-sidebar .studio-management-item-avatar-small {
  margin-left: 0;
}
.project-sidebar .studio-management-contacts-image {
  margin-left: 0;
}
.project-sidebar .studio-management-group-members-container {
  display: none;
}
@media (max-width: 767px) {
  .project-sidebar {
    height: 204px !important;
  }
}
.share-dialog-tab-content {
  max-height: 420px;
  overflow-y: auto;
  position: relative;
}
.share-dialog-tab-content .add-all {
  position: absolute;
  top: 25px;
  right: 10px;
  z-index: 999;
}
.invite-panel {
  width: 50%;
  max-height: 220px;
  overflow-y: auto;
  padding-right: 20px;
  box-sizing: border-box;
}
.message-panel {
  width: 50%;
  height: 100%;
  padding-left: 20px;
  box-sizing: border-box;
}
.invite-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
}
.invite-row button {
  margin-left: 5px;
}
.invite-row button:focus {
  outline: none;
}
.invite-email {
  width: 100%;
}
.invite-company {
  width: 100%;
}
.invite-message {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.parsed-invite {
  display: flex;
  background: #43c360;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #0f9423;
  color: #fff;
  font-size: 10px;
}
.parsed-invite .email {
  flex-grow: 1;
  font-weight: bold;
}
.parsed-invite .delete {
  margin-left: auto;
  cursor: pointer;
}
.valid-invite {
  width: 100%;
  padding: 5px;
  border: 1px solid #dadada;
  background: #dadada;
  border-radius: 2px;
}
.delete-invite {
  cursor: pointer;
  padding: 5px;
}
.error-message {
  display: none;
  background: #fff8d3;
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #ffd662;
  border-radius: 2px;
  color: #b94a48;
}
.error-message i {
  margin-right: 5px;
}
.error-message.alert {
  background: #fff;
  border-color: #e0e0e0;
  color: #000;
}
.error-message.alert i {
  display: none;
}
.mobile-share-dialog .invite-panel {
  overflow: auto;
  max-height: 255px;
}
.mobile-share-dialog .parsed-invite .email {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
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: #feffff;
  background-position-x: -22px;
  padding: 15px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  color: #333333;
  margin: 10px 0px 10px 0;
  display: flex;
  justify-content: space-between;
}
.cx-projectlistitem .teamsharecheckbox-container {
  text-align: center;
  color: #95a5a6;
  font-size: 8px;
  font-weight: lighter;
  letter-spacing: 0.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 {
  *zoom: 1;
  margin-left: 35px;
}
.projectlistitem-header:before,
.projectlistitem-header:after {
  display: table;
  content: "";
}
.projectlistitem-header:after {
  clear: both;
}
.projectlistitem-logo-container {
  width: 62px;
  height: 62px;
  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;
  width: 46px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  text-align: center;
  padding: 20px 8px;
}
.projectlistitem-logo-container .projectlistitem-logo-edit {
  text-align: center;
  cursor: pointer;
}
.projectlistitem-logo-container .projectlistitem-logo-offline {
  position: absolute;
  top: 30px;
  left: 0;
  width: 62px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
}
.projectlistitem-logo-container .projectlistitem-logo-offline i {
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  font-size: 15px;
  color: #ffffff;
}
.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: 5px;
}
.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;
  vertical-align: unset;
}
.projectlistitem-title {
  float: left;
}
.projectlistitem-offline-label {
  padding: 0px 6px 0px 4px;
  border: 2px solid #40bdb4;
  border-radius: 8px;
  color: #40bdb4;
  font-size: 12px;
  white-space: nowrap;
  line-height: 20px;
  position: absolute;
  top: 45px;
  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: #555555;
  border: 1px solid #555555;
  margin-left: 20px;
}
.projectlistitem-startfrom a:hover {
  background-color: #f0f1f1;
  color: #555555;
}
.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;
}
.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;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.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;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: #54c3ee;
}
.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: 985px) {
  .cx-projectlistitem {
    flex-wrap: wrap;
  }
  .projectlistitem-form {
    width: auto;
  }
  .projecttitle {
    max-width: 450px;
  }
  .team-container {
    padding-left: 22px;
  }
  .share-container {
    margin-left: 150px;
  }
}
@media (max-width: 885px) {
  .projecttitle {
    max-width: 350px;
  }
  .share-container {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .projecttitle {
    max-width: 100px;
  }
  .team-container {
    padding-left: 0px;
  }
}
.cx-marketing-dialog-button {
  text-transform: uppercase;
  border-radius: 3px;
  width: 200px;
  display: inline-block;
  color: #fff;
  padding: 10px;
  cursor: hand;
  cursor: pointer;
  text-align: center;
  text-shadow: none;
  border: none;
  box-sizing: border-box;
}
.cx-marketing-dialog-button:hover,
.cx-marketing-dialog-button:active {
  cursor: pointer;
  cursor: hand;
}
.cx-marketing-dialog {
  width: 600px;
  height: 450px;
  z-index: 2001;
  max-height: 100%;
  padding: 0px;
  max-width: 99%;
  border: none;
  position: fixed;
  -webkit-animation-duration: .6s;
  animation-duration: .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;
  -webkit-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.3);
}
.cx-marketing-dialog:focus {
  outline: none;
}
.premium-editor-promotion-large.cx-marketing-dialog {
  height: 460px;
}
.gemtwo-endoftrial-for-member.cx-marketing-dialog {
  height: 250px;
}
.cx-marketing-dialog-bg {
  background: #666;
  left: 0;
  position: fixed;
  top: 0;
  padding: 5px;
  z-index: 2001;
}
.cx-marketing-dialog-content {
  background-color: #ffffff;
  height: 450px;
  box-sizing: border-box;
  padding: 16px;
}
.premium-editor-promotion .cx-marketing-dialog-content {
  padding: 40px 90px;
  background-color: rgba(0, 0, 0, 0.9);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,000000+100 */
  background: #333333;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #333333 0%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.gemtwo-endoftrial-for-member .cx-marketing-dialog-content {
  height: 250px;
  background: -moz-radial-gradient(center, ellipse cover, #209e96 0%, #133d51 100%) !important;
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #209e96 0%, #133d51 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at top left, #209e96 0%, #133d51 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#209e96', endColorstr='#133d51', GradientType=1) !important;
  /* IE6-9 fallback on horizontal gradient */
}
.premium-editor-promotion-large .cx-marketing-dialog-content {
  height: 460px;
  padding: 30px 70px;
}
.outdated-browser-pm-popup .cx-marketing-dialog-content {
  padding: 125px 90px 40px;
  background-color: rgba(0, 0, 0, 0.9);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,000000+100 */
  background: #333333;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #333333 0%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.cx-marketing-dialog-title-text {
  display: none;
}
.cx-marketing-dialog-title-close {
  height: 16px;
  width: 16px;
  margin: 0;
  padding: 0px;
  border: none;
  right: 6px;
  cursor: hand;
  cursor: pointer;
  position: absolute;
  top: 8px;
  vertical-align: middle;
  color: #ffffff;
}
.cx-marketing-dialog-title-close:focus {
  outline: none;
}
/**
 * Deal with specific dialogs here
 */
.premium-editor-promotion-hero {
  width: 300px;
  height: 225px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.premium-editor-promotion-desc {
  color: #fff;
  text-align: center;
}
.premium-editor-promotion-btn-container-outer {
  text-align: center;
  padding: 25px 0px;
}
.premium-editor-promotion-btn-container-inner {
  display: inline-block;
}
.premium-editor-promotion-btn-ok {
  background-color: #ed4507;
}
.premium-editor-promotion-btn-ok:hover,
.premium-editor-promotion-btn-ok:active {
  background-color: #f85316;
}
.premium-editor-promotion-btn-dismiss {
  margin-left: 20px;
  background-color: transparent;
  border: 1px solid #ed4507;
}
.premium-editor-promotion-btn-dismiss:hover,
.premium-editor-promotion-btn-dismiss:active {
  background-color: transparent;
}
.premium-editor-promotion-learnmore {
  text-transform: uppercase;
  color: #66cc99;
  text-decoration: underline;
}
.premium-editor-promotion-learnmore:hover {
  text-decoration: underline;
  color: #79d2a6;
}
.outdated-browser-pm-popup {
  color: white;
  text-align: center;
}
.outdated-browser-pm-popup-desc-header {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 40px;
}
.outdated-browser-pm-popup-desc-body {
  font-size: 18px;
  margin-bottom: 40px;
  line-height: 22px;
}
.outdated-browser-pm-popup.mobile-dialog {
  height: fit-content;
  padding: 10px;
  top: 15% !important;
  left: auto !important;
  width: auto;
}
.outdated-browser-pm-popup.mobile-dialog .cx-marketing-dialog-content {
  height: fit-content;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.outdated-browser-pm-popup.mobile-dialog .cx-marketing-dialog-content .outdated-browser-pm-popup-desc-header {
  line-height: 30px;
  margin-bottom: 30px;
}
.gemtwo-endoftrial-for-member {
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.gemtwo-endoftrial-for-member-clock {
  background-image: url(../img/gemicons-watch.png);
  width: 60px;
  height: 60px;
  margin: 10px auto;
}
.cx-marketing-side-dialog {
  z-index: 2001;
  max-height: 100%;
  padding: 0px;
  border: none;
  position: fixed;
  -webkit-backface-visibility: hidden;
  -webkit-transition: bottom ease-out 500ms 50ms;
  -moz-transition: bottom ease-out 500ms 50ms;
  -ms-transition: bottom ease-out 500ms 50ms;
  -o-transition: bottom ease-out 500ms 50ms;
  transition: bottom ease-out 500ms 50ms;
  width: 370px;
  max-width: 80%;
  height: 180px;
  left: auto !important;
  top: auto !important;
  right: 2px;
  bottom: -180px;
  overflow: hidden;
}
.welcome-premium-editor-popup.cx-marketing-side-dialog {
  height: 280px;
  bottom: -280px;
}
.marketing-add-collaborator-popup.cx-marketing-side-dialog {
  height: 380px;
  width: 300px;
  bottom: -380px;
}
.edge-remind-popup.cx-marketing-side-dialog {
  height: 380px;
  width: 300px;
  bottom: -380px;
}
.cx-marketing-side-dialog-content {
  background-color: #ffffff;
  height: 180px;
  box-sizing: border-box;
  padding: 16px;
}
.welcome-premium-editor-popup .cx-marketing-side-dialog-content {
  height: 380px;
  background-color: #333333;
}
.edge-remind-popup .cx-marketing-side-dialog-content {
  height: 380px;
  background-color: #000000;
}
.marketing-add-collaborator-popup .cx-marketing-side-dialog-content {
  height: 380px;
  background-color: #47b5a7;
}
.cx-marketing-side-dialog-title-close {
  height: 16px;
  width: 16px;
  margin: 0;
  padding: 0px;
  border: none;
  right: 6px;
  cursor: hand;
  cursor: pointer;
  position: absolute;
  top: 8px;
  vertical-align: middle;
  color: #000000;
}
.cx-marketing-side-dialog-title-close:focus {
  outline: none;
}
.welcome-premium-editor-popup .cx-marketing-side-dialog-title-close {
  color: #e0e0e0;
}
.edge-remind-popup .cx-marketing-side-dialog-title-close {
  color: #e0e0e0;
}
.marketing-add-collaborator-popup .cx-marketing-side-dialog-title-close {
  color: #e0e0e0;
}
/**
 * In trial pop over for the new editor
 */
.welcome-premium-editor-popup-desc {
  color: #e0e0e0;
  text-align: center;
  font-size: 12px;
  padding: 0px 0px 25px 0px;
}
.welcome-premium-editor-popup-btn {
  background-color: #66cc99;
  width: 120px;
  text-transform: none;
}
.welcome-premium-editor-popup-btn:hover,
.welcome-premium-editor-popup-btn:active {
  background-color: #79d2a6;
}
.welcome-premium-editor-popup-btn:focus {
  outline: none;
}
.marketing-add-collaborator-popup {
  color: #e0e0e0;
  text-align: center;
}
.marketing-add-collaborator-popup-desc {
  font-size: 12px;
  padding: 0px 10px;
  margin-bottom: 20px;
}
.marketing-add-collaborator-popup-title {
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.marketing-add-collaborator-popup-image {
  width: 160px;
  height: 160px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  background-image: url(../img/promotions/add-a-collab.png);
}
.marketing-add-collaborator-popup-btn {
  background-color: #154e62;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border: none;
  box-shadow: none;
  border-radius: 10px;
  width: 110px;
  padding: 5px;
}
.marketing-add-collaborator-popup-btn:hover,
.marketing-add-collaborator-popup-btn:active {
  background-color: #154e62;
}
.marketing-add-collaborator-popup-btn:focus {
  outline: none;
}
.edge-remind-popup {
  color: #e0e0e0;
  text-align: center;
}
.edge-remind-popup-close-icon {
  color: #fff;
}
.edge-remind-popup-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 10px;
}
.edge-remind-popup-clock {
  background-image: url('../img/edgeclock.png');
  width: 100px;
  height: 118px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.edge-remind-popup-desc {
  color: #fff;
  margin-bottom: 25px;
}
.edge-remind-popup-btn {
  background-color: #47b5a7;
  color: #fff;
  text-shadow: none;
  background-image: none;
  border: none;
  box-shadow: none;
  border-radius: 10px;
  width: 110px;
  padding: 5px;
}
.edge-remind-popup-btn:hover,
.edge-remind-popup-btn:active {
  background-color: #47b5a7;
}
.edge-remind-popup-btn:focus {
  outline: none;
}
.no-color-option {
  background-image: url('../img/no-color.png');
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  width: 19px;
  height: 19px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 4px;
  cursor: pointer;
}
.fullscreen-component {
  z-index: 900;
  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: 20px;
  height: 45px;
}
.fullscreen-component .fscomp-header-container .fscomp-header-back,
.fullscreen-component .fscomp-header-container .fscomp-header-projectimage,
.fullscreen-component .fscomp-header-container .fscomp-header-title {
  display: inline-block;
}
.fullscreen-component .fscomp-header-container .fscomp-back-button {
  transform: rotate(90deg);
  margin-right: 16px;
  font-size: 10px;
}
.fullscreen-component .fscomp-header-container .fscomp-back-button.reverse {
  transform: rotate(-90deg);
}
.fullscreen-component .fscomp-header-container .fscomp-header-back {
  font-size: 14px;
  color: #E0E0E0;
  display: flex;
  justify-content: center;
}
.fullscreen-component .fscomp-header-container .fscomp-header-projectimage {
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 10px;
  margin-right: 15px;
  border: 2px solid #ffffff;
  background-size: cover;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title {
  max-width: 200px;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title #project-title {
  font-weight: 400;
  line-height: 11px;
  padding-top: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title #project-state-context {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 12px;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title .fscomp-add-btn-container {
  position: fixed;
  right: 15px;
  top: 20px;
  padding: 5px 15px;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title .fscomp-add-btn-container .fscomp-title-add-btn {
  color: #f6f6f6;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title .fscomp-add-btn-container .fscomp-title-add-btn span {
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title .fscomp-add-btn-container .fscomp-add-btn-icon {
  font-size: 20px;
  border: 2px solid white;
  color: white;
  font-style: normal;
  border-radius: 100%;
  margin-left: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1px;
  line-height: 20px;
  height: 18px;
  width: 18px;
  vertical-align: middle;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title .fscomp-title-toggle-container {
  position: absolute;
  right: 60px;
  top: 8px;
  padding: 5px 15px;
}
.fullscreen-component .fscomp-header-container .fscomp-header-title .fscomp-title-toggle-container #card-filter {
  background: #181919;
}
.fullscreen-component .fscomp-share-button {
  padding: 11.5px 24px;
  margin-top: 40px;
  margin-bottom: 60px;
  text-align: center;
  border-radius: 100px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #945ca3;
  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: 100%;
  max-height: 100%;
}
.fullscreen-component .fscomp-content-container .fscomp-content {
  height: inherit !important;
}
.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 .scenenav-container .scenenav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list {
  border-radius: 10px;
  width: 85%;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list .scenenav-list-item {
  background-color: #292D30;
  text-align: left;
  width: auto;
  margin: 0px;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list .scenenav-list-item .scenenav-list-item-grip {
  color: #181919;
  display: inline-block;
  margin-right: 24px;
  margin-left: -10px;
  text-align: center;
  width: 35px;
  height: 100%;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list .scenenav-list-item .scenenav-list-link {
  color: white;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list.no-drag .scenenav-list-item-grip {
  display: none;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list-item-move-hover {
  cursor: move;
  padding: 0px !important;
  opacity: 80%;
  list-style: none;
  color: #3BBDB5 !important;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list-item-move-hover .scenenav-list-link {
  line-height: 48px !important;
  height: 48px;
  text-decoration: none;
  cursor: inherit;
  color: #3BBDB5 !important;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list-item-move-hover .scenenav-list-item-grip {
  color: #3BBDB5 !important;
}
.fullscreen-component .fscomp-content-container .scenenav-container .scenenav-list-item-move-hover.sequence-item-move-moving {
  width: auto;
  opacity: 80%;
  list-style: none;
  color: #3BBDB5 !important;
}
.fullscreen-component .fscomp-content-container .card-filter {
  background-color: #181919 !important;
}
.fullscreen-component .fscomp-content-container .cards-container .card-scene-container,
.fullscreen-component .fscomp-content-container .unlinked-cards-container .card-scene-container {
  text-align: left;
}
.fullscreen-component .fscomp-content-container .cards-container .card-scene-container .script-card-title span,
.fullscreen-component .fscomp-content-container .unlinked-cards-container .card-scene-container .script-card-title span {
  max-width: 200px;
}
.fullscreen-component .fscomp-content-container .cards-container .card-heading input,
.fullscreen-component .fscomp-content-container .unlinked-cards-container .card-heading input {
  width: 210px;
}
.fullscreen-component .fscomp-content-container .cards-container .index-card,
.fullscreen-component .fscomp-content-container .unlinked-cards-container .index-card,
.fullscreen-component .fscomp-content-container .cards-container .script-card-container,
.fullscreen-component .fscomp-content-container .unlinked-cards-container .script-card-container {
  margin-bottom: 5px !important;
  margin-right: 0px !important;
}
.fullscreen-component .fscomp-content-container .cards-container .index-card .card-description span,
.fullscreen-component .fscomp-content-container .unlinked-cards-container .index-card .card-description span {
  max-width: none;
}
.fullscreen-component .fscomp-content-container .unlinked-cards-container .index-card {
  width: 100%;
  text-align: left;
}
.fullscreen-component .fscomp-content-container .fscomp-shared-users-container {
  margin-top: 30px;
  height: calc(100% - 240px);
  overflow-y: auto;
  background-color: #292D30;
  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.media {
  height: 100%;
}
.fullscreen-component .media-toolbar-container {
  display: flex;
  padding: 0px 30px;
  justify-content: space-between;
}
.fullscreen-component .media-toolbar-container .media-toolbar-container-left {
  display: flex;
}
.fullscreen-component .media-toolbar-container .media-toolbar-container-right {
  display: flex;
}
.fullscreen-component .media-toolbar-container .media-controls-button {
  margin: 10px 10px;
  animation: fadeIn 0.3s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.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;
}
.tab-button .tab-button-buffer {
  z-index: 7;
  top: initial !important;
  bottom: 4em;
  right: 2px !important;
  width: 52px;
  height: 52px;
  background: transparent;
  position: fixed;
  color: white;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: padding-bottom 0.3s;
  -moz-transition: padding-bottom 0.3s;
  -ms-transition: padding-bottom 0.3s;
  -o-transition: padding-bottom 0.3s;
  transition: padding-bottom 0.3s;
}
.tab-button .tab-button-buffer .tab-button-content {
  z-index: 7;
  width: 36px;
  height: 36px;
  background: #3C3D3E;
  border-radius: 8px;
  color: white;
  font-size: 13px;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
}
.tab-button .tab-button-buffer .tab-button-content .tab-button-block {
  position: fixed;
  width: 6px;
  height: 6px;
  margin-left: 18px;
  margin-top: -8px;
  background: #3c3d3e;
}
.tab-button .tab-button-buffer .tab-button-content .cxi-hamburger_nav_move {
  position: fixed;
  margin-top: 4px;
  margin-left: 25%;
}
.tab-button .tab-button-buffer .tab-button-content .cxi-undo {
  margin-left: 44%;
  position: fixed;
  font-size: 10px;
  margin-top: -10px;
}
.tab-button .tab-button-buffer .tab-button-content:active {
  background: #199F8F;
}
.tab-button .tab-button-buffer .tab-button-content:active .tab-button-block {
  background: #199F8F;
}
@media (min-width: 600px) {
  .tab-button .tab-button-buffer {
    right: 20px !important;
  }
  .tab-button .tab-button-buffer .tab-button-content {
    width: 52px;
    height: 52px;
  }
  .tab-button .tab-button-buffer .tab-button-content .cxi-hamburger_nav_move {
    font-size: 19px;
  }
  .tab-button .tab-button-buffer .tab-button-content .tab-button-block {
    width: 9px;
    height: 9px;
    margin-left: 27px;
  }
  .tab-button .tab-button-buffer .tab-button-content .cxi-undo {
    font-size: 14px;
  }
}
.tab-label {
  position: fixed;
  top: 180px;
  left: 50%;
  opacity: 1;
  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: #CBCECF;
  color: #0d0d0d;
  border-radius: 16px;
  -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);
}
.tab-label.fadein {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 200ms;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0.5;
  }
  66% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.tab-label.fadeout {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
  animation-duration: 200ms;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0.8;
  }
  66% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}
.mobile-project-creation {
  text-align: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  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 .project-block-main-container {
  display: block;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 5px;
  cursor: pointer;
  width: auto;
}
.mobile-project-creation .creation-type-container .project-block-inner-container {
  padding: 3px;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.mobile-project-creation .creation-type-container .project-block-image {
  display: inline-block;
  width: 50px;
  height: 50px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0px;
}
.mobile-project-creation .creation-type-container .project-block-text {
  display: inline-block;
  color: #F6F6F6;
  margin-left: 15px;
  text-align: center;
  line-height: 28px;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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-header-container .fscomp-header-subscribe .btn-subscribe {
  font-size: 12px;
  padding: 5px !important;
  margin-top: 0px;
  border-radius: 3px;
  text-transform: uppercase;
}
.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;
  color: #707070;
  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 .mdd-arrow {
  margin-left: auto;
  margin-right: 20px;
  font-size: 10px;
  transform: rotate(0deg);
  transition: transform 0.5s;
}
.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-section-label {
  margin-left: -2px;
}
.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 .top-nav-mobile-item .cxi-down {
  margin: 0;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list {
  display: flex;
  margin-left: auto;
  margin-right: 24px;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list .unifiedsharing-person-circle {
  width: 14px !important;
  height: 14px !important;
  border: none !important;
  margin-right: -3px !important;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list .unifiedsharing-person-circle div {
  display: none !important;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list :nth-child(1) {
  z-index: 5;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list :nth-child(2) {
  z-index: 3;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list :nth-child(3) {
  z-index: 1;
  margin-right: 0 !important;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu {
  margin: 0 !important;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1), max-height 500ms;
  -moz-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1), max-height 500ms;
  -ms-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1), max-height 500ms;
  -o-transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1), max-height 500ms;
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1), max-height 500ms;
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  max-height: 0;
  overflow: hidden;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .mobile-menu-circle {
  margin-left: 0;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .top-nav-mobile-item .top-nav-mobile-item-label {
  padding-left: 60px;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .top-nav-mobile-item.active {
  background: #3c3d3e;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .top-nav-mobile-item.active .top-nav-mobile-item-label {
  padding-left: 60px;
  color: #2abeb5;
}
.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: #2abeb5;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section.active .mdd-arrow {
  margin-left: auto;
  margin-right: 20px;
  transform: rotate(180deg);
  transition: transform 0.5s;
}
.fullscreen-component#mobile-navigation .fscomp-content-container .top-nav-mobile-section.active .top-nav-mobile-submenu {
  max-height: 450px;
  overflow-y: auto;
}
.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.script .studio-info-container .fscomp-image {
  overflow: hidden;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  border-radius: 50%;
  margin: 10px 10px 10px 0px;
  border: 2px solid #ffffff;
  background-size: cover;
}
.fullscreen-component#mobile-navigation.half-screen.script .fscomp-share-button {
  margin-top: 20px;
  margin-bottom: 25px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.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 #top-nav-mobile #episode-scripts .top-nav-mobile-submenu li {
  height: 58px;
  width: 100%;
  display: flex;
  align-items: center;
}
.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;
  height: 45px;
}
.fullscreen-component#mobile-hamburger .fscomp-header-container .fscomp-header-subscribe .btn-subscribe {
  font-size: 12px;
  padding: 5px !important;
  margin-top: 0px;
  border-radius: 3px;
  text-transform: uppercase;
}
.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;
}
.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 .folder-title {
  font-size: 16px;
  margin-left: 20px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .new-folder-label {
  font-size: 12px;
  color: #A2A2A3;
  margin-left: 20px;
  margin-top: 8px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container #new-folder-name-input {
  margin-top: 12px;
  width: 80%;
  margin-left: 20px;
  margin-right: 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 .mdd-arrow {
  margin-left: auto;
  margin-right: 20px;
  transform: rotate(0deg);
  transition: transform 0.5s;
}
.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-section-label {
  margin-left: -2px;
}
.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;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .cxi-down {
  margin: 0;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list {
  display: flex;
  margin-left: auto;
  margin-right: 24px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list .unifiedsharing-person-circle {
  width: 14px !important;
  height: 14px !important;
  border: none !important;
  margin-right: -3px !important;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list .unifiedsharing-person-circle div {
  display: none !important;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list :nth-child(1) {
  z-index: 5;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list :nth-child(2) {
  z-index: 3;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item .top-nav-share-list :nth-child(3) {
  z-index: 1;
  margin-right: 0 !important;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item.active {
  background: #3C3D3E;
  color: #2abeb5;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-item.active i {
  color: #2abeb5;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu {
  margin: 0 !important;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-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);
  -ms-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);
  transition: opacity 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1 !important;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  display: none;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .mobile-menu-circle {
  margin-left: 0;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .top-nav-mobile-item .top-nav-mobile-item-label {
  padding-left: 60px;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .top-nav-mobile-item.active {
  background: #3c3d3e;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section .top-nav-mobile-submenu .top-nav-mobile-item.active .top-nav-mobile-item-label {
  padding-left: 60px;
  color: #2abeb5;
}
.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: #2abeb5;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section.active .mdd-arrow {
  margin-left: auto;
  margin-right: 10px;
  transform: rotate(180deg);
  transition: transform 0.5s;
}
.fullscreen-component#mobile-hamburger .fscomp-content-container .top-nav-mobile-section.active .top-nav-mobile-submenu {
  display: block !important;
}
.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.script .studio-info-container .fscomp-image {
  overflow: hidden;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  border-radius: 50%;
  margin: 10px 10px 10px 0px;
  border: 2px solid #ffffff;
  background-size: cover;
}
.fullscreen-component#mobile-hamburger.half-screen.script .fscomp-share-button {
  margin-top: 40px;
  margin-bottom: 60px;
}
.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 #top-nav-mobile #episode-scripts .top-nav-mobile-submenu li {
  height: 42px;
  width: 100%;
  display: flex;
  align-items: center;
}
.fullscreen-component#mobile-hamburger.half-screen.right {
  left: auto;
}
.fullscreen-component#mobile-hamburger.half-screen.right .fscomp-header-container {
  justify-content: flex-end !important;
}
.fullscreen-fog-component {
  width: 40%;
  z-index: 900;
  position: fixed;
  top: 0;
  left: 60%;
  right: 0;
  bottom: 0;
  background-color: #F6F6F6;
  opacity: 0.5;
}
.fullscreen-fog-component.left {
  left: 0;
}
.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-search-results {
  max-height: initial;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mobile-media-modal .drag-drop-upload-list-wide {
  max-width: 100%;
}
.mobile-dropdown-container {
  border: 2px solid #707070;
  border-radius: 8px;
  text-align: left;
  width: 95%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.mobile-dropdown-container.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mobile-dropdown-container .mdd-selection,
.mobile-dropdown-container .mdd-arrow {
  display: inline-block;
}
.mobile-dropdown-container .mdd-selection .project-block-main-container {
  margin-left: 5px;
  margin-bottom: 0;
}
.mobile-dropdown-container .mdd-arrow {
  font-size: 20px;
  position: relative;
  top: 20px;
  right: 12px;
  float: right;
  transform: unset;
  color: #caeedb;
}
.mobile-dropdown-container .mdd-arrow.open {
  transform: rotate(180deg);
}
.mobile-dropdown-container .top-nav-mobile-submenu {
  font-size: 20px;
  position: relative;
  top: 20px;
  right: 12px;
  float: right;
  transform: rotate(270deg);
  color: #caeedb;
}
.mobile-dropdown-container .top-nav-mobile-submenu.open {
  transform: rotate(90deg);
}
.mobile-dropdown-container .mdd-popout-container {
  z-index: 9;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: 26px;
  margin-right: auto;
  margin-top: 1px;
  width: 85.5%;
  background-color: #181919;
  border: 2px solid #707070;
  border-top: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mobile-dropdown-container .mdd-popout-container .project-block-main-container {
  white-space: nowrap;
  overflow: hidden;
  margin-left: 5px;
  margin-right: 0px;
}
.media-detail-container .fscomp-header-title {
  color: #E0E0E0;
  margin-left: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.media-detail-container .fscomp-image {
  overflow: hidden;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  border-radius: 50%;
  margin: 10px 0px 10px 0px;
  border: 2px solid #ffffff;
  background-size: cover;
}
.media-detail-container .fscomp-content-container {
  height: 90%;
}
.media-detail-container .fscomp-content-container .fs-image-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}
.media-detail-container .fscomp-content-container .fs-image-content .fs-image {
  display: flex;
  background-size: cover;
  background-position: center;
  align-items: center;
  justify-content: center;
  width: 94%;
  height: 50%;
}
.media-detail-container .fscomp-content-container .fs-image-content .fs-image-name {
  width: 100%;
  margin-top: 16px;
  margin-left: 6%;
}
@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 #insert-photo-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  font-size: 20px;
  color: #E0E0E0;
  margin-right: 5px;
}
.mobile-game-container-fluid .ProseMirror-menubar #scene-nav-dropdown-container {
  border-radius: 8px;
  padding: 2px 10px;
  width: 130px !important;
  height: 50%;
  background: #f4f4f2;
  margin-right: 5px;
  margin-left: 10px;
}
.mobile-game-container-fluid .ProseMirror-menubar #scene-nav-dropdown-container #nav-dropdown {
  text-align: left;
  user-select: none;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.mobile-game-container-fluid .ProseMirror-menubar #scene-nav-dropdown-container #nav-dropdown .scene-nav-dropdown-text {
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 26px;
  vertical-align: inherit;
  white-space: nowrap;
  text-shadow: none;
  background: none;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu {
  -webkit-animation-duration: .2s;
  animation-duration: .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,
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu #cx-facebook,
.mobile-game-container-fluid .ProseMirror-menubar #cx-slideout .ProseMirror-menu-slideout-menu #cx-twitter {
  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 .mobile-nav-menu {
  float: left;
  padding-top: 3px;
}
.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;
  }
}
.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 .onboard-userform .userform-header,
.mobile-verify-container .project-setup-header .userform-header {
  line-height: 30px;
}
.mobile-verify-container .onboard-userform .userform-header .smaller-text,
.mobile-verify-container .project-setup-header .userform-header .smaller-text {
  font-size: 18px;
  font-weight: 200;
}
.mobile-verify-container .onboard-userform .onboard-middlepane,
.mobile-verify-container .project-setup-header .onboard-middlepane {
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 0;
}
.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 .onboard-middlepane {
  width: 100%;
  padding-bottom: 0px;
}
.mobile-verify-container .onboard-middlepane .infomanagerbox-editinput-container .infomanagerbox-editinput {
  width: 82%;
  display: block;
  margin-top: 10px;
}
.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 (max-width: 768px) and (hover: none), (pointer: coarse) {
  #editor-container {
    min-height: calc(100vh - 46px);
  }
  #editor-content {
    min-height: calc(100vh - 46px);
  }
  #editor-content .ProseMirror-pane {
    min-height: 100%;
  }
}
@media (min-height: 1240px) {
  #editor-content .cx-screenplay.cx-mobile {
    background: #F3F3F3;
  }
  #editor-content .cx-screenplay.cx-mobile .page {
    box-shadow: unset;
  }
}
.mobile-pm-container-fluid {
  z-index: 1400;
}
.mobile-pm-container-fluid #toolbar-flex-left {
  display: block !important;
}
.mobile-pm-container-fluid .file-header-content-bg .file-header-script-container {
  width: auto;
}
.mobile-pm-container-fluid .file-header-script-container .mobile-nav-menu {
  display: inline-block;
  position: relative;
  top: 4px;
}
.mobile-pm-container-fluid .file-header-script-container .mobile-nav-menu .top-nav-showhide {
  padding: 0 !important;
}
.mobile-pm-container-fluid #displayTitle #displayTitleTextContainer {
  width: auto;
}
.mobile-pm-container-fluid #displayTitle #displayTitleText {
  width: fit-content !important;
  max-width: 200px;
}
@media (max-width: 410px) {
  .mobile-pm-container-fluid #displayTitle #displayTitleTextContainer {
    width: fit-content;
    max-width: 200px;
  }
}
@media (max-width: 325px) {
  .mobile-pm-container-fluid #displayTitle #displayTitleTextContainer {
    width: fit-content;
    max-width: 200px;
  }
}
.mobile-pm-container-fluid #toolbar-flex-right {
  display: flex;
  justify-content: flex-end;
}
.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.doc-client-approval,
.mobile-pm-container-fluid .doc-next-to-btn.doc-client-approval {
  display: none;
}
.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: flex;
  flex-wrap: nowrap;
  background: #292D30 !important;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #toolbox-toggle-container {
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-cut,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-copy,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-paste,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-fullscreen-enter {
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-undo,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-redo {
  display: none;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-redo {
  margin-left: 10px;
}
.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 #print-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  font-size: 20px;
  color: #E0E0E0;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #insert-photo-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: 16px;
  font-size: 20px;
  color: #E0E0E0;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #scene-nav-dropdown-container {
  margin-top: -2px;
  border-radius: 8px;
  padding: 2px 10px;
  width: 130px !important;
  background: #f4f4f2;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #nav-dropdown {
  text-align: left;
  user-select: none;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #nav-dropdown .scene-nav-dropdown-text {
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 26px;
  vertical-align: inherit;
  white-space: nowrap;
  text-shadow: none;
  background: none;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.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: 26px;
  width: 26px;
  line-height: 26px;
  font-size: 16px;
  margin-right: 15px;
  text-align: center;
  color: #ffffff;
  border-radius: 12px;
}
.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;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout.cxi-format::before {
  margin-left: .25em;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout.ProseMirror-menu-active {
  background-color: #5ab690;
  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: .2s;
  animation-duration: .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: 43px;
  padding: 8px 20px;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem {
  background-color: #555555;
}
.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: 10px;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon.fa-facebook,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu .ProseMirror-menuitem .ProseMirror-icon.fa-twitter {
  margin-top: -5px;
}
.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;
}
.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,
.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-facebook,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-twitter,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-dualdialog {
  display: inline-block !important;
}
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-facebook,
.mobile-pm-container-fluid .ProseMirror-menubar-cxscript #cx-slideout-mobile .ProseMirror-menu-slideout-menu #cx-twitter {
  float: right;
}
.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 .file-header-content-bg {
  background: #181919;
  height: 46px;
}
.mobile-pm-container-fluid .file-header-content-bg.shrink {
  animation: hide 0.2s linear;
  height: 0px;
}
@keyframes hide {
  from {
    height: 46px;
  }
  to {
    height: 0px;
  }
}
.mobile-pm-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;
  }
}
.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 .header-footer-lockmsg-container {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.mobile-typeset-modal #typeset-options {
  width: 100% !important;
}
.mobile-typeset-modal .pdfcomponent {
  display: none;
}
#topnavbar-container.mobile-topnavbar-container #navigation-fluid {
  background-color: #181919 !important;
}
#topnavbar-container.mobile-topnavbar-container #main-nav {
  padding-right: 25px;
}
#topnavbar-container.mobile-topnavbar-container .top-nav-showhide {
  padding-left: 15px;
}
#topnavbar-container.mobile-topnavbar-container .top-nav-showhide .fullscreen-user-icon .btn-group {
  margin: 0 !important;
}
#topnavbar-container.mobile-topnavbar-container .top-nav-showhide .fullscreen-user-icon .avatar-navbar {
  margin: 0 !important;
}
#topnavbar-container.mobile-topnavbar-container .cx-foldertoolbar {
  display: none;
}
#topnavbar-container.mobile-topnavbar-container .btn-subscribe {
  font-size: 10px;
  padding: 5px !important;
  margin-top: 10px;
  border-radius: 3px;
}
.mobile-sidebar {
  background-color: #181919 !important;
}
.mobile-sidebar.mobile-sidebar-hidden {
  display: none;
}
.mobile-sidebar .mobile-studiohead-container {
  padding-left: 20px;
  margin-top: 10px;
  height: 50px;
  width: fit-content !important;
  background: #181919;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead {
  flex-direction: row;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-name-container-projectmedia {
  background-color: inherit;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead .avatar-company-container {
  margin: 0 !important;
  width: 40px !important;
  height: 40px !important;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead .avatar-company-container .avatar-company-studiohead {
  width: inherit !important;
  height: inherit;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-name {
  margin-right: 0;
  font-size: 19px;
  max-width: 200px;
  color: #f6f6f6;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-content {
  padding-left: 10px;
  text-align: left;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-content .studiohead-plan.plan-name-header {
  display: block !important;
  margin-left: 0;
  margin-top: 3px;
  border-left: 0;
  padding: 0;
  width: auto;
  color: #707070;
}
.mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-content .studiohead-user-name {
  margin-top: 8px;
  color: white;
  font-weight: lighter;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project {
  height: 80px;
}
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead {
  flex-direction: row;
}
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead .avatar-company-container {
  margin: 10px 15px 10px 25px !important;
  width: 50px !important;
  height: 50px !important;
}
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead .studiohead-back {
  display: none !important;
}
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead .studiohead-content {
  text-align: left;
  margin-top: 0;
}
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead .studiohead-content .studiohead-project,
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead .studiohead-content .studiohead-user-name,
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead .studiohead-content .studiohead-plan {
  display: none !important;
}
.mobile-sidebar .mobile-studiohead-container.mobile-studiohead-project .mobile-studiohead .studiohead-content .studiohead-project-type {
  display: block !important;
  color: white;
  font-size: 14px;
}
.mobile-sidebar #createitem-container {
  bottom: 60px;
  right: 0;
  left: 0;
  background-color: #181919;
}
.mobile-sidebar #folder-list {
  display: none;
}
.mobile-sidebar .project-sidebar {
  height: 55px !important;
  margin: 0;
  overflow: hidden;
  background-color: #3c3d3e;
}
.mobile-sidebar .project-sidebar .projectpanel-share-header,
.mobile-sidebar .project-sidebar .projectpanel-share-content {
  display: none;
}
.mobile-sidebar .project-sidebar .projectpanel-share-footer {
  background-color: #61615e;
  height: 40px;
}
.mobile-sidebar .project-sidebar .projectpanel-share-footer .projectpanel-share-collab-button {
  background: #181919;
  float: right;
  margin-right: 35px;
  margin-top: 3px;
  width: 115px;
  border-radius: 50px !important;
}
.mobile-sidebar .project-sidebar .unifiedsharing-project-sidebar-container {
  display: flex;
  justify-content: space-between;
}
.mobile-sidebar .project-sidebar .unifiedsharing-project-sidebar-container .unifiedsharing-project-sharedwith {
  display: none !important;
}
.mobile-sidebar .project-sidebar .unifiedsharing-project-sidebar-container .unifiedsharing-row-container {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
}
.mobile-sidebar .project-sidebar .unifiedsharing-project-sidebar-container .unifiedsharing-row-container .unifiedsharing-sidebar-circle-container {
  width: auto !important;
  display: inline-block;
  flex-shrink: 0;
}
.mobile-sidebar .project-sidebar .unifiedsharing-project-sidebar-container .unifiedsharing-row-container .unifiedsharing-sidebar-circle-container .unifiedsharing-sidebar-circle {
  width: auto !important;
}
.mobile-sidebar .project-sidebar .unifiedsharing-project-sidebar-container .unifiedsharing-button {
  width: 75px !important;
  margin-top: 8px !important;
  background-color: #181919 !important;
  border-radius: 50px;
}
.mobile-sidebar .project-sidebar .unifiedsharing-project-sidebar-container .unifiedsharing-button i {
  display: none;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar {
  background-color: #181919;
  height: 40px !important;
  width: 100%;
  margin: 0;
  padding-bottom: 0;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .mediaprojectsidebar-addmediatitle {
  display: none;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .mediaprojectsidebar-addmediatitle i {
  display: none;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .nav-tabs {
  display: none;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .tabber-contents {
  padding: 0;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .drag-drop-upload-target {
  padding: 0;
  border: 0px;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .drag-drop-upload-target .drag-drop-upload-list {
  margin-top: 0px;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .drag-drop-upload-target .drag-drop-upload-button {
  position: fixed !important;
  bottom: 60px;
  right: 60px;
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .drag-drop-upload-target .drag-drop-upload-button .browse-button {
  height: 70px;
  width: 70px !important;
  border-radius: 50px;
  margin: 5px;
  background-color: #47b5a7;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.mobile-sidebar #navbar-container .mediaprojectsidebar .drag-drop-upload-target .drag-drop-upload-button .browse-button i {
  display: block;
  font-size: 24px;
  transform: rotate(45deg);
}
@media screen and (max-height: 650px) {
  .mobile-sidebar .mobile-studiohead-container {
    margin-top: 0px;
    height: 25px;
    width: fit-content !important;
    background: #181919;
  }
  .mobile-sidebar .mobile-studiohead-container .mobile-studiohead .avatar-company-container {
    margin: 0 !important;
    width: 30px !important;
    height: 30px !important;
  }
  .mobile-sidebar .mobile-studiohead-container .mobile-studiohead .avatar-company-container .avatar-company-studiohead {
    width: inherit !important;
    height: inherit;
  }
  .mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-name {
    font-size: 16px;
    line-height: 18px !important;
  }
  .mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-content .studiohead-plan.plan-name-header {
    font-size: 8px;
  }
  .mobile-sidebar .mobile-studiohead-container .mobile-studiohead .studiohead-content .studiohead-user-name {
    margin-top: 8px;
  }
  .mobile-sidebar #createitem-container {
    bottom: 20px;
    right: 0;
    left: 0;
    background-color: #181919;
  }
}
.mobile-label {
  font-size: 25px;
  color: #e0e0e0;
  margin-left: 15px;
  display: flex !important;
  align-items: center;
  height: 28px;
  padding-bottom: 10px;
  font-family: "lato", sans-serif;
}
#cxContent.theme-mobile #main-view .settings-view-label {
  font-size: 14px;
  margin: auto;
  width: 75%;
}
#cxContent.theme-mobile .mobile-label.home {
  font-size: 18px;
}
#cxContent.theme-mobile .mobile-label.studiosettings {
  font-size: 10px;
  text-transform: uppercase;
  color: #A2A2A3;
}
.mobile-list-view {
  text-align: center;
  padding-bottom: 150px;
  margin-top: 0;
}
.mobile-list-view .cx-projectlistitem {
  background-color: #3c3d3e;
  color: white;
  border-bottom: 0;
  display: flex;
  margin: 0 0 10px 3%;
}
.mobile-list-view .cx-projectlistitem > div {
  text-align: left;
  margin-bottom: 0 !important;
}
.mobile-list-view .cx-projectlistitem > div:first-child {
  flex-grow: 2;
}
.mobile-list-view .cx-projectlistitem .projectitem-main {
  margin-top: 0px!important;
  width: fit-content;
}
@media screen and (max-width: 400px) {
  .mobile-list-view .cx-projectlistitem .projectitem-main {
    width: 100%;
  }
}
.mobile-list-view .cx-projectlistitem .projectlistitem-form {
  padding-left: 0;
}
.mobile-list-view .cx-projectlistitem .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;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-hamburger {
  box-sizing: border-box;
  font-size: 16px;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-hamburger .projectlistitem-hamburgerbtn {
  padding-top: 13px;
  margin-left: 4px;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-sharing-container {
  box-sizing: border-box;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mobile-list-view .cx-projectlistitem .right-share-list {
  border-left: 0 !important;
  padding-left: 0px !important;
  padding-right: 0 !important;
  padding-top: 14px !important;
  padding-bottom: 12px !important;
  margin-top: 0 !important;
}
.mobile-list-view .cx-projectlistitem .right-share-list .team-container,
.mobile-list-view .cx-projectlistitem .right-share-list .share-container {
  width: auto !important;
}
.mobile-list-view .cx-projectlistitem .right-share-list .sharing-team-label {
  display: none;
}
.mobile-list-view .cx-projectlistitem .right-share-list .unifiedsharing-button {
  display: none !important;
  width: auto !important;
  color: transparent !important;
  background-color: transparent !important;
  padding-right: 0 !important;
  padding-left: 0px;
}
.mobile-list-view .cx-projectlistitem .right-share-list .unifiedsharing-button i {
  color: white !important;
  font-size: 24px;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-details {
  padding-top: 8px;
  padding-left: 14px;
  padding-right: 0;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  flex-direction: column-reverse;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-details .projectlistitem-heading {
  display: block;
  text-align: left;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-details .projectlistitem-heading .projecttitle {
  font-size: 14px;
  line-height: 0;
  display: block;
  overflow: visible;
  color: #F6F6F6;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-details .projectlistitem-heading .projecttitle-link {
  display: block;
  color: white;
  line-height: 20px;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-categoryselect-container {
  font-size: 12px;
  float: left;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-teamshare-container {
  color: white;
  line-height: 7px;
  text-align: left;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-teamshare-container i {
  display: none;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-teamshare-container .shared-text {
  margin-top: 3px;
  font-size: 10px;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-logo-container {
  top: 2px;
  border: 3px solid white;
  width: 30px;
  height: 30px;
  margin: 0;
  margin-right: 8px;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-logo-container .projectlistitem-logo-edit.avatar-edit {
  display: none !important;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-logo-container .projectlistitem-logo-offline {
  top: 0px;
  left: 0px;
  height: 36px;
  width: 36px;
  background-color: none;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-logo-container .projectlistitem-logo-offline i {
  top: 1px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-offline-label {
  display: none;
}
.mobile-list-view .cx-projectlistitem .projectdetails label {
  margin-bottom: 0;
}
.mobile-list-view .cx-projectlistitem .projectlistitem-btn-container {
  margin-bottom: 0px !important;
}
.mobile-list-view .cx-projectlistitem.offline {
  background: #242525;
}
.mobile-list-view .cx-projectlistitem.offline .projectlistitem-logo-container {
  width: 36px;
  height: 36px;
  border: none;
}
.mobile-list-view .cx-filelistitem {
  background: #61615e;
  color: white;
  width: auto;
  margin-left: 3%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.mobile-list-view .cx-filelistitem a {
  color: white !important;
  max-width: 100%;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body {
  display: flex;
  flex-direction: row;
  background: #61615e;
  border-bottom: 0;
  height: 100%;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-icon {
  width: 30px;
  height: 30px;
  font-size: 22px;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-icon i {
  vertical-align: sub;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-content {
  width: auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-title {
  padding: 6px;
  width: auto;
  display: flex;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-share {
  display: none;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-offline {
  display: none;
}
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-icon-offline:after,
.mobile-list-view .cx-filelistitem .cx-filelistitem-body .cx-filelistitem-icon-offline:before {
  top: -8px;
  right: 25px;
}
.mobile-list-view .cx-filelistitem .projectlistitem-hamburger {
  margin-right: 15px;
}
.mobile-list-view .cx-filelistitem.cx-filelistitem-epchildfile .cx-filelistitem-description {
  padding-left: 0;
}
.mobile-list-view .cx-filelistitem-selected {
  background: #61615e !important;
}
.mobile-list-view .cx-filelistitemcontainer-title {
  display: none;
}
.mobile-list-view .cx-filelistitemcontainer-episodes,
.mobile-list-view .cx-filelistitemcontainer-master {
  display: inline-block;
}
.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;
}
.mobile-medialist-container .medialistitem .medialistitem-imagecontainer {
  height: 85px;
  margin-bottom: 0;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog {
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .unifiedsharing-existing-row {
  width: 100% !important;
  padding-right: 30px !important;
  display: flex;
  flex-direction: column;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .unifiedsharing-existing-row > div:first-child {
  width: 20px !important;
  padding-right: 15px;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .unifiedsharing-existing-row > div:nth-child(2) {
  width: 210px !important;
  flex-grow: 2;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .unifiedsharing-existing-row i.cxi-reports {
  display: none;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-list-sub-container {
  background: #1d1d1d;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-list-sub-container > div:last-child {
  margin-bottom: 70px;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .unifiedsharing-permissions-container {
  overflow: auto;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-project-container .button-container {
  display: flex;
  flex-flow: column-reverse;
  align-items: center;
  padding: 20px 30px 20px !important;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-project-container .button-container .unifiedsharing-dialog-cancel {
  margin-right: 0;
  text-transform: capitalize;
}
.unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-project-container .button-container .unifiedsharing-dialog-share {
  margin-bottom: 10px;
}
@media (orientation: landscape) {
  .unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-project-container {
    display: flex;
    flex-direction: row;
  }
  .unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-project-inputs {
    width: 50%;
  }
  .unifiedsharing-dialog-mobile .unifiedsharing-dialog .share-list-container {
    width: 50% !important;
    position: unset;
  }
}
.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;
}
.unifiedsharing-dialog {
  font-family: 'lato', sans-serif;
  color: #909090;
  font-size: 10px;
}
.unifiedsharing-dialog .wrench-icon-config,
.unifiedsharing-dialog .remove-icon,
.unifiedsharing-dialog .resend-icon {
  border: 1px solid transparent;
  padding: 3px;
  margin-top: 4px!important;
}
.unifiedsharing-dialog .wrench-icon-config:hover,
.unifiedsharing-dialog .remove-icon:hover,
.unifiedsharing-dialog .resend-icon:hover {
  border: 1px solid #5bb5a7;
  border-radius: 100%;
}
.unifiedsharing-dialog button {
  border: 0;
  background: none;
  box-shadow: none;
  border-radius: 3px;
  color: white;
  text-shadow: none;
  font-family: "lato", sans-serif;
}
.unifiedsharing-dialog button:focus {
  outline: auto 2px #0096ff;
  outline: auto 5px -webkit-focus-ring-color;
}
.unifiedsharing-dialog .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;
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 8px;
  font-family: 'Lato', Arial, sans-serif;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
.unifiedsharing-dialog .button-container button:active {
  background-color: #1fa3a2;
  color: #222222;
}
.unifiedsharing-dialog .button-container button:hover {
  background-color: #34d4d2 !important;
  color: #222222;
}
.unifiedsharing-dialog .button-container button:focus {
  background-color: #34d4d2 !important;
  color: #222222;
}
.unifiedsharing-dialog .button-container button.secondary {
  background-color: #945ca3;
}
.unifiedsharing-dialog .button-container button.secondary:active {
  background-color: #a245ba !important;
}
.unifiedsharing-dialog .button-container button.secondary:hover {
  background-color: #a859bd !important;
}
.unifiedsharing-dialog .button-container button.create-pill {
  padding: 15.5px 33.5px;
  font-size: 16px;
  line-height: 16px;
  height: unset;
  background: transparent linear-gradient(90deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  position: relative;
  color: #f6f6f6;
}
.unifiedsharing-dialog .button-container button.create-pill:before {
  border-radius: 100px;
  background: transparent linear-gradient(270deg, #2fb5b4 0%, #945ca3 100%) 0% 0% no-repeat padding-box;
  content: attr(data-before);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
  padding: 15.5px 33.5px;
}
.unifiedsharing-dialog .button-container button.create-pill:hover:before {
  opacity: 1;
}
.unifiedsharing-dialog .button-container button.create-pill:active {
  background: #2fb5b4 0% 0% no-repeat padding-box;
  color: #222222;
}
.unifiedsharing-dialog .button-container button.studio-pill {
  padding: 11.5px 24px;
  border-radius: 100px;
  background-color: #945ca3;
  height: 40px;
}
.unifiedsharing-dialog .button-container button.studio-pill:active {
  background-color: #a245ba !important;
  color: #222222;
}
.unifiedsharing-dialog .button-container button.studio-pill:hover {
  background-color: #a859bd !important;
  color: #222222;
}
.unifiedsharing-dialog .button-container button.toolbar-pill {
  padding: 6.5px 24px;
  border-radius: 100px;
  height: unset;
  min-width: 65px;
  background-color: #945ca3;
  color: #f6f6f6;
}
.unifiedsharing-dialog .button-container button.toolbar-pill:active {
  background-color: #a245ba !important;
  color: #f6f6f6;
}
.unifiedsharing-dialog .button-container button.toolbar-pill:hover {
  background-color: #a859bd !important;
  color: #f6f6f6;
}
.unifiedsharing-dialog .button-container button.add {
  height: 25px !important;
  width: 25px !important;
  min-width: 25px;
  border-radius: 100%;
  padding: 0;
  display: block !important;
}
.unifiedsharing-dialog .button-container button.add:before {
  font-family: 'celtxicons';
  content: '\e8b4';
  padding: 6px;
  font-size: 13px;
  line-height: 25px;
}
.unifiedsharing-dialog .button-container button.cancel {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.unifiedsharing-dialog .button-container button.cancel:hover,
.unifiedsharing-dialog .button-container button.cancel:active {
  background-color: transparent !important;
}
.unifiedsharing-dialog .button-container button.disabled {
  background-color: #868686;
  color: #575757;
  opacity: 1;
}
.unifiedsharing-dialog .button-container button.disabled:hover,
.unifiedsharing-dialog .button-container button.disabled:active {
  background-color: #868686 !important;
}
.unifiedsharing-dialog .button-container button.unifiedsharing-dialog-cancel {
  background-color: transparent;
  width: unset;
  min-width: unset;
  margin-right: 10px;
  color: #fff;
}
.unifiedsharing-dialog .button-container button.unifiedsharing-dialog-cancel:hover,
.unifiedsharing-dialog .button-container button.unifiedsharing-dialog-cancel:active {
  background-color: transparent !important;
}
.unifiedsharing-dialog .button-container button:focus {
  outline: none;
}
.unifiedsharing-dialog input[type=text],
.unifiedsharing-dialog input[type=password],
.unifiedsharing-dialog textarea {
  display: inline-block;
  color: black;
  padding: 10px;
  width: 250px;
  box-sizing: border-box;
  border: none;
}
.unifiedsharing-dialog textarea {
  box-sizing: border-box;
  border: none;
}
.unifiedsharing-dialog textarea:focus {
  box-shadow: unset;
}
.unifiedsharing-dialog .permissions-container .permission-sub:nth-child(odd) {
  background-color: #404040;
}
.unifiedsharing-dialog .permissions-container .permission-sub:nth-child(even) {
  background-color: #2c2c2c;
}
.unifiedsharing-dialog .permission-sub:first-child {
  background: #606060;
}
.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: none;
}
#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);
  *zoom: 1;
  font-family: monospace;
  font-size: 13px;
  overflow-y: scroll;
  height: 10vh;
  width: 60vh;
  position: fixed;
  right: 2vw;
  bottom: 2vh;
  color: #b94a48;
  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 #dddddd;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
  -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 #dddddd;
}
.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 #dddddd;
}
.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 #dddddd;
}
.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-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);
  *zoom: 1;
  white-space: pre-wrap;
  font-family: monospace;
  font-size: 7px;
  overflow-y: scroll;
  max-height: 10vh;
  color: #b94a48;
  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: #ffffff;
  border: 1px solid #cccccc;
  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: #ffffff;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  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 {
  user-select: none;
  position: absolute;
  top: 0;
  bottom: 0;
  text-align: left;
  z-index: 10100;
}
#prairie-nav-container .prairie-nav-hidden-buttons {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
#prairie-nav-container .prairie-nav:not(.no-animation) {
  transition: all 0.2s;
}
#prairie-nav-container .prairie-nav:not(.no-animation).nav-slide-in {
  animation: nav-slide-in 0.2s forwards;
  -webkit-animation: nav-slide-in 0.2s forwards;
}
#prairie-nav-container .prairie-nav:not(.no-animation).nav-slide-out {
  animation: nav-slide-out 0.2s forwards;
  -webkit-animation: nav-slide-out 0.2s forwards;
}
@keyframes nav-slide-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes nav-slide-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes nav-slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes nav-slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
#prairie-nav-toggle {
  position: absolute;
  top: 44px;
  padding-left: 12px;
  color: #ffffff;
  font-size: 16px;
}
#prairie-nav-toggle i {
  pointer-events: none;
  position: absolute;
  top: -30px;
}
#prairie-nav-toggle:hover::before {
  position: fixed;
  top: 0;
  left: -10px;
  content: " ";
  width: 20px;
  height: 100%;
  background: linear-gradient(0, #2fb5b4, #7265d9, #2fb5b4, #7265d9, #2fb5b4);
  background-size: 100% 200%;
  animation: bg-rotate 2s linear infinite;
  -webkit-animation: bg-rotate 2s linear infinite;
  filter: blur(5px);
}
@keyframes bg-rotate {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 200%;
  }
}
@-webkit-keyframes bg-rotate {
  0% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 200%;
  }
}
#prairie-nav-toggle:hover::after {
  position: fixed;
  top: 0;
  left: 0;
  content: " ";
  width: 10px;
  height: 100%;
  background: #181919;
  animation: indicator-slide-in 0.25s forwards;
  -webkit-animation: indicator-slide-in 0.25s forwards;
}
@keyframes indicator-slide-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes indicator-slide-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.pwa-nav-wrapper #prairie-nav-toggle {
  pointer-events: unset;
  height: 0;
}
.pwa-nav-wrapper #prairie-nav-toggle i {
  pointer-events: unset;
  cursor: pointer;
}
.pwa-nav-wrapper #prairie-nav-toggle:hover::before {
  height: 0;
}
.pwa-nav-wrapper #prairie-nav-toggle:hover::after {
  height: 0;
}
.prairie-nav {
  font-family: "lato", sans-serif;
  z-index: 26;
  position: absolute;
  flex-shrink: 0;
  background-color: #181919;
  vertical-align: top;
  color: #ffffff;
  font-size: 20px;
  overflow-x: hidden;
  white-space: nowrap;
  height: 100%;
  width: 275px;
  top: 0px;
  left: 0px;
  opacity: 1;
  transform: translateX(0%);
}
.prairie-nav .project-nav-content .prairie-nav-dropdown-container .active .prairie-nav-dropdown {
  color: #1fa3a2;
}
.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-header,
.prairie-nav .project-nav-content .prairie-nav-btn-container,
.prairie-nav .project-nav-content .project-nav-sharing-label-container,
.prairie-nav .project-nav-content .project-nav-sharing-input-container {
  position: sticky;
  background-color: #181919;
  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-back project-nav-back project-nav-back" "project-nav-left-el project-nav-studio-image studiohead-name-container";
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-back {
  grid-area: project-nav-back;
  display: block;
  color: #f6f6f6;
  font-size: 13px;
  letter-spacing: .8px;
  line-height: 23px;
  padding-top: 13px;
  padding-bottom: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 26px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-back i {
  vertical-align: top;
  margin-top: 1px;
}
.prairie-nav .project-nav-content .project-nav-header .project-nav-back .header-cx-logo {
  margin-left: -15px;
}
.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 #ffffff;
  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;
}
.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-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-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;
  color: #f6f6f6;
}
.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;
  text-overflow: ellipsis;
  color: #f6f6f6;
  font-size: 13px;
  letter-spacing: .8px;
  line-height: 24px;
  flex: 1;
  display: flex;
  align-items: 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-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 .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: #262626;
}
.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: #3C3D3E !important;
}
.prairie-nav .project-nav-content .project-nav-item:hover .project-nav-item-left-el {
  opacity: 1;
}
.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: unset;
  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: 28px;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container #content .project-nav-item.selected {
  background: #181919;
}
.prairie-nav .project-nav-content .project-nav-accordion .project-nav-accordion-container.open .project-nav-accordion-header .project-nav-item {
  background: inherit;
}
.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: #262626;
}
.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-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.sharing-mode {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-label-container {
  top: 133px;
  box-sizing: border-box;
  height: 36px;
  padding: 10px 40px 10px 40px;
  font: normal normal normal 13px/16px Lato;
  letter-spacing: 0.78px;
  color: #F6F6F6;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container {
  top: 169px;
  padding: 18px 40px 9px 36px;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container {
  position: relative;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  -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;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list:focus-within {
  border-color: #71c7a8;
  outline: 0;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list::-webkit-scrollbar {
  display: none;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list .project-nav-sharing-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;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list .project-nav-sharing-email-span:hover,
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list .project-nav-sharing-email-span:focus {
  background: #c2bfc2 0% 0% no-repeat padding-box;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list .project-nav-sharing-email-span:active {
  background: #979697 0% 0% no-repeat padding-box;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-list .project-nav-sharing-email-input {
  flex: 1;
  border: unset;
  padding: unset;
  width: unset;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions {
  position: absolute;
  top: 28px;
  background-color: white;
  width: 110%;
  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;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions .project-nav-sharing-email-suggestion {
  height: 38px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: white;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions .project-nav-sharing-email-suggestion.highlighted {
  background-color: lightgray;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions .project-nav-sharing-email-suggestion .project-nav-sharing-email-suggestion-icon {
  padding-right: 4px;
  color: black;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions .project-nav-sharing-email-suggestion .project-nav-sharing-email-suggestion-spacer-left {
  color: grey;
  padding-left: 10px;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions .project-nav-sharing-email-suggestion .project-nav-sharing-email-suggestion-spacer-right {
  color: grey;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions .project-nav-sharing-email-suggestion .project-nav-sharing-email-suggestion-unsectioned {
  color: grey;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container .project-nav-sharing-email-suggestions .project-nav-sharing-email-suggestion .project-nav-sharing-email-suggestion-sectioned {
  color: black;
  font-weight: bold;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-container.invalid .project-nav-sharing-email-list {
  border-color: red;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-message-input {
  display: block;
  width: 100%;
  margin-bottom: 0;
  height: 50px;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-message-input::-webkit-input-placeholder,
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-input::-webkit-input-placeholder {
  font-style: italic;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-message-input:-moz-placeholder,
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-input:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-message-input::-moz-placeholder,
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-message-input:-ms-input-placeholder,
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-email-input:-ms-input-placeholder {
  font-style: italic;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container.expanded .project-nav-sharing-email-list {
  display: block;
  margin-bottom: 0;
  border: unset;
  background: unset;
  overflow: visible;
  pointer-events: none;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container.expanded .project-nav-sharing-email-list .project-nav-sharing-email-span {
  margin-bottom: 5px;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container.expanded .project-nav-sharing-email-list .project-nav-sharing-email-input {
  display: none;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-sharing-input-container .project-nav-sharing-error-message {
  font: normal normal normal 13px/16px Lato;
  white-space: break-spaces;
  margin-top: 20px;
  color: #f6f6f6;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-left-el {
  margin-top: 2px;
  opacity: 1;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-left-el .prairie-nav-checkbox {
  cursor: pointer;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-left-el .prairie-nav-checkbox.none {
  color: #868686;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-left-el .prairie-nav-checkbox.partial {
  -webkit-text-stroke: 0.5px #2fb5b4;
  -webkit-text-fill-color: #181919;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-left-el .prairie-nav-checkbox.full {
  color: #2fb5b4;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-right-el .project-nav-permissions-dropdown .toggle {
  padding: 0;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-right-el .project-nav-permissions-dropdown .toggle span {
  vertical-align: middle;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .8px;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-right-el .project-nav-permissions-dropdown .toggle span i {
  font-size: 10px;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-right-el.accordion-permissions {
  min-width: 140px;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-right-el.accordion-permissions .expand {
  margin-right: 5px;
  flex: 1;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item .project-nav-item-right-el.accordion-hidden .project-nav-permissions-dropdown {
  display: none;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item.advanced-header-collapsed .project-nav-item-a {
  text-transform: uppercase;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item.advanced-header-collapsed .project-nav-item-right-el {
  position: absolute;
  top: 0;
  padding-right: 0;
  width: 100%;
  height: 100%;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item.advanced-header-collapsed .project-nav-item-right-el .prairie-nav-dropdown-container {
  width: 100%;
  height: 100%;
}
.prairie-nav .project-nav-content.sharing-mode .project-nav-item.advanced-header-collapsed .project-nav-item-right-el i {
  opacity: 0;
}
.prairie-nav .project-nav-content.sharing-mode .prairie-nav-btn-container {
  display: flex;
  flex-direction: column;
  bottom: 0;
  margin-top: auto;
}
.prairie-nav .project-nav-content.sharing-mode .prairie-nav-btn-container .project-nav-share-btn {
  margin-top: 30px;
}
.prairie-nav .project-nav-content.sharing-mode .prairie-nav-btn-container .project-nav-sharing-cancel-btn {
  color: white;
  font-size: 13px;
  margin-top: 15px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.prairie-nav .project-nav-content.limited .prairie-nav-btn-container {
  min-height: 79px;
}
.prairie-nav .prairie-nav-header {
  padding: 44px 0px 40px 25px;
  margin-top: 20px;
}
.prairie-nav .prairie-nav-header i {
  font-size: 14px;
}
.prairie-nav .prairie-nav-header .prairie-nav-back {
  font-size: 11px;
  position: absolute;
  top: 15px;
  left: 25px;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.prairie-nav .prairie-nav-header .prairie-nav-back i {
  color: white;
  margin-right: 5px;
  width: 15px;
  font-size: 11px;
}
.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 #ffffff;
  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: #222222;
  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;
}
.prairie-nav .accordion-header .prairie-nav-item {
  padding: 0px 15px 0px 30px;
}
.prairie-nav .prairie-nav-item {
  list-style: none;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.8px;
  margin: 0px 6px;
  flex-direction: row;
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 30px;
}
.prairie-nav .prairie-nav-item i {
  font-size: 14px;
}
.prairie-nav .prairie-nav-item.active {
  background-color: #303030;
  color: #1fa3a2;
}
.prairie-nav .prairie-nav-item.active a,
.prairie-nav .prairie-nav-item.active .prairie-nav-item-span,
.prairie-nav .prairie-nav-item.active .prairie-nav-item-icon {
  color: #1fa3a2;
}
.prairie-nav .prairie-nav-item a {
  flex: 1;
  display: flex;
  align-items: center;
}
.prairie-nav .prairie-nav-item a,
.prairie-nav .prairie-nav-item .prairie-nav-item-span {
  color: #ffffff;
}
.prairie-nav .prairie-nav-item .prairie-nav-item-icon {
  display: inline-block;
  margin-right: 15px;
  width: 25px;
  color: #ffffff;
}
.prairie-nav .prairie-nav-item .prairie-nav-item-icon.active {
  color: #1fa3a2;
}
.prairie-nav .prairie-nav-item.disabled a {
  cursor: default;
  pointer-events: none;
}
.prairie-nav .prairie-nav-item.item-disabled a {
  color: #868686;
  cursor: default;
  pointer-events: none;
}
.prairie-nav .prairie-nav-item.item-disabled a i {
  color: #868686;
}
.prairie-nav .prairie-nav-item-a[title="Go Online"] {
  color: #40bdb4;
}
.prairie-nav .prairie-nav-item-a[title="Go Online"] i {
  color: #40bdb4;
}
.prairie-nav .prairie-nav-share-list {
  display: flex;
  float: right;
  margin-left: 25px;
}
.prairie-nav .prairie-nav-share-list .more-circle {
  width: 14px;
  height: 14px;
}
.prairie-nav .prairie-nav-share-list .more-label {
  display: block;
  color: #ffffff;
  line-height: 14px;
  font-size: 10px;
}
.prairie-nav .prairie-nav-share-list .user-profile-icon {
  width: 14px;
  height: 14px;
  margin-right: -3px;
}
.prairie-nav .prairie-nav-share-list :nth-child(1) {
  z-index: 3;
}
.prairie-nav .prairie-nav-share-list :nth-child(2) {
  z-index: 2;
}
.prairie-nav .prairie-nav-share-list :nth-child(3) {
  z-index: 1;
  margin-right: 2px;
}
.prairie-nav-accordion {
  position: relative;
  margin: 0;
}
.prairie-nav-accordion .prairie-nav-item {
  position: relative;
  background-color: #242524;
  margin-top: 0;
}
.prairie-nav-accordion .prairie-nav-item a,
.prairie-nav-accordion .prairie-nav-item .accordion-header-label {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 160px;
}
.prairie-nav-accordion .prairie-nav-item.active {
  background-color: #383939;
}
.prairie-nav .prairie-nav-accordion .accordion-container {
  background-color: #181919;
  min-width: initial;
}
.prairie-nav .prairie-nav-accordion .accordion-container.open #contentContainer {
  max-height: 120px;
}
.prairie-nav .prairie-nav-accordion .accordion-container.open #contentContainer .prairie-nav-item {
  height: 44px;
}
.prairie-nav .prairie-nav-accordion .accordion-container.open .expand {
  transform: rotate(180deg);
}
.prairie-nav .prairie-nav-accordion .accordion-header {
  display: block;
  padding: 0;
  border: none;
  background-color: transparent;
}
.prairie-nav .prairie-nav-accordion .accordion-header .prairie-nav-item {
  color: #ffffff;
  background-color: transparent;
  list-style: none;
}
.prairie-nav .prairie-nav-accordion .accordion-header .prairie-nav-item.active {
  color: #1fa3a2;
}
.prairie-nav .prairie-nav-accordion .accordion-header.active {
  color: #1fa3a2;
}
.prairie-nav .prairie-nav-accordion .accordion-header.active .prairie-nav-item {
  background-color: #262626;
  color: #1fa3a2;
}
.prairie-nav .prairie-nav-accordion .accordion-header.active .prairie-nav-item-icon {
  color: #1fa3a2;
}
.prairie-nav .prairie-nav-accordion #contentContainer {
  overflow-x: hidden;
  margin-right: 6px;
  max-height: 0px;
}
.prairie-nav .prairie-nav-accordion #contentContainer .prairie-nav-item {
  margin-right: 0px;
}
.prairie-nav .prairie-nav-accordion #content {
  background-color: transparent;
  padding: 0px;
}
.prairie-nav .prairie-nav-accordion .expand {
  padding: 0;
  float: right;
  transform: rotate(0deg);
  margin-right: 0px;
}
.prairie-nav .prairie-nav-accordion .expand .prairie-nav-item-icon {
  font-size: 11px;
  margin-right: 0px;
  text-align: center;
}
.prairie-nav .prairie-nav-accordion .expand::before {
  display: none;
}
.theme-mobile #prairie-nav-container {
  z-index: auto;
}
.theme-mobile #prairie-nav-container .prairie-nav {
  width: 220px;
  font-size: 16px;
}
.theme-mobile #prairie-nav-container .prairie-nav.fullscreen {
  width: 100%;
  animation: transform-fullscreen 0.5s forwards;
}
@keyframes transform-fullscreen {
  0% {
    width: 220px;
  }
  100% {
    width: 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 {
  padding-top: 15px;
  padding-bottom: 35px;
  font-size: 11px;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content.sharing-mode .prairie-nav-btn-container {
  flex-direction: row-reverse;
}
.theme-mobile #prairie-nav-container .prairie-nav .project-nav-content.sharing-mode .prairie-nav-btn-container * {
  line-height: 30px;
  margin: 15px 10px;
}
.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;
}
.theme-mobile #prairie-nav-container #prairie-nav-toggle {
  z-index: 2;
}
.theme-mobile .ui-overlay-tray.nav-fade-in {
  animation: nav-fade-in 0.5s forwards;
  -webkit-animation: nav-fade-in 0.5s forwards;
}
.theme-mobile .ui-overlay-tray.nav-fade-out {
  animation: nav-fade-out 0.5s forwards;
  -webkit-animation: nav-fade-out 0.5s forwards;
}
@keyframes nav-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes nav-fade-in {
  0% {
    -webkit-opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
  }
}
@keyframes nav-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes nav-fade-out {
  0% {
    -webkit-opacity: 1;
  }
  100% {
    -webkit-opacity: 0;
  }
}
.google-export-overlay {
  opacity: .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(25, 159, 143, 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(25, 159, 143, 0.33);
}
.google-export-overlay .google-export-options-dialog .google-export-img-button-container .google-export-img-button-chosen-option:focus {
  background-color: rgba(25, 159, 143, 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: #199F8F;
  cursor: pointer;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-ok:hover {
  background-color: #16877a;
}
.google-export-overlay .google-export-options-dialog .google-export-button-container .google-export-ok:active {
  background-color: #199d8e;
}
.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: #199F8F;
  cursor: pointer;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-ok:hover {
  background-color: #16877a;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-ok:active {
  background-color: #199d8e;
}
.google-export-overlay .google-dialog .google-export-button-container .google-export-cancel {
  background-color: #121212;
  margin-right: 20px;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokRdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkhdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPa7g.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lBdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclRdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklxdr.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_AkA.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zAkA.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3aPw.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rAkA.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vAkA.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nAkA.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGbSqqwQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGGS6qwQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGISyqwQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasbsfhSs.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasc8bhSs.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Serif Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourceserifpro/v17/neIXzD-0qpwxpaWvjeD0X88SAOeasfcZhSs.ttf) format('truetype');
}
@font-face {
  font-family: 'Bebas Regular';
  src: url('https://s3.amazonaws.com/celtx.com/assets/bebas/Bebas-Regular.ttf') format('truetype');
}
html,
body {
  height: 100%;
}
body {
  background-color: #222222;
}
.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: #1ab2ff !important;
}
.lightlink:hover,
.modal-dialog a.lightlink:not(.btn):hover {
  color: #0088cc !important;
}
.overflow-hide {
  overflow: hidden;
}
.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%;
}
a,
a:focus {
  outline: 0;
}
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;
}
.check-list label {
  display: inline-block;
  max-width: 95%;
}
.check-list input[type="checkbox"] {
  margin-right: 8px !important;
  vertical-align: top !important;
}
#choose-side-type img {
  max-height: 100px;
}
.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;
}
.padded {
  padding: 10px;
}
.small-text {
  font-size: 75%;
}
.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-red,
.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-orange h2,
.marketing-orange h1,
h2.marketing-orange,
h1.marketing-orange {
  color: #fd8f24 !important;
  font-weight: bold !important;
  border-color: #fd8f24 !important;
}
.marketing-orange {
  border-color: #fd8f24 !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-red h2,
.marketing-red h1,
h2.marketing-red,
h1.marketing-red {
  color: #f2594b !important;
  font-weight: bold !important;
  border-color: #f2594b !important;
}
.marketing-red {
  border-color: #f2594b !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 {
  *zoom: 1;
}
.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-image: url("../img/logos/Gem (Primary Reverse).png") !important;
}
.studio-header-cx-logo {
  background-image: url("../img/logos/Gem (Primary Reverse).png") !important;
}
.header-cx-logo,
.studio-header-cx-logo {
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: contain !important;
  min-width: 100px;
  min-height: 24px;
  background-position: 0 center !important;
  display: inline-block;
}
.sub-blue .projectlistitem-header .cx-filelistitem-checkbox {
  background-color: #292d30;
}
.sub-blue .projecttitle-link {
  color: #56beec;
}
.sub-blue .cx-nav-home-labelscontainer-item-link.active,
.sub-blue .studiomgnt-sub-selected,
.sub-blue .plan-name-header {
  color: #56beec;
}
.sub-blue .btn-newproject {
  background-color: #56beec;
}
.sub-purple #top-nav a.active {
  border-bottom: 2px #ba74ff solid;
}
.sub-purple .projectlistitem-header .cx-filelistitem-checkbox {
  background-color: #292d30;
}
.sub-purple .projecttitle-link {
  color: #ba74ff;
}
.sub-purple .cx-nav-home-labelscontainer-item-link.active,
.sub-purple .studiomgnt-sub-selected,
.sub-purple .plan-name-header {
  color: #ba74ff;
}
.sub-purple .btn-newproject {
  background-color: #ba74ff;
}
.sub-teal #top-nav a.active {
  border-bottom: 2px #26bbaa solid;
}
.sub-teal .projectlistitem-header .cx-filelistitem-checkbox {
  background-color: #292d30;
}
.sub-teal .projecttitle-link {
  color: #26bbaa;
}
.sub-teal .cx-nav-home-labelscontainer-item-link.active,
.sub-teal .studiomgnt-sub-selected,
.sub-teal .plan-name-header {
  color: #26bbaa;
}
.sub-teal .btn-newproject {
  background-color: #26bbaa;
}
.offline-bar {
  background-color: #40bdb4;
}
.offline-bar i {
  font-size: 16px;
  height: 21px;
  margin-right: 5px;
}
.offline-bar #force-online {
  text-decoration: underline;
  text-transform: uppercase;
  color: #ffffff;
  margin-left: 5px;
}
.trial-bar,
.offline-bar {
  padding: 10px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .2px;
  text-align: center;
  font-family: lato;
}
.trial-bar.trial-ended {
  background-color: #f37649;
}
.trial-bar.trial-ended .single-script-offer {
  text-decoration: underline;
  text-transform: uppercase;
  color: #fff;
  font-size: 90%;
}
.trial-holiday .trial-bar {
  background-color: #853d77 !important;
}
.trial-holiday .btn-subscribe {
  background-color: #f7612c !important;
  border: 1px solid #f7612c !important;
}
.trial-holiday .holiday-gift {
  background-image: url(../img/promotions/light-bulb.png);
  width: 16px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.trial-green #top-nav a.active {
  border-bottom: 2px #292d30 solid;
}
.trial-green .projectlistitem-header .cx-filelistitem-checkbox {
  background-color: #292d30;
}
.trial-green .cx-nav-home-labelscontainer-item-link.active,
.trial-green .studiomgnt-sub-selected,
.trial-green .plan-name-header {
  color: #26bbaa;
}
.trial-green .trial-bar {
  background-color: #4bb27e;
}
.trial-green .btn-subscribe {
  background-color: #f7612c;
  border: 1px solid #f7612c;
}
.trial-green .btn-newproject {
  background-color: #26bbaa;
}
.trial-green .projectview-addfile-locked a::after {
  color: #4bb27e;
}
.trial-amber #top-nav a.active {
  border-bottom: 2px #292d30 solid;
}
.trial-amber .projectlistitem-header .cx-filelistitem-checkbox {
  background-color: #292d30;
}
.trial-amber .cx-nav-home-labelscontainer-item-link.active,
.trial-amber .studiomgnt-sub-selected,
.trial-amber .plan-name-header {
  color: #26bbaa;
}
.trial-amber .trial-bar {
  background-color: #f37649;
}
.trial-amber .btn-subscribe {
  background-color: #f37649;
  border: 1px solid #f37649;
}
.trial-amber .btn-newproject {
  background-color: #26bbaa;
}
.trial-amber .projectview-addfile-locked a::after {
  color: #f37649;
}
.trial-red #top-nav a.active {
  border-bottom: 2px #292d30 solid;
}
.trial-red .projectlistitem-header .cx-filelistitem-checkbox {
  background-color: #292d30;
}
.trial-red .cx-nav-home-labelscontainer-item-link.active,
.trial-red .studiomgnt-sub-selected,
.trial-red .plan-name-header {
  color: #26bbaa;
}
.trial-red .trial-bar {
  background-color: #ed2d5a;
}
.trial-red .btn-subscribe {
  background-color: #ed2d5a;
  border: 1px solid #ed2d5a;
}
.trial-red .btn-newproject {
  background-color: #26bbaa;
}
.trial-red .projectview-addfile-locked a::after {
  color: #ed2d5a;
}
.plan-name-header {
  display: inline-block;
  width: 100px;
  font-size: 10px;
  border-left: 1px solid #676d77;
  margin-left: 20px;
  text-transform: uppercase;
  line-height: 12px;
  letter-spacing: 0.2pt;
  font-weight: bold;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .plan-name-header {
    display: none;
  }
}
.header-cg-logo {
  position: absolute;
  background: url("../img/gemlogowhite-sm.png") no-repeat top left !important;
  background-size: 80px 24px !important;
  padding: 0 0 0 0;
  width: 80px;
  min-height: 24px;
  background-position: 0 center !important;
  display: inline-block;
}
.header-cg-logo .header-cg-logo-justicon {
  width: 40px !important;
}
.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;
}
.btn-edge {
  color: #333 !important;
  text-shadow: none !important;
  background-image: -moz-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: -ms-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdcb00), to(#c9a20a));
  background-image: -webkit-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: -o-linear-gradient(top, #fdcb00, #c9a20a);
  background-image: linear-gradient(top, #fdcb00, #c9a20a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdcb00', endColorstr='#c9a20a', GradientType=0);
  border-color: #c9a20a #c9a20a #806706;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #fdcb00;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  font-weight: bold;
}
.btn-edge:hover,
.btn-edge:active,
.btn-edge.active {
  background: #e8bb04;
  cursor: pointer;
  cursor: hand;
}
.btn-edge:active,
.btn-edge.active {
  background: #987b08 \9;
}
.btn-edge i {
  margin-top: 0 !important;
}
.btn-writer {
  color: #333 !important;
  text-shadow: none !important;
  background-image: -moz-linear-gradient(top, #049cdb, #0378a9);
  background-image: -ms-linear-gradient(top, #049cdb, #0378a9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#049cdb), to(#0378a9));
  background-image: -webkit-linear-gradient(top, #049cdb, #0378a9);
  background-image: -o-linear-gradient(top, #049cdb, #0378a9);
  background-image: linear-gradient(top, #049cdb, #0378a9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0378a9', GradientType=0);
  border-color: #0378a9 #0378a9 #02435e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background: #049cdb;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  font-weight: bold;
}
.btn-writer:hover,
.btn-writer:active,
.btn-writer.active {
  background: #048ec7;
  cursor: pointer;
  cursor: hand;
}
.btn-writer:active,
.btn-writer.active {
  background: #025577 \9;
}
.edge-only,
.writer-only,
.edge-trial-only,
.team-only {
  display: none !important;
}
.edge-theme .edge-only {
  display: block !important;
}
.team-theme .team-only {
  display: block !important;
}
.writer-theme .writer-only {
  display: block !important;
}
.edge-theme.trial-account .edge-trial-only {
  display: block !important;
}
.mail-important {
  background: url(../img/mail-important-icon.png) no-repeat;
  background-size: 17px;
  padding-left: 23px;
  min-height: 14px;
  position: relative;
  top: 2px;
}
.cx-sorter {
  display: inline-block;
}
.halfop {
  opacity: 0.5;
}
#app-loader-status {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  width: 100%;
  height: 100%;
  z-index: 5000;
  text-align: center;
  padding-top: 200px;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  opacity: 1;
}
#body-container {
  margin-top: 80px;
}
#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 6px;
  min-height: 30px;
  background: #555454;
  position: relative;
  z-index: 1001;
  color: #fafafa;
}
#toolbar .label {
  line-height: 15;
}
.wf-loading #sidebar {
  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;
}
#sidebar {
  opacity: 1;
  position: relative;
  z-index: 1002;
  float: left;
  width: 235px;
  background: #292d30;
  -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%;
}
.side-navbar-container {
  width: 235px;
  padding-left: 30px;
}
#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;
}
.upload-status-display {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  position: absolute;
  top: 0px;
  left: 45%;
  font-weight: bold;
  min-width: 140px;
  padding: 5px;
  background: url('../img/loading-small.gif') #ffffff no-repeat 5%;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  z-index: 1050;
  text-align: center;
}
.upload-status-display span {
  margin: 0 40px;
}
/* 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;
}
/* Celtx navigation tabs */
.celtx-nav {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 1000;
}
#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;
}
#trial-message {
  margin-top: 6px;
}
#free-trial-purchase {
  margin-left: 10px;
}
.cx-itemsidebar {
  width: 350px;
}
.upload-container {
  margin: 20px 10px 20px 0px;
}
.upload-container > .pull-left {
  width: 200px;
}
.loading-mask {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
}
.loading-mask.hide {
  display: none;
}
.loading-icon {
  background: #ffffff url(../img/loading-big.gif) center center no-repeat;
  width: 80px;
  height: 80px;
  margin: auto;
  align-self: center;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  display: flex;
  border-radius: 50%;
}
.loading-spinner-small {
  width: 16px;
  height: 16px;
  background-image: url("../img/loading-small.gif") !important;
  background-repeat: no-repeat;
  background-position: center center;
}
.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;
}
input.purchase-radio-button {
  float: left;
  margin-top: 14px;
  margin-left: 14px;
}
input.purchase-radio-button + label {
  border: 1px solid transparent;
  padding: 10px;
  float: left;
  width: 70%;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 10px;
}
.payradiocontainer {
  width: 400px;
  max-width: 100%;
}
input.purchase-radio-button:not(:checked) + label:hover {
  background: #f8f8f8;
  border: 1px solid #eee;
}
input.purchase-radio-button:checked + label {
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #eee;
}
.radio-label {
  display: inline-block;
  margin: 0 20px 10px 10px;
}
.payment-nothanks {
  font-size: 20px;
  line-height: 1;
  margin: 20px;
  display: block;
}
.third-div {
  width: 33.33333333%;
  display: inline-block;
  vertical-align: top;
}
.half-div {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.padder {
  padding: 10px;
}
.padder-lr {
  padding: 0 10px;
}
.vl-dotted {
  border-right: 1px dotted #CCC;
  padding-right: 20px;
  margin-right: 20px;
  height: 100%;
}
.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;
}
.big-input {
  font-size: 20px;
  padding: 9px 8px 8px 8px;
  width: 400px;
}
.p-margin {
  margin: 0 0 9px !important;
}
.link-colour {
  color: #0088cc;
}
.no-link-text {
  color: inherit !important;
}
#create-prompt,
.create-prompt {
  color: #fff;
  padding: 60px 20px;
  text-align: center;
}
#create-prompt #create-prompt-welcome,
.create-prompt #create-prompt-welcome {
  background: url(../img/startwizard/welcome-graphic.png) center center no-repeat;
  background-size: 90%;
  width: 400px;
  height: 112px;
}
#create-prompt.start-create-prompt,
.create-prompt.start-create-prompt {
  background: #313538;
  color: #ffffff;
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3592b1', endColorstr='#3a9fc1', GradientType=1);
  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;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#594593', endColorstr='#614ba1', GradientType=1);
  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: #b94a48;
  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;
}
#free-trial-badge {
  background: #c9a20a;
  -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 */
  position: relative;
  left: -5px;
  font-weight: bold;
  margin: 11px 0 0 0;
  padding: 3px 6px;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
}
#upgrading-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: url('../img/celtxspin.gif') #ffffff no-repeat;
  background-position: center 24%;
}
.camera-background-dialog {
  border-radius: 10px;
  height: 420px;
  width: 500px;
}
.camera-background-dialog.modal-dark.modal-dialog {
  overflow-y: hidden;
  border-top: 0 !important;
}
.camera-background-dialog .modal-dialog-title {
  height: 0px;
  min-height: 0px;
}
.camera-background-dialog button[name="ok"] {
  background-color: #f37649!important;
  text-shadow: none!important;
  letter-spacing: 1px!important;
}
.camera-background-dialog .modal-dialog-content {
  background-color: #3b3d3e;
  height: 350px;
}
.camera-background-dialog .modal-dialog-buttons {
  display: flex;
  justify-content: center;
}
.camera-background-dialog .modal-dialog-buttons,
.camera-background-dialog .modal-dialog-content {
  background-color: #3b3d3e!important;
}
.camera-background-dialog.modal-dark.modal-dialog .modal-dialog-content,
.camera-background-dialog.modal-dark.modal-dialog .modal-dialog-title {
  background-color: initial!important;
}
.camera-background-dialog.modal-dark.mobile {
  background: #181919 !important;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}
.camera-background-dialog.modal-dark.mobile .modal-dialog-content {
  height: 60%;
}
.camera-background-dialog.modal-dark.mobile .modal-dialog-buttons {
  height: 10%;
}
.camera-background-dialog .cx-project-limit-list {
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 70px;
  margin-bottom: 10px;
}
.camera-background-dialog .cx-project-limit-list ul {
  list-style-type: none;
  font-style: italic;
}
.camera-background-dialog .cx-project-limit-list li {
  margin-left: -20px;
}
.camera-background-dialog .call-to-action {
  height: 80px;
  width: 80px;
  margin: 30px auto 20px auto;
  background: url(../img/megaphone-round.png);
  background-size: cover;
}
.rotate-upsidedown {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
}
.page-padder {
  padding: 20px 0 0 0;
}
.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 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}
.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: #ffffff;
  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: #ffffff;
}
.editor-toolbar-btn:hover,
.btn-toolbar:hover {
  background-color: #70716e;
}
.goog-toolbar-button-disabled .btn-toolbar:hover {
  background-color: #565755;
}
.file-header-content-bg {
  user-select: none;
  display: flex;
  justify-content: space-between;
  *zoom: 1;
  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 .plan-name-header {
  margin-right: 15px;
  vertical-align: middle;
  border-right: 2px solid #434342;
  border-left: none;
  text-align: right;
  width: 100px;
  padding-right: 15px;
  padding-left: 0px;
  margin-left: 10px;
}
.file-header-content-bg .file-header-otherdoc-container,
.file-header-content-bg .file-header-script-container {
  color: #ffffff;
}
.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: #ffffff;
  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: #ffffff;
}
.file-header-content-bg #trial-container {
  display: inline-block;
}
.file-header-content-bg #trial-container a {
  padding-bottom: initial;
  height: 29px;
}
.main-project-name {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 140px;
}
.main-project-type {
  text-transform: uppercase;
  font-size: 10px;
}
#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: #ffffff;
  vertical-align: top;
  width: 200px;
  background-color: inherit;
}
#displayTitleTextContainer:hover {
  background-color: #2d2e2c;
}
#displayTitleText {
  display: inline-block;
  cursor: hand;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 180px;
  max-width: 180px;
  font-weight: 300;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  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-container {
  margin-left: 40px;
}
.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 #000000;
}
.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: #40bdb4;
}
.customize-nav {
  display: inline-block;
  margin: 8px 50px;
  float: right;
}
.picture-sketch-filter .btn {
  position: relative;
}
.picture-sketch-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;
}
.picture-sketch-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;
}
.picture-sketch-filter .btn > :last-child * {
  max-width: 100%;
}
.picture-sketch-filter .btn > :last-child:after,
.picture-sketch-filter .btn > :last-child:before {
  border: solid 6px;
  content: "";
  display: block;
  margin: 0 10px 0 10px;
  position: absolute;
}
.picture-sketch-filter .btn > :last-child {
  left: -60px;
  margin-left: 50%;
}
.picture-sketch-filter .btn > :last-child:after,
.picture-sketch-filter .btn > :last-child:before {
  left: 50%;
  margin-left: -5px;
}
.picture-sketch-filter .btn > :last-child {
  margin-top: 10px;
  top: 100%;
}
.picture-sketch-filter .btn > :last-child:after {
  margin-bottom: -1px;
}
.picture-sketch-filter .btn > :last-child:after,
.picture-sketch-filter .btn > :last-child:before {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  bottom: 100%;
}
.picture-sketch-filter .btn > :last-child:before {
  margin-bottom: 0px;
}
.picture-sketch-filter .btn > :last-child {
  background-color: #333333;
  border-color: #0d0d0d;
  color: #ffffff;
}
.picture-sketch-filter .btn > :last-child:after {
  border-color: #333333;
}
.picture-sketch-filter .btn > :last-child:before {
  border-color: #0d0d0d;
}
.picture-sketch-filter .btn > :last-child {
  text-shadow: 0 1px 0 #000000;
}
#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: #40bdb4;
}
#displayProfile {
  margin-left: 15px;
  display: inline-block;
  vertical-align: top;
}
#displayProfile .avatar-navbar {
  border: 3px solid #ffffff;
}
#displayProfile .cx-usersettingdropdown-username-container {
  display: none;
}
#displayProfile .dropdown-menu {
  left: auto;
  right: 0;
}
#displaySubscribe {
  float: right;
}
.try-editor-label {
  vertical-align: middle;
  color: #999999;
  font-size: 12px;
  margin-right: 5px;
}
.try-editor-toggle.togglebox,
.next-day-toggle.togglebox {
  margin-right: 10px;
  border: 1px solid #d8d8d8;
}
.try-editor-toggle.togglebox:before,
.next-day-toggle.togglebox:before {
  text-shadow: none;
}
.try-editor-toggle.togglebox input[type="checkbox"] ~ .toggle:before,
.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;
}
.sidebar-promo {
  text-align: center;
  padding: 40px;
  font-size: 15px;
  background: #fcfcfc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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);
  border: 1px solid #eee;
  *zoom: 1;
  margin: 0 2px 11px 0;
}
.sidebar-promo:before,
.sidebar-promo:after {
  display: table;
  content: "";
}
.sidebar-promo:after {
  clear: both;
}
.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: #34a99b;
  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 #000000;
}
.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: #47b5a7 !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 #000000;
}
.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 #000000;
}
.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 #000000;
}
.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 #000000;
}
.remove-circle {
  background: #c05c5a;
  border: 1px solid #b94a48;
  -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;
}
.caret-white {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}
.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;
}
.new-howto {
  padding: 1px 4px 2px;
  font-size: 10.998px;
  font-weight: bold;
  line-height: 13px;
  color: #ffffff;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #468847;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-background-clip: padding-box;
  /* IOS fix */
  background-clip: padding-box;
  /* IOS fix */
  position: absolute;
  top: -10px;
  right: -10px;
}
.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;
}
.btn-newgameproject {
  border: 1px solid #4fc0e8;
  background-color: #0b1015;
  font-size: 12px;
  font-family: "lato", sans-serif;
  width: 180px;
  border-radius: 5px;
  margin-bottom: 15px;
  color: #4fc0e8!important;
  background-image: url("../img/gamebtnicon.png");
  background-repeat: no-repeat;
  background-position-x: 145px;
  background-position-y: 8px;
}
.btn-newgameproject:hover {
  background-color: #0b1015;
}
.btn-newgameproject:active {
  background-color: #0b1015;
}
.btn-newgameproject:focus {
  outline: none;
  box-shadow: none;
}
.btn-newproject {
  font-family: "lato", sans-serif;
  letter-spacing: 0.06em;
  width: 185px;
  padding: 14px 40px 16px 20px;
  text-align: left;
  position: relative;
  border-radius: 3px;
  font-size: 14px;
  text-shadow: none;
  letter-spacing: .2px;
  border: none;
}
.btn-newproject i {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 50px;
  width: 50px;
  height: 50px;
  font-size: 15px;
  background-color: rgba(0, 0, 0, 0.15);
  text-align: center;
}
.btn-newproject:hover {
  text-shadow: none;
}
#scroll-container.droptarget {
  background: rgba(199, 238, 254, 0.35);
}
.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;
}
.typekit-badge {
  display: none !important;
}
.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 */
}
.bigtoolbar {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.bigtoolbar .goog-toolbar-select {
  padding: 1px 5px;
  font-size: 13px;
  font-family: "proxima-nova", sans-serif;
  background: #f5f5f5f5;
}
.bigtoolbar .goog-menuitem-content {
  font-family: "proxima-nova", sans-serif;
}
.bigtoolbar .goog-toolbar-separator {
  margin: 0 2px !important;
}
.bigtoolbar .goog-toolbar-button-inner-box {
  padding: 1px !important;
}
.bigtoolbar .goog-toolbar-button.goog-toolbar-button-hover .goog-toolbar-button-inner-box {
  padding: 0 !important;
}
.bigtoolbar .goog-toolbar-button-selected.goog-toolbar-button .goog-toolbar-button-inner-box {
  padding: 0 !important;
}
.bigtoolbar .goog-toolbar-button-checked.goog-toolbar-button .goog-toolbar-button-inner-box {
  padding: 0 !important;
}
.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: 900px) {
  .cx-createitem .createmenu {
    min-width: auto;
    min-width: 100%;
  }
}
@media (max-width: 800px) {
  .doc-pop-button-group span {
    display: none;
  }
  .createmenu-list-container {
    padding-left: 0px;
    padding-right: 6px;
  }
  .createmenu-list-container li {
    min-width: 150px;
  }
  .createmenu-list-container li a {
    font-size: 14px;
    padding-right: 20px !important;
  }
  .createmenu {
    min-width: 450px;
  }
}
@media (max-width: 800px) {
  .teamshoot-small-img {
    background-size: 260px 173px !important;
    width: 260px;
    min-height: 173px;
  }
  .wizard-shadowcontainer,
  .startwizard {
    padding: 0;
    max-width: 100%;
  }
  .wizard-shadowcontainer {
    max-height: 100%;
    margin-left: 0;
    left: 0;
  }
  .startwizard {
    padding: 0;
  }
  .startwizard .modal-prevnext {
    position: static;
    *zoom: 1;
  }
  .startwizard .modal-prevnext:before,
  .startwizard .modal-prevnext:after {
    display: table;
    content: "";
  }
  .startwizard .modal-prevnext:after {
    clear: both;
  }
  #wizardmodal-nav .nav-list {
    padding: 0;
  }
  #wizardmodal-nav .nav-list li .icon-chevron-right {
    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;
  }
  .wizard-shadowcontainer {
    position: absolute;
    overflow: hidden;
    max-height: inherit;
  }
  .createmenu-list-container {
    display: block;
  }
  .createmenu-list-container-general {
    float: none;
    min-height: initial;
  }
  .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;
    height: auto !important;
    width: auto;
    float: none;
  }
  #sidebar li {
    width: 100%;
  }
  #sidebar li a {
    border-right: none;
  }
  #sidebar #studiohead-container {
    width: 100%;
    padding-bottom: 10px;
  }
  #sidebar #studiohead-container .avatar-company-container {
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 10px;
  }
  #sidebar #studiohead-container .avatar-company-container .avatar-company-studiohead {
    width: 50px;
  }
  #sidebar #studiohead-container .studiohead-share {
    display: none;
  }
  #sidebar #studiohead-container .studiohead-back {
    font-size: 18px;
  }
  #sidebar #createitem-container {
    margin: 17px auto;
    display: inherit;
  }
  #sidebar #createitem-container .btn-group {
    padding-bottom: 20px;
  }
  #sidebar #createitem-container .btn-group .btn-newproject {
    float: none;
    margin: 0;
  }
  #sidebar #createitem-container .btn-newproject {
    height: 60px;
  }
  #sidebar #createitem-container .btn-newproject i {
    line-height: 60px;
    height: 60px;
  }
  #sidebar #navbar-container #folder-list {
    max-height: 130px !important;
  }
  #sidebar #navbar-container #folder-list li {
    margin: 0;
  }
  #sidebar #navbar-container #folder-list li .cx-nav-getting-started,
  #sidebar #navbar-container #folder-list li .cx-nav-trash {
    display: none;
  }
  #sidebar #navbar-container #folder-list li .cx-nav-home {
    padding-top: 18px;
    padding-bottom: 20px;
    font-size: 14px;
  }
  #sidebar #navbar-container #folder-list li .cx-nav-home i.mobile-dropdown {
    float: right;
    margin-right: 18px;
  }
  #sidebar #navbar-container #folder-list li .cx-nav-home-labelscontainer {
    padding-left: 50px;
  }
  #sidebar #navbar-container #folder-list li .cx-nav-home-labelscontainer .cx-nav-home-labelscontainer-item {
    line-height: 25px;
    padding-left: 0px;
  }
  #sidebar #navbar-container #folder-list li .cx-nav-home-labelscontainer .cx-nav-home-labelscontainer-item .cx-nav-home-labelscontainer-item-text {
    font-size: 13px;
  }
  #sidebar #navbar-container #folder-list li .cx-nav-home-labelscontainer .cx-nav-home-labelscontainer-item .cx-nav-home-labelscontainer-item-count-content {
    font-size: 13px;
  }
  .navbar-fixed-top .brand {
    padding-left: 48px !important;
    width: 218px !important;
  }
  .navbar-fixed-top .top-nav-showhide {
    position: absolute;
    left: 5px;
    padding-top: 13px;
  }
  .navbar-fixed-top .top-nav-showhide i {
    color: white;
  }
  .navbar-fixed-top #trial-container {
    display: inline-block !important;
  }
  .navbar-fixed-top #trial-container .btn-subscribe {
    padding-bottom: 10px;
    line-height: 16px;
    margin-right: 10px;
  }
  #filelistscroll-container #toolbar {
    display: none;
  }
  .cx-projectlistitem {
    width: auto;
  }
  .cx-projectlistitem .projectpanel-tabber {
    display: none;
  }
  .cx-projectlistitem .projectlistitem-form {
    padding-left: 10px;
  }
  #file-upload-container {
    width: 36%;
    float: right;
  }
  .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: 340px) {
  .navbar-fixed-top #main-nav .cx-usersettingdropdown {
    margin-right: 0;
  }
}
@media (max-width: 650px) {
  .budgetnav {
    display: none;
  }
  .autoblocksearch {
    width: 280px;
  }
  .popover-content {
    max-width: 360px;
    margin: 0 auto;
  }
  #wizardmodal-content {
    min-height: initial !important;
    max-height: initial !important;
    height: 100% !important;
  }
  .modal-prevnext {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
  #startmodal-workspace .img-polaroid {
    display: none;
  }
  .startwizard-servicechoice {
    max-width: 200px !important;
  }
  #wizardmodal-nav {
    display: none;
  }
  #wizardmodal-content {
    padding: 0;
  }
  #wizardmodal-content .marketing {
    padding: 0 20px;
  }
  .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;
  }
  .picture-sketch-filter .btn-toolbar,
  .view-filter .btn-toolbar {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
  }
  .navbar .brand {
    width: 98px !important;
    margin-right: 12px;
  }
  .gallery-chooser.min-height {
    min-height: initial !important;
  }
  #file-upload-container {
    position: static;
  }
  .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 !important;
  }
  .modal-dialog,
  .wide-modal {
    left: 10px;
    right: 10px !important;
    top: 10px !important;
    bottom: 10px !important;
    position: absolute !important;
    min-height: initial !important;
    width: auto !important;
    overflow: hidden;
    z-index: 10500;
  }
  .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 !important;
    max-width: 100%;
    max-height: 100%;
  }
  .modal-dialog.mobile-modal .modal-dialog-buttons,
  .wide-modal.mobile-modal .modal-dialog-buttons {
    background: #181919 !important;
  }
  .modal-dialog.mobile-modal .modal-dialog-content,
  .wide-modal.mobile-modal .modal-dialog-content {
    background: #181919 !important;
  }
  .modal-dialog.mobile-modal .modal-dialog-titel,
  .wide-modal.mobile-modal .modal-dialog-titel {
    background: #181919 !important;
  }
  .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;
  }
}
.modal-dialog.mobile-offline-modal {
  height: fit-content;
  left: 10% !important;
  right: 10% !important;
  top: 25% !important;
}
.modal-dialog.mobile-offline-modal .modal-dialog-title {
  background: inherit !important;
}
.modal-dialog.mobile-offline-modal .modal-dialog-buttons {
  position: relative;
}
@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 .modal-prevnext .prev-btn,
  .startwizard .modal-prevnext .next-btn,
  .startwizard .modal-prevnext .publish-btn {
    float: none;
    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;
  }
}
.constrain-width {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
iframe[src^="//www.youtube.com"] {
  max-width: 100%;
}
.nomargin {
  margin: 0 !important;
}
.bottom-shadow {
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
}
.guidelinecontainer {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  max-width: 800px;
  margin: 20px auto;
  padding: 40px;
  -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);
  background-color: white;
  font-size: 15px;
}
.guidelinecontainer p {
  font-size: 15px;
}
.guideline-title {
  font-size: 40px;
  font-weight: normal;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 20px 0 10px 0;
  color: #23272b;
}
.guideline-subtitle {
  font-size: 26px;
  font-weight: bold;
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif;
  margin: 20px 0 10px 0;
  color: #555;
}
.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: 1295px) {
  .picture-sketch-filter .tooltip-button {
    display: block !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 10px;
  }
}
@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_50 {
  width: 50%;
}
.wid_100 {
  width: 100%;
}
.sep_right {
  margin-right: 20px;
  box-sizing: border-box;
}
.textbox {
  box-sizing: border-box;
  padding: 15px 5px;
  margin: 0;
}
#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: .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 .cx-foldertoolbar a,
#cxContent.theme-dark .cx-foldertoolbar span {
  color: #fff;
}
#cxContent.theme-dark .navbar-inner {
  background-color: #23272b;
}
#cxContent.theme-dark .top-nav {
  color: #fff;
}
#cxContent.theme-dark .top-nav > li > a {
  color: #fff;
  font-weight: 300;
}
#cxContent.theme-dark .top-nav-showhide {
  color: #fff;
}
#cxContent.theme-dark .folderlink,
#cxContent.theme-dark .cx-foldertoolbar {
  color: #fff !important;
}
#cxContent.theme-dark .folderlink i,
#cxContent.theme-dark .cx-foldertoolbar 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 .file-header-content-bg #trial-container .btn-subscribe {
  height: 20px;
  font-size: 12px;
  padding: 2px 7px!important;
  margin-top: 10px;
}
#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;
}