/* open-sans-300normal - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Open Sans Light "), local("Open Sans-Light"), url("/static/fonts/open-sans/open-sans-latin-300.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-300.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: local("Open Sans Light italic"), local("Open Sans-Lightitalic"), url("/static/fonts/open-sans/open-sans-latin-300italic.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-300italic.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-400normal - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans Regular "), local("Open Sans-Regular"), url("/static/fonts/open-sans/open-sans-latin-400.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-400.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-400italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Open Sans Regular italic"), local("Open Sans-Regularitalic"), url("/static/fonts/open-sans/open-sans-latin-400italic.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-400italic.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-600normal - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Open Sans SemiBold "), local("Open Sans-SemiBold"), url("/static/fonts/open-sans/open-sans-latin-600.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-600.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: local("Open Sans SemiBold italic"), local("Open Sans-SemiBolditalic"), url("/static/fonts/open-sans/open-sans-latin-600italic.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-600italic.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-700normal - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Open Sans Bold "), local("Open Sans-Bold"), url("/static/fonts/open-sans/open-sans-latin-700.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-700.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: local("Open Sans Bold italic"), local("Open Sans-Bolditalic"), url("/static/fonts/open-sans/open-sans-latin-700italic.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-700italic.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-800normal - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: local("Open Sans ExtraBold "), local("Open Sans-ExtraBold"), url("/static/fonts/open-sans/open-sans-latin-800.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-800.woff") format("woff");
  /* Modern Browsers */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: local("Open Sans ExtraBold italic"), local("Open Sans-ExtraBolditalic"), url("/static/fonts/open-sans/open-sans-latin-800italic.woff2") format("woff2"), url("/static/fonts/open-sans/open-sans-latin-800italic.woff") format("woff");
  /* Modern Browsers */
}
/**
 * Backgrounds
 */
/**
 * Text
 */
/**
 * Publish
 */
/**
 * Link
 */
/**
 * Form
 */
/**
 * Buttons
 */
/**
 * Flash Message
 */
/**
 * Modal
 */
/**
 * Popup Panel
 */
/**
 * Tabs
 */
/**
 * Billing
 */
/**
 * Design Center
 */
/**
 * Rich Table
 */
/**
 * File Cabinet
 */
/**
 * Sales Calendar/Calendar Manager
 */
/**
 * Translation Tool
 */
div.data_filter table tbody tr td .select_container, .select_container,
.modal_dialog .select_container,
.form .select_container, .dropdown {
  align-items: center;
  background: #fafafa;
  display: flex;
  flex: 1 1 auto;
  position: relative;
}

select {
  appearance: none;
  background: #fafafa;
  border: none;
  border-bottom: 1px solid #aaa;
  cursor: pointer;
  font-size: 1em;
  flex: 2 1 auto;
  height: 48px;
  min-height: 38px;
  padding: 13px 32px 13px 12px;
  -moz-user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select ~ img {
  pointer-events: none;
  position: absolute;
  right: 7px;
}

#wizard_step_container .item_pre_text,
.design_center_settings .item_pre_text,
.design_center_custom_options_container .item_pre_text, div.frame div.frame_body div.item_pre_text {
  border-bottom: 1px dotted;
  margin: 1em 0.3em;
  padding-bottom: 1em;
}

/* ---- Global Settings ---- */
html, body {
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  color: #212121;
  font-family: Open Sans, Arial, Verdana, Sans-Serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.43;
}

body.loading {
  cursor: wait;
}

/* ---- Global Classes ---- */
.align-items-start {
  align-items: flex-start;
}

.align-content-start {
  align-content: flex-start;
}

.grid1 {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  justify-content: space-between;
  margin: 1.5em 0;
}

.grid1.checkbox {
  align-items: center;
  background: #fafafa;
  grid-template-columns: min-content 1fr;
}

.grid2 {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 48% 48%;
  grid-template-rows: auto auto;
  justify-content: space-between;
  margin: 1.5em 0;
}

.grid3 {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: auto auto;
  justify-content: space-between;
  margin: 1.5em 0;
}

.grid-auto-flow-rows {
  grid-auto-flow: row;
}

.grid2col1row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 48% 48%;
  grid-template-rows: auto;
  justify-content: space-between;
  margin: 1.5em 0;
}

.grid2lexicon {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-template-rows: auto auto;
  justify-content: space-between;
}

.grid2lexicon tbody {
  background: #eeeeee;
  margin: 1em 0;
}

.grid2lexicon tbody tr td {
  margin: 0 1em;
}

.grid1 .dropdown,
.grid2 .dropdown,
.grid3 .dropdown,
.grid2lexicon .dropdown,
.grid2col1row .dropdown {
  margin-left: 0;
}

.clear {
  clear: both;
}

.clear_l {
  clear: left;
}

.clear_r {
  clear: right;
}

.float_l {
  float: left;
}

.float_follow {
  position: relative;
  top: 3px;
}

.float_r {
  float: right;
}

.float_n {
  float: none;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

.text_justify {
  text-align: justify;
}

.nowrap {
  white-space: nowrap;
}

.bold {
  font-weight: bold;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.italic {
  font-style: italic;
}

.red {
  color: #f00;
}

.green {
  color: #139700;
}

.underline {
  border-bottom: 1px solid;
}

.hidden {
  display: none;
}

.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

.pad_l {
  padding-left: 1.5em;
}

.pad_r {
  padding-right: 1.5em;
}

.pad_t {
  padding-top: 1.5em;
}

.pad_t0 {
  padding-top: 0;
}

.pad_b {
  padding-bottom: 1.5em;
}

.big_pad_l {
  padding-left: 5em;
}

.big_pad_r {
  padding-right: 5em;
}

.margin_l {
  margin-left: 1.5em;
}

.margin_r {
  margin-right: 1.5em;
}

.margin_t {
  margin-top: 1.5em;
}

.margin_t0 {
  margin-top: 0;
}

.margin_b {
  margin-bottom: 1.5em;
}

.margin-center {
  margin: auto 0;
}

.margin-0 {
  margin: 0;
}

.margin-b {
  margin: 0 0 1.5rem 0;
}

.use_margin {
  margin: 1.5em;
}

.use_narrow_margin {
  margin: 1.5em 0.3em;
}

.more-hidden {
  display: none;
}

/* Used by more jquery plugin */
.vert_divider {
  padding: 0 0.2em;
  font-size: 0.9em;
  vertical-align: top;
}

.footnote {
  font-style: italic;
  font-size: 0.9em;
}

.no_overflow {
  overflow: hidden;
}

.progress {
  cursor: progress;
}

.font_small {
  font-size: 0.8rem;
}

.pre {
  overflow-x: auto;
  /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.fix_ie_width_inner {
  overflow: auto;
}

.disable {
  color: #777;
  cursor: default;
  text-decoration: none;
}

.arrow-left {
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  border-top: 10px solid transparent;
  height: 0;
  width: 0;
}

.arrow-up {
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
}

.arrow-down {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
  height: 0;
  width: 0;
}

.arrow-right {
  border-bottom: 10px solid transparent;
  border-left: 10px solid white;
  border-top: 10px solid transparent;
  height: 0;
  width: 0;
}

.rounded {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.dropdown {
  flex: 0;
  margin-left: 1em;
}

p.basic {
  margin-bottom: 1em;
}

div.footnote p {
  margin-top: 1em;
}

table.basic_table {
  margin-bottom: 1em;
}

table.basic_table th,
table.basic_table td {
  padding: 0 2em 0 0;
}

table.basic_table td.site_promo_name {
  text-align: right;
  width: 10em;
}

table.basic_table caption {
  font-weight: bold;
  text-align: left;
}

/* ---- Global Elements ---- */
#main_container {
  margin: 0 auto;
  min-width: 74em;
  padding: 0 1em;
  width: 95%;
}

#main_container.filecabinet {
  padding: 0;
  width: 100%;
}

#breadcrumb {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 0.75rem;
  font-weight: 300;
  min-height: 48px;
  padding: 1em;
}

#breadcrumb > * {
  padding-right: 5px;
}

#wizard_crumbs {
  margin-top: -1em;
  padding: 0 1em 1em;
}

#breadcrumb.wizard_crumbs {
  padding-right: 0;
}

#breadcrumb span,
#wizard_crumbs span.divider {
  position: relative;
  top: -0.05em;
}

#wizard_crumbs span.future {
  color: #c1c1c1;
}

#footer {
  font-size: 0.9em;
  margin: 3em auto 1em;
  text-align: center;
}

.loading_box {
  background-color: #212121;
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  display: none;
  font-size: 1.5em;
  left: 1em;
  opacity: 0.95;
  padding: 1em 2em;
  position: fixed;
  top: 1em;
  z-index: 989999;
}

#loading_bar_border {
  border: #212121 1px solid;
  font-size: 0.85em;
  height: 32px;
  margin: 5px 0 0 0;
  text-align: center;
  width: auto;
}

#loading_bar {
  align-items: center;
  background: #212121;
  color: #ffffff;
  display: flex;
  height: 100%;
  justify-content: center;
}

.page_loading {
  background-color: #212121;
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  font-size: 1.5em;
  left: 1em;
  opacity: 0.95;
  padding: 1em 2em;
  position: fixed;
  top: 1em;
  z-index: 989999;
}

#three0_admin {
  border: 1px solid;
  height: 80vh;
  min-height: 500px;
  width: 100%;
}

#awstatsbis {
  border: 1px solid;
  height: 80vh;
  min-height: 500px;
  width: 100%;
}

/* ---- Common Formatting ---- */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2em;
  padding: 1em 0;
}

h2 {
  font-size: 1.5em;
  letter-spacing: -1px;
  padding: 1em 0;
}

h3 {
  font-size: 1.3em;
}

p, ul {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

blockquote {
  margin: 1em 2em;
  padding: 0;
}

small, .small {
  font-size: 0.9em;
}

img {
  border: 0;
}

sup {
  bottom: 0.3em;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.2em;
  position: relative;
  vertical-align: baseline;
}

acronym, abbr {
  border-bottom: 1px dashed;
  cursor: help;
  letter-spacing: 1px;
}

div.success_text p {
  margin-bottom: 0.8em;
}

/* ---- Links ---- */
a, a:visited, .link, .links {
  color: #2baac5;
  cursor: pointer;
  text-decoration: underline;
}

a.link_button {
  color: #ffffff;
}

a:hover, .link:hover, .links:hover {
  color: #278195;
}

a:focus {
  outline: none;
}

.help, a.help {
  color: #8dbd86;
}

/* ---- Landing Pages ---- */
div.landing_page h3 {
  border-bottom: 1px dotted;
  float: left;
  margin-left: 1em;
  min-width: 20em;
}

div.landing_page ul {
  clear: both;
  padding: 1em 0 0 3em;
}

div.landing_page ul li {
  background: url(/static/images/global/icons/svg/expand_less.svg) no-repeat 0 1px;
  margin: 0 0 1em 1em;
  padding-left: 2em;
}

div.landing_page.wizard_progress ul li {
  background: none;
}

div.landing_page.wizard_progress ul li.step_complete {
  background: url(/static/images/global/icons/svg/expand_less.svg) no-repeat 0 1px;
}

div.landing_page.wizard_progress div.divider {
  border-top: 1px dotted;
  font-size: 1.5em;
  width: 28em;
}

div.landing_page.wizard_progress .user_info .label {
  font-weight: bold;
  padding-right: 1em;
}

/* ---- Forms ---- */
.error_message {
  color: #920000;
  font-size: 0.825rem;
}

.success_message {
  color: #019d03;
}

.text_greyout {
  color: #aaa;
}

.form {
  border: 0;
  /*
    margin: 0;
    padding: 0;
  */
}

.form label {
  cursor: pointer;
}

.form div.edit {
  background: #fbfbfd;
  padding-top: 1em;
}

.form div.form_section_container {
  margin: 1.5em;
}

.form div.table_container > p {
  margin-top: 1.5em;
}

.form div.table_container + div.table_container {
  border-top: 5px dotted #eee;
  margin-top: 0.5em;
}

.form .table,
.form table {
  width: 100%;
}

.form .table .table_row .table_col.label,
.form table tbody tr td.label {
  color: #606060;
  display: flex;
}

.form .table .table_row .table_col.label,
.form table tbody tr td.label div.value {
  font-weight: normal;
}

.form .table .table_row .table_col.label.error,
.form table tbody tr td.label.error {
  background: url(/static/images/theme/default/error_sign_small.png) 0 40% no-repeat;
  color: #c62828;
  padding-left: 20px;
}

.form .table .table_row .table_col.label em,
.form table tbody tr td.label em {
  font-size: 1.1em;
  color: #4787c7;
}

.form .table .table_row .table_col.value,
.form table tbody tr td.value {
  align-items: center;
  color: #212121;
  display: flex;
  font-size: 1rem;
  min-height: 46px;
  position: relative;
}

.form.view .table .table_row .table_col.value .link_button,
.form.view table tbody tr td.value .link_button {
  display: none;
}

.form.view .table .table_row .table_col.value > span,
.form.view table tbody tr td.value > span {
  padding-right: 5px;
}

.form.view .table .table_row .table_col.value,
.form.view table tbody tr td.value {
  border-bottom: 1px solid #aaa;
}

.form.create .table .table_row .table_col.value,
.form.edit .table .table_row .table_col.value,
.form.create table tbody tr td.value,
.form.edit table tbody tr td.value {
  background: #fafafa;
  padding: 0;
}

.form .table .table_row .table_col.value input[type=file],
.form .table .table_row .table_col.value input[type=password],
.form .table .table_row .table_col.value input[type=text],
.form table tbody tr td.value input[type=file],
.form table tbody tr td.value input[type=password],
.form table tbody tr td.value input[type=text] {
  flex: 1 1 100%;
}

.form.create .table .table_row .table_col.value input[type=file],
.form.create .table .table_row .table_col.value input[type=radio],
.form.create .table .table_row .table_col.value input[type=checkbox],
.form.edit .table .table_row .table_col.value input[type=file],
.form.edit .table .table_row .table_col.value input[type=radio],
.form.edit .table .table_row .table_col.value input[type=checkbox],
.form.create table tbody tr td.value input[type=file],
.form.create table tbody tr td.value input[type=radio],
.form.create table tbody tr td.value input[type=checkbox],
.form.edit table tbody tr td.value input[type=file],
.form.edit table tbody tr td.value input[type=radio],
.form.edit table tbody tr td.value input[type=checkbox] {
  cursor: pointer;
}

.form.create .table .table_row .table_col.value > span,
.form.create .table .table_row .table_col.value input[type=checkbox],
.form.create .table .table_row .table_col.value input[type=radio],
.form.edit .table .table_row .table_col.value > span,
.form.edit .table .table_row .table_col.value input[type=checkbox],
.form.edit .table .table_row .table_col.value input[type=radio],
.form.create table tbody tr td.value > span,
.form.create table tbody tr td.value input[type=checkbox],
.form.create table tbody tr td.value input[type=radio],
.form.edit table tbody tr td.value > span,
.form.edit table tbody tr td.value input[type=checkbox],
.form.edit table tbody tr td.value input[type=radio] {
  margin: 0 1em;
}

.form.create .table .table_row .table_col.value:hover,
.form.edit .table .table_row .table_col.value:hover,
.form.create table tbody tr td.value:hover,
.form.edit table tbody tr td.value:hover {
  background: #f5f5f5;
}

.form .table .table_row .table_col.value select.select_with_other + div,
.form table tbody tr td.value select.select_with_other + div {
  margin-top: 0.3em;
}

.form .table .table_row .table_col.description,
.form table tbody tr td.description {
  background: #e0e0e0;
  border-bottom: 1em solid #ffffff;
  border-left: 1em solid #ffffff;
  border-top: 1.6em solid #ffffff;
  padding: 1em;
}

/* For some unknown reason we have to duplicate this. It doesn't
   parse correctly on the live system */
.form table tfoot tr td.label {
  font-weight: bold;
  padding: 0.4em 0.5em 0.4em 1.5em;
  vertical-align: top;
}

.form table tfoot tr td.value {
  padding-right: 2em;
}

.form .table .table_row .table_col.value div.lov select,
.form table tbody tr td.value div.lov select {
  width: 16em;
}

.form table tbody.buttons tr td {
  padding: 1em;
}

.form table tbody.sub_form_actions {
  display: none;
}

.form table tbody.sub_form_actions tr td {
  padding: 0 1.5em;
}

.form table tbody.hidden_fields {
  display: none;
}

.form table.many_many_relationship {
  margin: 1.5em 0;
  width: 46em !important;
}

.form table.many_many_relationship tr.titles td {
  padding: 0 0.5em;
}

.form table.many_many_relationship tr td.buttons div {
  border: 1px solid red;
  height: 4em;
}

.form table.many_many_relationship select {
  width: 19em;
}

div.form_errors {
  align-items: flex-start;
  background: #920000 url(/static/images/theme/default/error_sign.png) 1em center no-repeat;
  border-top: 1px solid #aaa;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  justify-content: center;
  margin-bottom: 1em;
  min-height: 5em;
  padding: 1em 1em 1em 8em;
}

div.form_errors div {
  margin: 0.4em 0;
}

div.form_success {
  background: #fff url(/static/images/theme/default/success_sign.png) 1em center no-repeat;
  border: 1px solid #019d03;
  color: #019d03;
  font-weight: bold;
  margin-bottom: 1em;
  min-height: 5em;
  padding: 1em 1em 1em 8em;
}

div.form_success div {
  margin: 0.4em 0;
}

div.sub_section_collapsible {
  padding: 1em 0;
}

div.sub_section_collapsible.closed {
  padding-bottom: 0;
}

div.sub_section_collapsible div.sub_collapsible_titlebar {
  align-items: center;
  background: #212121;
  color: #e0e0e0;
  display: flex;
  margin: 1em 0;
  padding: 1em;
}

div.sub_section_collapsible div.sub_collapsible_titlebar div.toggle {
  cursor: pointer;
  height: 16px;
  margin-right: 1em;
  width: 16px;
}

div.sub_section_collapsible.open div.sub_collapsible_titlebar div.toggle {
  background: url(/static/images/global/icons/svg/expand_more_white.svg) no-repeat;
}

div.sub_section_collapsible.closed div.sub_collapsible_titlebar div.toggle {
  background: url(/static/images/global/icons/svg/expand_less_white.svg) no-repeat;
}

div.section_collapsible {
  padding: 1em 0;
}

div.section_collapsible.closed {
  padding-bottom: 0;
}

div.section_collapsible div.collapsible_titlebar {
  align-items: center;
  background: #212121;
  color: #e0e0e0;
  display: flex;
  padding: 1em;
}

div.section_collapsible div.collapsible_titlebar div.toggle {
  cursor: pointer;
  height: 16px;
  margin-right: 1em;
  width: 16px;
}

div.section_collapsible.open div.collapsible_titlebar div.toggle {
  background: url(/static/images/global/icons/svg/expand_more_white.svg) no-repeat;
}

div.section_collapsible.closed div.collapsible_titlebar div.toggle {
  background: url(/static/images/global/icons/svg/expand_less_white.svg) no-repeat;
}

div.section_collapsible div.collapsible_titlebar span.title {
  padding-right: 2em;
}

div.section_collapsible div.collapsible_content {
  margin: 1.5em 0;
}

div.tab_titlebar {
  align-items: center;
  background: #eeeeee;
  display: flex;
  padding: 1.5em;
}

div.tab_titlebar h3 {
  font-size: 1.2rem;
}

input, select, textarea {
  color: #212121;
  font-family: Open Sans, Arial, Verdana, Sans-Serif;
  outline: none;
}

input {
  margin: 0;
  /* padding: .2em .3em; */
  background: #fafafa;
  border: none;
  padding: 14px 12px 14px 12px;
  border-bottom: 1px solid #aaa;
}

textarea:hover,
input:hover {
  background: #f5f5f5;
  border-bottom: 1px solid #2baac5;
}

textarea:focus,
input:focus {
  background: #f5f5f5;
  border-bottom: 1px solid #2baac5;
}

/*
Conflicts with IVJS input fields (too much specificity).
input[type=text], input[type=password] {
*/
input {
  font-size: 1em;
  height: 19px;
}

input[type=text].long_input, input[type=password].long_input {
  width: 24em;
}

input[type=checkbox],
input[type=radio] {
  border: 0;
}

input[type=radio] + span + input[type=radio] {
  margin-left: 1.5em;
}

input[type=radio] + span {
  margin-left: 0.5em;
}

input[type=text].color {
  padding-right: 5em;
}

/*
input[type=text].iv_color_picker_text {
  height: 2.5em;
}
*/
input[type=text].color ~ .sp-replacer {
  margin-right: 1em;
  position: absolute;
  right: 0;
}

input[type=text].iv_color_picker_text ~ .sp-replacer {
  padding: 4px;
}

.sp-container .sp-input {
  width: 100%;
}

input[type=text].size_5 {
  width: 5em;
}

input[type=text].size_10 {
  width: 10em;
}

input[type=text].size_15 {
  width: 15em;
}

div.long_label_checkbox {
  display: inline-block;
  padding-left: 25px;
  position: relative;
  font-weight: normal;
}

div.long_label_checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
}

select[multiple=multiple] {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  height: auto;
}

select:hover {
  background: #f5f5f5;
  border-bottom: 1px solid #2baac5;
}

select:focus {
  border-bottom: 1px solid #2baac5;
}

.radio_list li {
  align-items: center;
  display: flex;
  padding: 0.5em 0;
}

.radio_list.flex li {
  min-width: 150px;
}

textarea {
  background: #fafafa;
  border: none;
  border-bottom: 1px solid #aaa;
  flex: 1 1 100%;
  font-size: 1em;
  line-height: 1.25;
  height: 7em;
  overflow: auto;
  padding: 14px 12px 14px 12px;
}

textarea.head_tag {
  height: 25em;
  width: 50em;
}

textarea.rte {
  height: 30em;
  width: 66em;
}

textarea.narrow {
  width: 28em;
}

textarea.extra_narrow {
  width: 24em;
}

.label_spacer {
  height: 8px;
}

label.check_radio {
  display: block;
  padding: 0 1.5em 0.5em 0;
  white-space: nowrap;
}

label.check_radio input {
  vertical-align: middle;
}

label.check_radio span {
  padding-left: 0.2em;
  vertical-align: middle;
}

/**** The char_* class help to set the width of form fields ****/
input.char_100 {
  width: 25em;
}

input.char_50 {
  width: 25em;
}

input.char_15 {
  width: 9em;
}

input.char_11 {
  width: 6em;
}

input.char_10 {
  width: 5.8em;
}

input.char_9 {
  width: 5.6em;
}

input.char_8 {
  width: 5.2em;
}

input.char_7 {
  width: 4.6em;
}

input.char_6 {
  width: 3.9em;
}

input.char_5 {
  width: 3.3em;
}

input.char_4 {
  width: 2.7em;
}

input.char_3 {
  width: 2.2em;
}

input.char_2 {
  width: 1.4em;
}

input.char_1 {
  width: 1em;
}

.action_button,
.link_button,
.button {
  background: #2baac5;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  margin: 4px 8px;
  text-decoration: none;
}

.button {
  padding: 12px 18px;
}

.action_button {
  padding: 6px 10px;
}

.link_button {
  padding: 6px 16px !important;
}

.action_button:hover,
.link_button:hover,
.button:hover {
  background: #1e7689;
  color: #ffffff;
}

.button.cancel,
.button.modal_close {
  background: #e0e0e0;
  color: #757575;
}

.button.cancel:hover,
.button.modal_close:hover {
  background: #d5d5d5;
}

.action_button.disabled,
.action_button.disabled span,
.link_button.disabled,
.link_button.disabled span,
.button.disabled,
.button.disabled span {
  background-color: #ddd;
  color: #bbb;
  cursor: auto;
  user-select: none;
}

.button.loading {
  cursor: wait;
}

.button.fixed_w_sm {
  margin-bottom: 0.5em;
  text-align: center;
  width: 6em;
}

.button_pt9 span {
  font-size: 0.9em;
}

.text_from_modal {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  position: relative;
}

.text_from_modal input {
  padding-right: 13em;
}

.text_from_modal .input_button_group {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  position: absolute;
  right: 0;
}

.text_from_modal .input_button_group .link_button {
  margin: 0 8px !important;
}

.text_from_modal .input_button_group .link_button span {
  margin: 0 !important;
}

span.text_field_and_button {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  font-size: 0.875rem;
  margin: 0 !important;
  position: relative;
}

span.text_field_and_button input {
  padding-right: 200px;
}

/*
span.text_field_and_button .check {
  position: absolute;
  right: 0;
  font-size: 0.875rem;
}
*/
span.text_field_and_button .checking,
span.text_field_and_button .response {
  padding: 0.3em 0;
  position: absolute;
  font-size: 0.825rem;
  top: 3em;
}

span.text_field_and_button span.checking,
span.text_field_and_button div {
  display: none;
}

span.text_field_and_button div {
  padding: 0.6em 0;
}

iframe#form_submitter {
  left: -1000px;
  position: absolute;
  top: -1000px;
}

#flash_message, #flash_error, #tab_flash_message, #tab_flash_error, .flash_message {
  clear: both;
  text-align: center;
  font-size: 1.3em;
}

#flash_message span, #flash_error span, #tab_flash_message span, #tab_flash_error span, .flash_message span {
  border: 1px solid #212121;
  padding: 1em;
}

#tab_flash_message, #tab_flash_error {
  padding: 0.2em 0 0.8em;
}

#flash_message span, #tab_flash_message span, .flash_message span {
  background-color: #f9f9f9;
  color: #212121;
  display: block;
}

#flash_error span, #tab_flash_error span, .flash_error span {
  background-color: #920000;
  border-color: #920000;
  color: #fff;
}

/* ---- Checkbox message form component ---- */
.cbm span {
  font-weight: bold;
  color: red;
  display: none;
  padding-left: 0.8em;
}

/* ---- RTE form component ---- */
td.value.has_tinymce {
  width: 100%;
}

td.value.has_tinymce .mce-tinymce {
  width: 100%;
}

td.value.has_tinymce .mce-tinymce .mce-btn button {
  font-size: 12px;
  padding: 2px 4px;
}

.file_chooser {
  align-items: center;
  display: flex;
}

.file_chooser #existing_file {
  align-items: center;
  display: flex;
}

.file_chooser #existing_file .link_button {
  white-space: nowrap;
}

/* ---- Login Form ---- */
div.narrow_item {
  width: 30em;
}

#browser_unsupported {
  width: 70%;
}

div.forgot_password {
  padding-top: 1em;
  text-align: center;
}

div.login_message {
  color: #16a002;
  padding: 0.5em 0 1em;
  text-align: center;
}

div.login_message a,
div.login_message a:visited {
  color: #16a002;
}

div.browser_message {
  font-size: 1.3em;
  padding: 0.5em 0 1em;
}

/* ---- Framing for pages ---- */
div.frame {
  margin: 0 auto;
}

div.frame div.frame_top {
  align-items: center;
  background: #212121;
  color: #e0e0e0;
  display: flex;
  padding: 1.5em;
}

div.frame.frame_tab .frame_top {
  background: #eeeeee;
}

div.frame.frame_tab .frame_top,
div.frame.frame_tab .frame_top h3 {
  color: #212121;
}

div.frame div.rich_table_top {
  background: #eee;
  color: #212121;
  display: block;
}

div.frame div.frame_top h3 {
  color: #e0e0e0;
}

div.frame div.frame_top div.item_actions,
div.frame div.frame_top div.section_actions {
  flex: 1 1 auto;
  padding-left: 3em;
  position: relative;
}

div.frame div.frame_top div.item_actions span,
div.frame div.frame_top div.section_actions span {
  padding: 0 0.4em;
}

div.frame div.frame_top div.section_actions {
  display: flex;
  flex: 1 1 auto;
  justify-content: end;
}

/*
    div.frame div.frame_body div.item_post_text{
      border-top: 1px dotted;
      margin: 1em 0 1em 1.3em;
    }
*/
div.frame div.frame_body div.item_post_text p {
  padding: 0.6em 0 0 0;
}

div.frame div.frame_box {
  padding: 1em 0;
}

div.frame div.frame_box div.frame_box_header {
  background: #FFFFCC;
  margin: 1em 0;
  padding: 0.3em 1em 0.4em 2em;
}

div.frame div.frame_box div.frame_box_header span.title {
  font-weight: bold;
  padding-right: 2em;
}

div.frame div.frame_box div.frame_box_body {
  padding: 0 2em;
}

div.frame div.social_frame_body div.frame_box div.frame_box_header {
  background: #212121;
  color: #fff;
  padding: 1em;
  margin: 0 0 1em;
}

div.frame.slim {
  margin: 0;
  width: 50em;
}

/* ---- Framing for modals ---- */
div.modal_frame {
  border: none;
}

div.modal_frame div.modal_frame_body {
  padding: 0 2em 1em;
}

div.modal_frame div.modal_frame_body div.modal_pre_text {
  border-bottom: 1px dotted;
  margin-top: 1.5em;
}

div.modal_frame div.modal_frame_body div.modal_pre_text p {
  padding: 0 0 0.6em 0;
}

/* ---- Item detail component ----*/
div.item_detail div.frame_top div.item_actions,
div.item_detail div.frame_top div.section_actions {
  padding-left: 4em;
  position: relative;
  top: 0.2em;
}

div.item_detail div.item_body {
  padding: 0 2em 1em 4em;
}

/* ---- Tables ---- */
div.frame.borders div.frame_body div.table_container table,
div.frame.borders div.frame_body div.table_container td,
div.table_container.borders table,
div.table_container.borders table td {
  border: 1pt solid black;
  border-collapse: collapse;
  padding: 0.8em;
}

div.table_container.full_width table {
  width: 100%;
}

/* ---- Rich Tables ---- */
div.rich_table {
  color: #212121;
}

div.rich_table input {
  padding: 9px 32px 9px 12px;
}

div.rich_table select {
  height: auto;
  padding: 8px 32px 8px 12px;
}

div.rich_table div.rich_table_views {
  align-items: center;
  display: flex;
}

div.rich_table div.rich_table_views > *,
div.rich_table div.rich_table_filters > * {
  /* padding-right: 0.6em; */
}

div.rich_table div.rich_table_views h3,
div.rich_table div.rich_table_filters h3 {
  color: #212121;
  font-size: 1.1em;
}

div.rich_table div.rich_table_views span.view_action {
  padding: 0 0 0 1.2em;
  position: relative;
  top: 0.3em;
}

div.rich_table div.rich_table_views input {
  margin-right: 0.4em;
}

div.rich_table div.rich_table_views #global_toggle {
  margin-left: 1em;
}

div.rich_table_views + div.rich_table_filters {
  border-top: 1px solid #aaa;
  margin-top: 1em;
  padding-top: 1em;
}

div.rich_table div.actions {
  align-items: center;
  background: #212121;
  color: #e0e0e0;
  display: flex;
  flex-flow: row wrap;
  padding: 0.8em 1em;
}

div.rich_table div.actions > * {
  margin: 0 0.4em;
}

div.rich_table div.actions div.row_actions {
  flex: 1 1 auto;
}

div.rich_table div.actions div.row_actions .button {
  padding: 6px 16px !important;
}

div.rich_table div.actions div.paginate,
div.rich_table div.actions div.select_rows {
  top: 0.3em;
}

div.rich_table div.actions div.select_rows {
  padding-right: 1em;
}

div.rich_table div.actions div.select_all_records,
div.rich_table div.actions div.select_all_records_selected {
  display: none;
  flex: 1 0 75%;
  margin-top: 0.5em;
  padding: 0.2em;
  text-align: center;
}

div.rich_table div.actions div.paginate span[title=first] {
  padding-left: 0.5em;
}

div.rich_table div.table_wrap {
  overflow-x: auto;
  overflow-y: hidden;
}

div.rich_table table.main {
  border-collapse: collapse;
  width: 100%;
}

div.rich_table table.main thead tr th {
  background: #e0e0e0;
  color: #212121;
  font-weight: normal;
  padding: 1.2em 1em 1.2em 1.3em;
  text-align: left;
}

div.rich_table table.main thead tr th.sortable {
  cursor: pointer;
}

div.rich_table table.main thead tr th:first-child {
  background-image: none;
  padding-left: 1em;
}

div.rich_table table.main thead tr th span {
  background: transparent no-repeat right center;
  padding-right: 1.5em;
  white-space: nowrap;
}

div.rich_table table.main thead tr th.sort_up span {
  background-image: url(/static/images/global/icons/svg/arrow_drop_up.svg);
}

div.rich_table table.main thead tr th.sort_down span {
  background-image: url(/static/images/global/icons/svg/arrow_drop_down.svg);
}

div.rich_table table.main tbody tr td {
  border-bottom: 2px solid #f5f5f5;
  padding: 0.7em 0.5em 0.7em 1.3em;
}

div.rich_table table.main tbody tr td:first-child {
  padding-left: 0.3em;
  white-space: nowrap;
}

div.rich_table table.main tbody tr td.loading,
div.rich_table table.main tbody tr td.no_records {
  font-size: 1.4em;
  text-align: center;
}

div.rich_table input.noleft[type=submit] {
  position: relative;
  left: 0em;
}

div.rich_table input.noleft[type=text] {
  position: relative;
  left: 0em;
}

div.rich_table input.noleft[type=checkbox] {
  position: relative;
  left: 0em;
}

div.rich_table table.main tbody tr td:first-child input {
  margin-right: 0.5em;
}

div.rich_table table.main tbody tr:hover {
  background-color: #f5f5f5;
}

div.rich_table table.main tbody tr.clicked {
  background-color: #eee;
}

div.rich_table table.main tfoot tr {
  background-color: #e0e0e0;
  color: #212121;
  height: 0.6em;
}

div.rich_table table.main td img.rt_thumb {
  vertical-align: middle;
}

.system_crm_design_list .rt_thumb {
  width: 75px;
}

/* ---- Modals ---- */
.modal_dialog {
  background-color: #ffffff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  color: #212121;
  display: none;
  left: 300px;
  padding: 0;
  position: fixed;
  top: 200px;
  width: 42em;
}

.modal_dialog .bottom h1,
.modal_dialog .bottom h2,
.modal_dialog .bottom h3,
.modal_dialog .bottom h4,
.modal_dialog .bottom h5,
.modal_dialog .bottom h6 {
  padding: 0 0 1em 0;
}

.modal_dialog.semiwide {
  width: 50em;
}

.modal_dialog.wide {
  width: 74em;
}

.modal_dialog.cropper {
  width: 820px;
  height: 800px;
}

.modal_dialog div.title_bar_container {
  background: #212121;
  color: #e0e0e0;
  cursor: move;
  height: 20px;
}

.modal_dialog div.title_bar_container div {
  cursor: pointer;
  height: 18px;
  /* no em here, we need pixels to make it the exact height/width of the bg image */
  margin-left: 2px;
  width: 18px;
}

.modal_dialog div.title_bar_container div.modal_close {
  background: url(/static/images/global/icons/svg/close_white.svg) no-repeat;
}

.modal_dialog div.title_bar_container div.modal_shade {
  background: url(/static/images/global/icons/svg/minimize_white.svg) no-repeat;
}

.modal_dialog div.title_bar_container div.modal_unshade {
  background: url(/static/images/global/icons/svg/maximize_white.svg) no-repeat;
}

.modal_dialog div.title_bar_container div.title_bar {
  cursor: move;
  margin-left: 0;
  width: 95%;
}

.modal_dialog div.content {
  max-height: 650px;
  overflow-y: auto;
  overflow-x: hidden;
}

.modal_dialog.standard div.content {
  max-height: 500px;
}

.modal_dialog.tall div.content {
  max-height: 800px;
}

.modal_dialog div.content .frame_top,
.modal_dialog div.content .top {
  align-items: center;
  background: #212121;
  color: #e0e0e0;
  display: flex;
  padding: 0 1.5em 1.5em;
}

.modal_dialog div.content .frame_top h3,
.modal_dialog div.content .top h3 {
  font-size: 1.6em;
}

.modal_dialog div.content .top p.caption {
  clear: both;
  font-size: 1em;
}

.modal_dialog div.content .top .help_for_page {
  margin: 0;
}

.modal_dialog div.content div.modal_load {
  background: #FFF url(/static/images/theme/default/spinner.gif) no-repeat top left;
  height: 3em;
  padding: 0.6em 0 0 30px;
}

.modal_dialog div.content .middle {
  /* padding: 0 1em; */
  padding: 1.5em 1.5em 0 1.5em;
}

.modal_dialog div.content .middle > p {
  padding: 0.7em 0;
}

.modal_dialog div.content .middle label {
  padding: 0 0 0 5px;
  vertical-align: top;
}

.modal_dialog div.content .bottom {
  padding: 1.5em;
}

.modal_dialog div.content .bottom table {
  width: 100%;
}

.modal_dialog div.content .bottom > div {
  padding-bottom: 1em;
}

.modal_dialog div.content .bottom > div:last-child {
  padding-bottom: 0;
}

.modal_dialog div.content .bottom > ul,
.modal_dialog div.content .bottom > p {
  padding-bottom: 1em;
}

.modal_dialog div.content .bottom > p:last-child {
  padding-bottom: 0;
}

.modal_dialog div.content .bottom td.info_tip {
  padding: 13px 0;
}

.modal_dialog div.content .bottom p.info_tip {
  background: url(/static/images/theme/default/icon_help.png) no-repeat scroll 1em 0;
  padding: 0 3em;
}

.modal_dialog div.content .bottom > div.confirm {
  padding: 1em 0;
}

.modal_dialog div.content .bottom > span.item {
  padding: 0.3em 1em;
  display: block;
}

.modal_dialog div.content .bottom div.modal_messages {
  background: #fff;
  border: 1px solid #ff0000;
  margin: 0 0 10px 0;
  padding: 10px;
}

.modal_dialog div.modal_messages ul li span {
  color: #ff0000;
}

.overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.modal_overlay, .thumbnail_overlay, .editor_overlay_top {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark_overlay {
  background-color: rgba(0, 0, 0, 0.8);
}

.overlay_semi_clear {
  opacity: 0.2;
}

.note_modal ul {
  list-style: disc outside none;
}

.note_modal ul li {
  margin-top: 15px;
}

.note_modal ul li > div {
  display: inline;
  font-weight: bold;
}

.note_modal ul li > p {
  padding-top: 2px;
}

.note_modal_spinner {
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

/*
div.preview_window {
  display: none;
  position: fixed;
  z-index: 4001;
}
*/
/* ---- Publish Modal ---- */
#iv_publish_box {
  padding: 0 1em;
}

.modal_dialog .__publish_schedule_clock svg {
  fill: #212121;
}

.modal_dialog .__publish_schedule_info {
  margin-top: 1em;
}

.modal_dialog #__publish_later_info > p {
  padding: 0 0 15px;
}

.modal_dialog .__publish_error {
  color: #ff0000;
}

.modal_dialog #__publish_later_info > div {
  padding: 0 0 10px;
}

.modal_dialog #__publish_later_info > div .datepicker {
  display: inline;
}

.modal_dialog #__publish_later_info > div .datepicker img {
  top: 0;
}

.modal_dialog .__publish_minutes,
.modal_dialog .__publish_seconds {
  font-size: 1.1em;
  font-weight: bold;
}

/* ---- Flash Modal ---- */
.modal_dialog div.content #iv_flash_modal .bottom > p:last-child {
  margin-top: 1em;
}

/* ---- Admin Top ---- */
#user_sign_in {
  padding: 0.7em 3.5em 0 0;
  text-align: right;
}

#reseller_logo {
  margin: 0 0 1em 0;
  padding: 0 0 0 1.8em;
}

#brand_logo {
  border-right: 1px dotted;
  margin: 0 0 1em 0;
  padding: 0 1.8em 0;
}

#app_text {
  margin: 0 0 0.5em;
  padding: 0.8em 1em;
}

/* ---- Admin Menu ---- */
#admin_menu {
  background: #eee;
  height: 3.5em;
}

#admin_menu_l, #admin_menu_r {
  height: 3.5em;
  width: 0.5em;
}

.admin_menu {
  display: flex;
  height: inherit;
  padding-left: 9em;
  position: relative;
  z-index: 969000;
}

.admin_menu li {
  position: relative;
}

.admin_menu > li {
  height: inherit;
  line-height: 3.5;
}

.admin_menu a {
  color: #212121;
  display: block;
  font-weight: bold;
  padding: 0 1.5em;
  text-decoration: none;
}

.admin_menu li.disabled a {
  color: #aaa;
}

.admin_menu li ul {
  background: #212121;
  display: flex;
  flex-direction: column;
  position: absolute;
  visibility: hidden;
  width: 16em;
}

.admin_menu > li.clicked {
  background: #212121;
}

.admin_menu > li:hover > div > a {
  background: #212121;
  color: #e0e0e0;
}

.admin_menu > li.clicked div > a {
  color: #e0e0e0;
}

.admin_menu > li.clicked > ul {
  visibility: visible;
  left: 0;
}

.admin_menu ul.submenu li ul {
  left: 16em;
  top: 0;
}

.admin_menu li.clicked ul.submenu li:hover > ul {
  visibility: visible;
}

.admin_menu ul.submenu li {
  line-height: 1.5;
}

.admin_menu ul.submenu li.last_child {
  padding-bottom: 0.5em;
}

.admin_menu ul.submenu li:first-child {
  /*padding-top: .5em;*/
}

.admin_menu ul.submenu li a {
  color: #e0e0e0;
  font-weight: normal;
  padding-top: 0.7em;
  padding-right: 0em;
  padding-bottom: 0.7em;
  padding-left: 1.5em;
}

.admin_menu ul.submenu li a.parent,
.admin_menu ul.submenu li:hover a.parent {
  background-image: url(/static/images/theme/default/admin_menu_sub_menu_icon.png);
  background-position: 92% 50%;
  background-repeat: no-repeat;
}

.admin_menu ul.submenu li a span {
  padding-left: 1em;
  position: relative;
  top: -0.1em;
}

/**
 * Submenu's have certain actions, one of them being a 'link' action.
 * This link action specifies its own class 'admin_menu_link'. Its
 * defintion is below.
 */
.admin_menu ul.submenu li a span.admin_menu_link {
  display: block;
  padding: 0;
  top: 0;
  width: 100%;
}

.admin_menu ul.submenu li:hover {
  /* background: #eee; */
  /* border-bottom: 1px solid #666; */
}

.admin_menu ul.submenu li:hover > a {
  color: #ffffff;
}

.admin_menu ul.submenu li > hr {
  background-color: #666;
  border: none;
  height: 1px;
  margin: 0 10%;
  visibility: hidden;
}

.admin_menu ul.submenu li:hover > hr {
  visibility: visible;
}

/* ---- Billing ---- */
div#payment_failure {
  margin-top: 1.5em;
  margin-left: 1em;
  font-weight: bold;
}

form#my_billing_method_form div#section_user_address div.collapsible_titlebar,
form#my_billing_method_form div#section_user_address div.table_container {
  display: none;
}

div.error {
  color: red;
}

div.products div.section_text {
  margin-bottom: 1.5em;
}

div#einvoice tr.post_text td {
  padding-top: 1.5em;
}

div.action_buttons {
  margin-top: 1em;
}

div#all_sales_final {
  color: red;
  font-weight: bold;
}

form#billing {
  /*  margin-bottom: 3.5em; */
}

form#billing div.action_buttons {
  margin-top: 1em;
}

form#billing div#spacer {
  padding-top: 1.25em;
}

form#billing div.section {
  background: #f5f5f5;
  margin-top: 0.5em;
  padding: 1.5em;
}

form#billing div.section div.header {
  /* border-top: 1px solid #D5E0F1; */
}

form#billing div.section div.header span.large {
  font-size: 125%;
  font-weight: bold;
}

form#billing div.section table {
  border-collapse: collapse;
}

/* ********** Products ********** */
form#billing div#products table tr td.header,
form#billing div#addons table tr td.header {
  padding-top: 1em;
}

form#billing div#products table tr td.description,
form#billing div#addons table tr td.description {
  background: none;
  border: none;
  padding: 0 1em 0.2em 0;
}

form#billing div#products table tr td.description label,
form#billing div#addons table tr td.description label {
  cursor: pointer;
}

form#billing div#products table tr td.amount,
form#billing div#addons table tr td.amount {
  padding-left: 1.75em;
  text-align: right;
}

form#billing div#products table tr td.select,
form#billing div#addons table tr td.select {
  height: 47px;
  padding-right: 0.5em;
}

form#billing div#addons table tr td.quantity {
  padding-right: 1em;
  text-align: right;
}

form#billing td.quantity {
  padding-right: 2.3em;
  text-align: right;
}

form#billing input[type=text][id$=_qty] {
  width: 3em;
  text-align: right;
}

form#billing div#products table tr td.type,
form#billing div#addons table tr td.type {
  padding-right: 1em;
}

form#billing div#products table tr td.link {
  padding-left: 1em;
}

form#billing div#products table tr td.attempt {
  padding-left: 1em;
}

form#billing div#products tr.total td {
  text-align: right;
  font-weight: bold;
  border-top: 1px solid #606060;
  padding-top: 0.5em;
}

/* ********** Methods ********** */
form#billing div#methods.section table {
  width: auto;
}

form#billing div#methods table tr td {
  padding: 0.25em;
}

/* ********** Terms ********** */
form#billing div#tos iframe#terms {
  margin: 1em;
  width: 69em;
  height: 42em;
  overflow: auto;
}

/* ********** Notes ********** */
form#billing div#notes {
  margin-top: 2em;
}

/* ****** Account Holder Agreement ****** */
form#billing div#agreement {
  margin: 1.5em 0;
}

form#billing div#agreement .signature {
  margin: 1em 0 0;
}

/* ********** Financing ********** */
form#billing div#finance table tr td.label {
  padding: 0.25em 0.5em;
}

form#billing div#finance table tr td.value {
  padding: 0.25em 2em;
  text-align: right;
}

form#billing div#finance div#schedule {
  margin-top: 0.5em;
  margin-left: 3em;
}

form#billing div#finance div#schedule table {
  border: 1px solid #D5E0F1;
}

form#billing div#finance div#schedule table tr:first-child td {
  padding-left: 0.5em;
}

form#billing div#finance div#schedule table tr td {
  padding: 0.25em 2em;
}

/* ******** Billing Tools ******** */
form#billing_tools div.actions ul li {
  padding-bottom: 5px;
}

form#billing_tools div.actions ul li span.tool_link {
  cursor: pointer;
  text-decoration: underline;
}

/* ********** Receipt ********** */
form#billing div#receipt_header div#address_details table {
  padding: 0.25em 0.5em;
  width: 100%;
  margin-bottom: 1em;
}

form#billing div#receipt_header div#invoice_details table {
  padding: 0.25em 0.5em;
}

form#billing div#receipt_header div#invoice_details table tr td {
  padding-right: 0.5em;
}

div#address div#section_user_address div.collapsible_titlebar,
div#address div#section_user_address div.table_container {
  display: none;
}

div#address.address_checkout div.buttons {
  display: none;
}

form#my_billing_method_form div#section_user_address div.collapsible_titlebar,
form#my_billing_method_form div#section_user_address div.table_container {
  display: none;
}

form#billing #cb_tos_agree {
  margin-right: 0.5em;
}

form#billing #invoice_details table {
  width: auto;
}

form#billing #invoice_details table tbody tr td.value {
  min-height: auto;
}

form#website_pricing_form table tr td.value,
form#webcenter_pricing_form table tr td.value {
  text-align: right;
}

form#website_pricing_form table tr td.label,
form#webcenter_pricing_form table tr td.label {
  text-align: center;
  vertical-align: middle;
}

div.cc_echeck_process {
  padding: 0 1em;
}

div.cc_echeck_process p {
  padding: 0 0 1em;
}

/* ---- Billing Reports ---- */
div#revenue_report {
  width: -webkit-fit-content;
}

div#report_header form#report div.action_buttons {
  margin: 0;
}

div#report_header form#report table tbody tr td.fix {
  padding-left: 1.75em;
}

div#report_header form#report table tbody tr td.fix select#type {
  margin-left: 5.25em;
  margin-top: -2em;
}

div#revenue_report div#report_body form.manual table tbody tr td.label {
  white-space: nowrap;
}

div#report_body {
  margin-top: 1em;
}

div#report_body table tfoot tr td {
  padding-top: 1em;
}

div#report_body form.manual table thead th {
  padding: 0.5em;
}

div#report_body form.manual table tbody td.value,
div#report_body form.manual table tfoot td.value,
div#report_body form.manual table tfoot td.rvalue {
  padding-left: 2em;
  padding-right: 2em;
  white-space: nowrap;
}

div#report_body div.section_header {
  background-color: #e0e0e0;
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0 5px 10px;
  width: 590px;
  margin: 20px 0 5px 0;
}

div#report_body div.section_content {
  margin-bottom: 10px;
}

/* ---- Contacts ---- */
form#add_to_campaign_form table tbody tr:first-child,
form#add_to_group_form table tbody tr:first-child,
form#export_form table tbody tr:first-child {
  margin-top: 0;
}

.modal_dialog form#build_website_form > .table_container table tbody tr:first-child {
  margin-top: 0;
}

#list_of_contacts table.main {
  font-size: 0.9em;
}

#customer_care_guidelines {
  background-color: #ffe;
  border: 1px solid #D5E0F1;
  margin: 0 0.3em;
  min-height: 120px;
  overflow: hidden;
  padding: 1em;
}

#customer_care_guidelines.jstree a {
  display: inline-block;
  height: 100%;
}

#customer_care_guidelines.jstree ins {
  float: left;
}

#customer_care_guidelines.jstree p.guideline_text {
  display: inline-block;
  white-space: normal;
  width: 98%;
}

#customer_care_guidelines_save {
  height: 1em;
  padding: 0.5em 0;
}

#section_website_industry_design {
  padding-bottom: 0em;
}

#section_website_industry_design div.table_container table tbody tr td.label div.label {
  margin-right: 0em;
}

#section_additional_info table {
  width: 70%;
}

#section_additional_info table td.label {
  width: 12%;
}

#section_additional_info table td textarea {
  height: 8em;
}

/* ---- User Alerts ---- */
#user_alerts {
  background: #212121 url(/static/images/global/icons/svg/notifications_white_32.svg) 1em 1em no-repeat;
  color: #e1e1e1;
  margin: 0 0 2em 0;
  padding: 1em 1em 0em 5em;
}

#user_alerts.warning_alert {
  background-image: url(/static/images/global/icons/warning_32.png);
}

#user_alerts div {
  border-top: 1px dashed;
  padding: 1em 0;
}

#user_alerts div:first-child {
  border-top: 0;
  padding-top: 0;
}

#user_alerts div p {
  padding-top: 0.3em;
}

/* ---- Page Top ---- */
#page_top {
  align-items: center;
  display: flex;
  padding: 1em;
}

#page_top > * {
  margin: 0 0.5em;
}

#page_icon {
  margin: 0;
}

#page_title {
  font-size: 1.25rem;
  font-weight: 500;
  max-width: 28em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.help_for_page {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  padding: 0.5em 1em;
  white-space: nowrap;
}

.help_for_page img {
  filter: invert(81%) sepia(10%) saturate(1120%) hue-rotate(66deg) brightness(86%) contrast(86%);
  padding-right: 0.5em;
  width: 18px;
}

#page_top .button_squeeze {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

#page_top .button_squeeze span {
  font-size: 0.875em;
}

/* ---- More Action Menus ---- */
.more_item_actions {
  position: relative;
}

.more_item_actions img {
  cursor: pointer;
}

.more_action_menu {
  background-color: #212121;
  border: 10px solid #212121;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  color: #e0e0e0;
  display: flex;
  flex-direction: column;
  padding: 0;
  position: absolute;
  right: 0;
  visibility: hidden;
  width: 14em;
  z-index: 969000;
}

/* ---- Action Menus ---- */
.action_menu {
  background-color: #e0e0e0;
  border: 10px solid #ffffff;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  color: #212121;
  display: none;
  padding: 0;
  position: absolute;
  width: 14em;
  z-index: 969000;
}

.action_menu div.title_bar {
  display: flex;
  padding: 0.7em;
}

.action_menu div.title_bar div.title {
  flex: 1 1 auto;
  font-weight: bold;
}

.action_menu div.title_bar div.action_menu_close {
  background: url(/static/images/global/icons/svg/close.svg) no-repeat;
  cursor: pointer;
  font-weight: bold;
  height: 18px;
  width: 18px;
}

.action_menu div.content {
  border-top: 1px solid #212121;
}

.action_menu div.content p {
  padding: 0.5em 0.7em;
}

.action_menu div.content ul {
  padding: 0.5em 0;
}

.action_menu div.content ul li {
  cursor: pointer;
  line-height: 1.5;
  padding: 0.5em 1em;
  user-select: none;
}

.action_menu div.content ul li:hover {
  color: #000000;
}

.action_menu div.content ul li hr {
  background-color: #666;
  border: none;
  height: 1px;
  margin: 0.3em 0 0;
  visibility: hidden;
}

.action_menu div.content ul li:hover hr {
  visibility: visible;
}

/* ---- Jump Menu ---- */
.jump_menu {
  color: #606060;
  height: 1em;
  position: relative;
  z-index: 1000;
}

.jump_menu_dropped {
  z-index: 1001;
}

.jump_menu li {
  background: #ffffea no-repeat right 50%;
  border: 1px solid #f0b034;
  border-bottom-style: none;
  cursor: pointer;
  display: none;
  height: 14px;
  overflow: hidden;
  padding: 2px 28px 2px 8px;
  white-space: nowrap;
}

.jump_menu_dropped li, .jump_menu_closed li.selected {
  display: block;
}

.jump_menu_closed li.selected, .jump_menu_dropped li.first_child {
  background-image: url(/static/images/theme/default/menu1_down_arrow_with_line.png);
}

.jump_menu_dropped li.header {
  cursor: auto;
}

.jump_menu_closed li.selected, .jump_menu_dropped li.last_child {
  border-bottom-style: solid;
}

.jump_menu_dropped li.selected {
  background-color: #eaead7;
}

.jump_menu_dropped li.hover {
  background-color: #eaead7;
}

.jump_menu_filter.jump_menu li {
  background-color: #fff;
  border-color: #d7d7d7;
}

.jump_menu_filter.jump_menu_dropped li.selected {
  background-color: #d5e0f1;
}

.jump_menu_filter.jump_menu_dropped li.hover {
  background-color: #a3acb9;
}

/* ---- Data Filters ---- */
div.data_filter div.data_filter_header {
  align-items: center;
  display: flex;
}

div.data_filter span.refresh {
  margin-left: 1em;
}

div.data_filter table {
  padding-top: 1em;
}

div.data_filter table tbody tr td.remove,
div.data_filter table tbody tr td.display {
  padding-right: 1em;
}

div.data_filter table tbody tr td {
  white-space: nowrap;
}

div.data_filter table tbody tr td.end {
  width: 22em;
}

div.data_filter table tbody tr td.end div.date_between {
  padding: 0.5em 1em 0.5em 0;
}

/* ---- Tooltip Plugin ---- */
span.tooltip_float_r {
  display: block;
  float: right;
  padding: 0.2em 0.5em;
}

span.tooltip img {
  margin-left: 0.4em;
  vertical-align: middle;
}

span.tooltip div {
  background-color: #e0e0e0;
  border: 10px solid #ffffff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  color: #212121;
  display: none;
  font-weight: normal;
  padding: 0.7em;
  position: fixed;
  white-space: normal;
  width: 16em;
  word-wrap: break-word;
  z-index: 970000;
}

span.tooltip.wide div,
span.tooltip div.wide {
  width: 20em;
}

span.tooltip div p {
  margin: 0.6em 0;
}

span.tooltip.hover {
  cursor: help;
}

span.tooltip.hover div {
  cursor: auto;
}

/* ---- Field Message ---- */
div.help_box {
  float: right;
  width: 1em;
}

div.help_box div.help_box_container {
  font-size: 0.9em;
  position: relative;
  top: 0;
  right: 0;
  width: 1em;
}

div.help_box div.help_box_container div.help_box_content {
  position: absolute;
  right: 20em;
  width: 1em;
}

div.help_box div.help_box_container div.help_box_content .help_box_text {
  left: 1.4em;
  padding: 1em;
  position: absolute;
  top: -2.2em;
  width: 15em;
}

div.help_box div.help_box_container div.help_box_content .help_box_left_arrow {
  font-size: 0.1em;
  position: absolute;
  top: -14em;
}

/* ---- WebCenter Upgrade ---- */
#wc_upgrade_container {
  padding: 0 5em;
}

#wc_upgrade_container p {
  padding: 1em 0;
}

#wc_upgrade_error {
  display: none;
}

/* ---- SEO Modals ---- */
ul.seo_modal {
  list-style: disc;
  margin-left: 1.5em;
}

ul.seo_modal li {
  padding-bottom: 5px;
}

ul.seo_modal li ul li:first-child {
  padding-top: 0.8em;
}

ul.seo_modal li ul li:last-child {
  padding-bottom: 0.8em;
}

/* ---- Social Status Updater ---- */
p.social_error {
  color: #FF0000;
  font-weight: bold;
  padding: 0 0 10px 0;
}

div.social_accounts {
  padding: 0 0 5px 0;
}

div.social_accounts label {
  cursor: pointer;
}

div.social_accounts > label {
  padding: 0 0 0 5px;
}

div.social_accounts p.all_accounts > * {
  float: left;
}

div.social_accounts p.all_accounts > label {
  padding: 0 0 0 5px;
}

div.social_status {
  float: left;
  width: 40em;
}

div.social_status textarea {
  clear: both;
  float: left;
  width: 100%;
}

div.social_status p {
  clear: both;
}

div.social_status p.char_limit {
  float: right;
}

div.social_buttons {
  clear: both;
  padding: 20px 0;
}

ul.social_accounts {
  clear: both;
  padding: 0 0 0 20px;
}

ul.social_accounts > li {
  clear: both;
  padding: 7px 0 0 0;
}

ul.social_accounts li > * {
  float: left;
}

ul.social_accounts li img,
ul.social_accounts li input {
  margin: 1px 2px;
}

ul.social_accounts li > span {
  padding: 0 0 0 5px;
}

.modal_dialog div.content div.social_modal > p,
.modal_dialog div.content div.social_modal > ul {
  padding: 0 0 1.5em 0;
}

.modal_dialog div.content div.social_modal > ul {
  list-style: disc inside none;
  padding-left: 5px;
}

.disable_recurring_modal {
  clear: both;
  float: left;
  margin: 15px 0 0;
}

.disable_recurring_modal > * {
  float: left;
}

.disable_recurring_modal > label {
  margin: 0 0 0 5px;
}

span#seo_toggle_tooltip > div,
span#google_toggle_tooltip > div,
span#facebook_toggle_tooltip > div,
span#morse_setup_toggle_tooltip > div,
span#morse_hosting_toggle_tooltip > div,
span#morse_addon_toggle_tooltip > div,
span#oasis_ecommerce_setup_toggle_tooltip > div,
span#oasis_ecommerce_hosting_toggle_tooltip > div {
  font: 13px arial, verdana, sans-serif;
  letter-spacing: 0px;
}

/* ---- Morse Connect ---- */
#morse_connect_frame_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#morse_connect_frame_overlay {
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}

#morse_connect_back {
  color: #fff;
  margin: 8px 0 0 40px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 150%;
  text-decoration: none;
}

#morse_connect_frame {
  background: #eee;
  border: 1px solid #666;
  margin: 35px;
  min-height: 500px;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(99vh - 70px);
  width: calc(100vw - 70px);
  z-index: 981000;
}

/* ---- Monthly Service Options Boxes ---- */
#monthly_options {
  padding: 30px 0;
}

#monthly_options.two_col {
  width: 980px;
}

#monthly_options .option_box {
  float: left;
  margin: 0 8px;
  max-width: 465px;
  min-height: 480px;
  position: relative;
}

#monthly_options.three_col .option_box {
  width: 31%;
}

#monthly_options.two_col .option_box {
  width: 458px;
}

#monthly_options .option_box1 {
  background: #e87189;
}

#monthly_options .option_box2 {
  background: #9dbf5d;
}

#monthly_options .option_box3 {
  background: #719fe8;
}

#monthly_options .option_box_top {
  background: #a34f60;
  color: #ffc;
  font-size: 28px;
  padding: 20px 40px;
}

#monthly_options .option_box1 .option_box_top {
  background: #a34f60;
}

#monthly_options .option_box2 .option_box_top {
  background: #6e8641;
}

#monthly_options .option_box3 .option_box_top {
  background: #4f70a3;
}

#monthly_options .option_box_bottom {
  color: #fff;
  padding: 40px 30px;
}

#monthly_options .option_box_bottom img.option_tag {
  position: absolute;
  top: 0;
  left: 35px;
}

#monthly_options .option_box .price {
  border-bottom: 1px solid #fff;
  font-size: 42px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#monthly_options .option_box .price span {
  font-size: 12px;
}

#monthly_options .option_box ul {
  list-style: disc inside none;
  margin-top: 14px;
}

#monthly_options .option_box ul li {
  padding: 7px 0;
}

#monthly_options .option_box .option_btn {
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  margin: 20px auto 0;
  padding: 10px;
}

#monthly_options .option_box1 .option_btn {
  color: #e87189;
}

#monthly_options .option_box2 .option_btn {
  color: #9dbf5d;
}

#monthly_options .option_box3 .option_btn {
  color: #719fe8;
}

@media (min-width: 1620px) {
  #monthly_options #option_icons3_1 {
    border-right: 1px solid #fff;
    padding-right: 8px;
    margin-right: 8px;
  }
}
@media (max-width: 1619px) {
  #monthly_options.three_col .option_box {
    min-height: 520px;
  }

  #monthly_options.three_col #option_icons3_1 {
    display: block;
    margin: 0 auto 10px;
  }

  #monthly_options.two_col #option_icons3_1 {
    border-right: 1px solid #fff;
    padding-right: 8px;
    margin-right: 8px;
  }
}
@media (max-width: 1340px) {
  #monthly_options.three_col .option_box .price {
    font-size: 30px;
  }

  #monthly_options.three_col .option_box {
    min-height: 560px;
  }

  #monthly_options.three_col .option_box ul {
    list-style: disc outside none;
  }

  #monthly_options.three_col .option_box ul li {
    text-align: left;
  }

  #monthly_options.three_col .option_box ul li span {
    left: -0.3em;
  }
}
@media (min-width: 1240px) {
  #monthly_options #option_icons2_1 {
    border-right: 1px solid #fff;
    padding-right: 8px;
    margin-right: 8px;
  }
}
@media (max-width: 1239px) {
  #monthly_options.three_col #option_icons2_1 {
    display: block;
    margin: 0 auto 10px;
  }
}
/* ---- jQuery Tabs ---- */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
  /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  .ui-tabs-hide {
    display: none;
  }
}
/* Hide useless elements in print layouts... */
@media print {
  .ui-tabs-nav {
    display: none;
  }
}
/* Skin */
.ui-tabs-nav {
  align-items: flex-end;
  background: none;
  border: none;
  display: flex;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
}

.ui-tabs-nav:after {
  /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  clear: both;
  content: " ";
}

.ui-tabs-nav a, .ui-tabs-nav a span {
  display: block;
}

.ui-tabs-nav a {
  background-color: #e0e0e0;
  color: #212121;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  padding: 1.5em;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  z-index: 2;
}

.ui-tabs-nav .ui-tabs-active a {
  background-color: #eeeeee;
  border-top: 1px solid #2baac5;
}

.ui-tabs-nav .ui-tabs-active a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
  outline: none;
  /* prevent dotted border in Firefox */
}

.ui-tabs-nav a span {
  min-width: 64px;
  padding: 0;
}

* > .ui-tabs-nav a span {
  /* hide from IE 6 */
  width: auto;
  height: auto;
}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
  background-position: 0 0;
}

.ui-tabs-nav .ui-tabs-active a:link, .ui-tabs-nav .ui-tabs-active a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
  /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor: text;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
  /* @ Opera, we need to be explicit again here now... */
  cursor: pointer;
}

.ui-tabs-nav .ui-tabs-disabled {
  opacity: 0.4;
}

.ui-tabs-panel {
  /* background: vars.$tab_panel_background_color; */
}

.ui-tabs-panel p.links {
  padding: 0 0 1em 0;
}

.ui-tabs-loading em {
  padding: 0 0 0 20px;
  background: url(/static/images/theme/default/jquery_tabs_loading.gif) no-repeat 0 50%;
}

div.tabs {
  margin-top: 3em;
}

div.tabs .top_nav {
  margin-left: 1.2em;
}

div#tab_container {
  display: none;
}

/* ---- Datepicker ---- */
img.close {
  /*  position: absolute; */
}

div.datepicker {
  align-items: center;
  display: flex;
  flex: 1 1 100%;
  position: relative;
}

div.datepicker > img {
  position: absolute;
  right: 14px;
}

div.datepicker .close,
div.datepicker input {
  cursor: pointer;
}

div.datepicker_container {
  background-color: white;
}

div.datepicker .months.horizontal {
  display: flex;
}

div.datepicker .months.horizontal .month {
  border-left: 1px solid #212121;
  margin-left: 1em;
  padding-left: 1em;
}

div.datepicker .months.horizontal .month:nth-child(1) {
  border: none;
  margin: 0;
  padding: 0;
}

div.close {
  position: relative;
  /* float: right; */
}

div.datepicker div.popup {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  display: none;
  padding: 1em;
  position: absolute;
  top: 47px;
  z-index: 2;
}

.modal_dialog div.datepicker div.popup {
  position: fixed;
  top: auto;
}

div.fixed {
  display: block;
}

table.calendar {
  background-color: #FFFFFF;
  border-collapse: collapse;
  border-spacing: 0px;
  /*
    border-style: solid;
    border-width: 2px 2px 2px 2px;
  */
  font-size: x-small;
  padding: 0px;
  width: 124px;
}

table.calendar_full {
  border-width: 2px 2px 2px 2px;
}

table.calendar_no_right {
  border-width: 2px 0px 2px 2px;
}

table.calendar_no_top {
  border-width: 0px 2px 2px 2px;
}

table.calendar th.dayname {
  /*
    border-style: solid;
    border-width: 1px 0px 0px 0px;
  */
}

div.datepicker .navigation {
  align-items: center;
  display: flex;
  justify-content: center;
}

div.datepicker .navigation .prev,
div.datepicker .navigation .next {
  cursor: pointer;
  flex: 1 1 20%;
}

div.datepicker .navigation .month_year {
  flex: 1 1 60%;
  font-size: 0.875rem;
  font-weight: normal;
}

div.datepicker .week,
div.datepicker .weekdays {
  align-items: center;
  display: flex;
  justify-content: center;
}

table.calendar td.day,
table.calendar th.dayname {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  padding: 0px;
  text-align: center;
  width: 30px;
}

table.calendar td.date_picked {
  font-weight: bold;
  background-color: #1e7689;
  color: #FFFFFF;
}

table.calendar td.nonselectable {
  font-style: italic;
  background-color: #D5E0F1;
  visibility: hidden;
}

table.calendar td.selectable:hover {
  background-color: #2baac5;
  color: #ffffff;
}

table.calendar th.month_year {
  font-size: x-small;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

.sp-clear-enabled .sp-hue {
  /*top: 33px;*/
  height: 77.5%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: 0.8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  /*top:0px;*/
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  /* filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); */
}

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  /* filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); */
}

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); */
}

.sp-2 {
  height: 16%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); */
}

.sp-3 {
  height: 17%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); */
}

.sp-4 {
  height: 17%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); */
}

.sp-5 {
  height: 16%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); */
}

.sp-6 {
  height: 17%;
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); */
}

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

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }

  .sp-hue {
    left: 63%;
  }

  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: 0.8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0;
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 3px;
}

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #666;
}

/* Input */
.sp-input-container {
  /*float:right;
  width: 100px;*/
  width: 100%;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  /*background:transparent;*/
  border-radius: 3px;
  /*color: #222;*/
  color: #000;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

.sp-picker-container {
  width: 172px;
  /*border-left: solid 1px #fff;*/
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  /*float: left;*/
  border: solid 1px #333;
  margin-bottom: 4px;
}

.sp-initial span {
  /*width: 30px;*/
  width: 50%;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial span .sp-thumb-inner {
  width: 100%;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 1px;
  display: inline-block;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

.sp-palette {
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.multiple_emails-container {
  /*
    border:1px #ccc solid;
    border-radius: 4px;
  */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 0;
  margin: 0;
  cursor: text;
  width: 100%;
}

.multiple_emails-container input {
  clear: both;
  width: 100%;
  border: 0;
  outline: none;
  margin-bottom: 3px;
  padding-left: 5px;
  box-sizing: border-box;
}

.multiple_emails-container input {
  border: 0 !important;
}

.multiple_emails-container input.multiple_emails-error {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important;
  outline: thin auto red !important;
}

.multiple_emails-container ul {
  list-style-type: none;
  padding-left: 0;
}

.multiple_emails-email {
  margin: 3px 5px 3px 5px;
  padding: 3px 5px 3px 5px;
  border: 1px #BBD8FB solid;
  border-radius: 3px;
  background: #F3F7FD;
}

.multiple_emails-close {
  float: right;
}

#cPcolorPicker {
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  width: 350px;
  height: 220px;
  background-color: #F0F4FA;
  border: 2px solid #2365B0;
  /*visibility:hidden;*/
}

#cPactions {
  clear: both;
  float: right;
  position: relative;
  top: 180px;
}

#cPactions input[type=button] {
  background: #ffffea;
  border-style: solid;
  border-color: #f0b034;
  cursor: pointer;
  font-size: 0.85em;
  height: 2em;
  margin: 0 2px;
}

#cPclose {
  background: url(/static/images/theme/default/modal_close.png) no-repeat;
  cursor: pointer;
  float: right;
  height: 15px;
  width: 16px;
}

#cPclose a {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

#cPcolorContainer {
  position: absolute;
  height: 192px;
  width: 192px;
  top: 0px;
  left: 0px;
}

#cPcolor {
  position: absolute;
  height: 192px;
  width: 192px;
  background-color: #FF0000;
  background-image: url(/static/images/global/color/pickerbg.png);
  background-repeat: no-repeat;
  background-position: center;
  top: 0px;
  left: 0px;
}

#cPcolorIndic {
  position: absolute;
  width: 11px;
  height: 11px;
  background-image: url(/static/images/global/color/select.gif);
  background-repeat: no-repeat;
}

#cPhue {
  position: absolute;
  top: 3px;
  left: 200px;
  width: 18px;
  height: 186px;
  background-image: url(/static/images/global/color/hue.png);
}

#cPhueIndic {
  position: absolute;
  background-image: url(/static/images/global/color/color_indic.gif);
  background-repeat: no-repeat;
  width: 18px;
  height: 7px;
}

#cPcolorCurrent {
  width: 60px;
  height: 45px;
  border: 2px solid #999;
  position: absolute;
  left: 240px;
  top: 8px;
}

#cPcolorValues {
  position: absolute;
  left: 240px;
  top: 60px;
}

#cPcolorValues input {
  font-size: 11px;
  padding: 1px;
}

#cPoldColor {
  position: absolute;
  background-color: #fff;
  top: 50%;
  height: 50%;
  width: 100%;
}

#cPrgbR, #cPrgbG, #cPrgbB {
  width: 20px;
}

#cPhex {
  width: 40px;
}

.cPclickBox {
  float: left;
  margin: 3px 0 0 5px;
  width: 20px;
}

span.cPvalue {
  float: left;
  padding: 0.1em 0.11em 0.12em 0.13em;
  width: 7em;
}

.iv_cp_box {
  cursor: pointer;
}

/* ---- Design Center Styles ---- */
div.design_center_welcome_page .package_name {
  padding: 1em 0 0 0;
}

div.design_center_welcome_page .project_manager_name {
  padding: 0.5em 0 0 0;
}

div.design_center_welcome_page div.document_links ul li p {
  padding-top: 0.6em;
}

.form.view .design_center_appearance_options table tbody tr td.value {
  border: none;
}

.form .design_center_appearance_options table tbody tr td.value .jdrop .j_sel,
.form .design_center_appearance_options table tbody tr td.value .jdrop {
  width: 100%;
}

.form .design_center_appearance_options table tbody tr td.value .jdrop .jdrop_button {
  margin-right: 1em;
}

div#thumbnails_template_layout_id {
  width: 880px;
}

div#thumbnails_template_layout_id div.tn_container {
  overflow: hidden;
  position: relative;
  width: 875px;
  z-index: 2;
}

/* Thumbnail Container */
div#wizard_step_container div#design_center_thumbnail_container div.thumbnail_container_bg {
  background-color: #f5f5f5;
  padding: 1em;
  width: auto;
}

div#wizard_step_container div#design_center_thumbnail_container div.thumbnail_container_bg span.thumbnail_container_header_text {
  padding: 0 0.5em;
}

/* Design Center Bottom Container */
div#wizard_step_container .design_center_bottom_container {
  display: block;
  min-height: 40em;
  padding: 0.5em 0 0 0;
}

/* Design Center Preview */
div#wizard_step_container .design_center_bottom_container div.design_center_preview {
  display: block;
  position: absolute;
  padding-bottom: 0.5em;
}

div#wizard_step_container .design_center_bottom_container div.design_center_preview div.design_center_preview_content {
  height: 38em;
  margin-top: -0.5em;
  border: thin solid #d4d4d4;
  padding: 0.5em 0.5em 0.5em 0.5em;
  width: 35em;
}

div#wizard_step_container .design_center_bottom_container div.design_center_preview div.design_center_preview_title {
  background-color: #FFFFFF;
  left: 15em;
  position: relative;
  text-align: center;
  width: 5em;
}

/* Design Center Right Section */
div#wizard_step_container .design_center_bottom_container div.design_center_right_section {
  min-height: 40em;
}

div#wizard_step_container .design_center_bottom_container div.design_center_right_section div.design_center_settings {
  padding-left: 37em;
  float: left;
}

form#design_center_appearance_form div.form_errors {
  width: 845px;
}

form#design_center_appearance_form div#page_top {
  padding: 1em 1em 1em;
}

table#bg_image_file, table#color_guideline_file, table#other_guideline_file {
  width: 34em;
}

textarea#color_guideline, textarea#other_guideline {
  margin-bottom: 0.5em;
}

/* Wizard Welcome Page */
div.design_center_welcome_page ul {
  padding: 1em 0 0 0;
}

div.design_center_welcome_page .sub_section_title {
  align-items: center;
  display: flex;
  padding: 1em 0 0 0;
}

div.design_center_welcome_page .sub_section_title span {
  font-size: 1.4em;
  font-weight: bold;
  margin-left: 0.5em;
}

div.step_2_instructions {
  padding: 0 0.5em 1em;
}

input.font_input_field {
  width: 10em;
}

/* ---- Design Center Menu/Tree ---- */
div#design_center_bottom_left {
  display: block;
}

div.design_center_menu_content_buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

div.design_center_menu_content_buttons .button {
  margin: 0;
  white-space: nowrap;
}

div#design_center_page_content_items,
div#design_center_menu_content {
  border: 1px solid #d4d4d4;
  display: block;
  margin-top: -0.5em;
  padding: 1em;
  min-height: 26.5em;
  width: 20em;
}

div#design_center_menu_content_items {
  /*  border: thin solid #000000;*/
  width: 20em;
  height: 25.6em;
  margin: 1em 0 0;
}

div#menu_block {
  display: block;
}

div#menu_item_action_list_container {
  min-height: 2em;
}

div#menu_item_list_container {
  min-height: 14.5em;
  padding-bottom: 0.5em;
}

div#menu_item_menu_list_container {
  height: 14.5em;
}

div#tab1 {
  background-color: #F0F4FA;
  padding: 10px 10px 8px;
}

div#wizard_step_container form table {
  width: 100%;
}

div#wizard_step_container form div.design_center_bottom_container {
  min-height: 27em;
  position: relative;
}

div#wizard_step_container form div.design_center_bottom_container div.design_center_bottom_right {
  position: absolute;
  right: 0;
}

div#wizard_step_container form div.design_center_bottom_container .design_center_bottom_left div.design_center_settings {
  margin-right: 24em;
}

div.design_center_menu_title {
  background-color: #FFFFFF;
  left: 5.5em;
  position: relative;
  text-align: center;
  width: 10em;
}

div.design_center_menu_title span.tooltip {
  text-align: left;
  padding-right: 1em;
}

div.menu_item_tab {
  /*  border: thin solid #D4D4D4;*/
  border: thin solid #4787C7;
  clear: both;
  min-height: 16.5em;
}

form#design_center_site_menu_form {
  /*  width: 74em;*/
}

form#design_center_site_menu_form div#page_top {
  padding: 1em 1em 1em;
}

textarea#guideline_text {
  width: 100%;
}

#wizard_step_container form table {
  border-collapse: collapse;
  border-spacing: 0;
}

#wizard_step_container tr.image_list_item {
  align-items: center;
  background: #f5f5f5;
  display: flex;
}

tr.image_list_item td.image_list_item_name {
  min-width: 20em;
  padding: 1em;
}

/* Tree CSS below */
#design_center_page_content_items,
#design_center_menu_content_items {
  width: 250px;
  height: 300px;
  overflow: scroll;
  border: 1px solid #d5e0f1;
  clear: left;
  background-color: white;
}

.button.disabled_btn,
.button.disabled_btn span {
  background-color: #ddd;
  border-color: #999;
  color: #777;
  cursor: auto;
}

.tree {
  padding: 0.3em 0.2em;
}

.tree li a {
  background-image: url(/static/images/global/icons/documents_16.png);
}

/* Modal Form Adjustments */
form#package_completion_estimates_form table tbody tr:first-child,
form#default_user_assignment_form table tbody tr:first-child,
form#alert_event_form table tbody tr:first-child {
  margin-top: 0;
}

/* ---- New Design Center Project ---- */
div.dc_welcome_container {
  padding-bottom: 1.5em;
}

div.dc_welcome_container div.table_container {
  margin: 0;
}

form#dc_welcome_form {
  margin-left: 1em;
}

form#dc_welcome_form div.form_errors {
  width: 50em;
}

/* ---- JSTree ---- */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-hidden,
.jstree-node.jstree-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
}

/* jstree checkbox ocmponent */
.jstree_checkbox li, .jstree_checkbox ins {
  background: url(/static/images/global/jstree/d.png) no-repeat transparent;
}

.jstree_checkbox a .jstree-icon, .jstree_checkbox li, .jstree_checkbox .is_child ins.jstree-icon, .jstree_checkbox li.no_children ins.jstree-icon {
  background: none;
}

.jstree_checkbox a > .jstree-icon {
  width: 3px;
}

.jstree_checkbox ins.jstree-checkbox {
  vertical-align: top;
}

/* end jstree checkbox ocmponent */
.vakata-context {
  display: none;
}

.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
}

.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}

.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li > a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

.vakata-context .vakata-contextmenu-disabled > a > i {
  filter: grayscale(100%);
}

.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  z-index: 993000;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#jstree-dnd .jstree-ok {
  background: green;
}

#jstree-dnd .jstree-er {
  background: red;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url(/static/images/global/jstree/32px.png);
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default > .jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/static/images/global/jstree/throbber.gif) center center no-repeat;
}

.jstree-default .jstree-file {
  background: url(/static/images/global/jstree/32px.png) -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
  background: url(/static/images/global/jstree/32px.png) -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url(/static/images/global/jstree/32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}

.jstree-default .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url(/static/images/global/jstree/32px.png);
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/static/images/global/jstree/throbber.gif) center center no-repeat;
}

.jstree-default-small .jstree-file {
  background: url(/static/images/global/jstree/32px.png) -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
  background: url(/static/images/global/jstree/32px.png) -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url(/static/images/global/jstree/32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}

.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url(/static/images/global/jstree/32px.png);
}

.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/static/images/global/jstree/throbber.gif) center center no-repeat;
}

.jstree-default-large .jstree-file {
  background: url(/static/images/global/jstree/32px.png) -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
  background: url(/static/images/global/jstree/32px.png) -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url(/static/images/global/jstree/32px.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}

.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }

  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }

  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url(/static/images/global/jstree/40px.png);
    background-position: 0 -200px;
    background-size: 120px 240px;
  }

  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url(/static/images/global/jstree/40px.png);
    background-position: -40px -200px;
    background-size: 120px 240px;
  }

  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
    .jstree-open > .jstree-ocl,
    .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
    */
  }

  .jstree-default-responsive .jstree-icon {
    background-image: url(/static/images/global/jstree/40px.png);
  }

  .jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }

  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }

  .jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }

  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }

  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }

  .jstree-default-responsive .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
.jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }

  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }

  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }

  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }

  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }

  .jstree-default-responsive .jstree-checkbox,
.jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }

  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-responsive .jstree-checked > .jstree-checkbox,
.jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }

  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
.jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }

  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }

  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }

  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }

  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }

  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }

  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }

  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }

  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }

  .jstree-default-responsive .jstree-node,
.jstree-default-responsive .jstree-icon,
.jstree-default-responsive .jstree-node > .jstree-ocl,
.jstree-default-responsive .jstree-themeicon,
.jstree-default-responsive .jstree-checkbox {
    background-image: url(/static/images/global/jstree/40px.png);
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }

  .jstree-default-responsive .jstree-last {
    background: transparent;
  }

  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }

  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }

  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }

  .jstree-default-responsive .jstree-file {
    background: url(/static/images/global/jstree/40px.png) 0 -160px no-repeat;
    background-size: 120px 240px;
  }

  .jstree-default-responsive .jstree-folder {
    background: url(/static/images/global/jstree/40px.png) -40px -40px no-repeat;
    background-size: 120px 240px;
  }

  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
/*******************************************************************************
 * Tree container
 */
ul.dynatree-container {
  font-family: tahoma, arial, helvetica;
  font-size: 10pt;
  /* font size should not be too big */
  white-space: nowrap;
  padding: 3px;
  margin: 0;
  /* issue 201 */
  /*	background-color: white; */
  /*	border: 1px dotted gray; */
  overflow: auto;
  height: 100%;
  /* issue 263 */
}

ul.dynatree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
}

ul.dynatree-container li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  /*
  	-moz-background-clip:border;
  	-moz-background-inline-policy: continuous;
  	-moz-background-origin: padding;
  */
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: repeat-y;
  background-image: url("/static/images/global/dynatree/vline.gif");
  background-position: 0 0;
  /*
  background-image: url("icons_96x256.gif");
  background-position: -80px -64px;
  */
  margin: 0;
  padding: 1px 0 0 0;
}

/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib {
  background-image: none;
}

/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li {
  background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container {
  opacity: 0.5;
  /*	filter: alpha(opacity=50); /* Yields a css warning */
  background-color: silver;
}

/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker {
  width: 16px;
  height: 16px;
  /*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */
  /*	-moz-box-align: start; /* issue 221 */
  display: inline-block;
  /* Required to make a span sizeable */
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url("/static/images/global/dynatree/icons.gif");
  background-position: 0 0;
}

/** Used by 'icon' node option: */
ul.dynatree-container img {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  vertical-align: top;
  border-style: none;
}

/*******************************************************************************
 * Lines and connectors
 */
span.dynatree-connector {
  background-position: -16px -64px;
}

/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */
span.dynatree-expander {
  background-position: 0px -80px;
  cursor: pointer;
}

.dynatree-exp-cl span.dynatree-expander {
  background-position: 0px -96px;
}

.dynatree-exp-cd span.dynatree-expander {
  background-position: -64px -80px;
}

.dynatree-exp-cdl span.dynatree-expander {
  background-position: -64px -96px;
}

.dynatree-exp-e span.dynatree-expander,
.dynatree-exp-ed span.dynatree-expander {
  background-position: -32px -80px;
}

.dynatree-exp-el span.dynatree-expander,
.dynatree-exp-edl span.dynatree-expander {
  background-position: -32px -96px;
}

.dynatree-loading span.dynatree-expander {
  background-position: 0 0;
  background-image: url("/static/images/global/dynatree/loading.gif");
}

/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox {
  margin-left: 3px;
  background-position: 0px -32px;
}

span.dynatree-checkbox:hover {
  background-position: -16px -32px;
}

.dynatree-partsel span.dynatree-checkbox {
  background-position: -64px -32px;
}

.dynatree-partsel span.dynatree-checkbox:hover {
  background-position: -80px -32px;
}

.dynatree-selected span.dynatree-checkbox {
  background-position: -32px -32px;
}

.dynatree-selected span.dynatree-checkbox:hover {
  background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio {
  margin-left: 3px;
  background-position: 0px -48px;
}

span.dynatree-radio:hover {
  background-position: -16px -48px;
}

.dynatree-partsel span.dynatree-radio {
  background-position: -64px -48px;
}

.dynatree-partsel span.dynatree-radio:hover {
  background-position: -80px -48px;
}

.dynatree-selected span.dynatree-radio {
  background-position: -32px -48px;
}

.dynatree-selected span.dynatree-radio:hover {
  background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */
span.dynatree-icon {
  margin-left: 3px;
  background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon {
  background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon {
  background-position: -64px -16px;
}

/* Status node icons */
.dynatree-statusnode-wait span.dynatree-icon {
  background-image: url("/static/images/global/dynatree/loading.gif");
}

.dynatree-statusnode-error span.dynatree-icon {
  background-position: 0px -112px;
  /*	background-image: url("ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */
/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node {
  /*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/
  /*	-moz-box-align: start; /* issue 221 */
  /*  display: inline-block; /* Required to make a span sizeable */
}

span.dynatree-node.unselectable {
  cursor: auto;
  display: inline-block;
  opacity: 0.4;
}

/* Remove blue color and underline from title links */
ul.dynatree-container a {
  color: black;
  /* inherit doesn't work on IE */
  text-decoration: none;
  vertical-align: top;
  margin: 0px;
  margin-left: 3px;
  /*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

ul.dynatree-container a:hover {
  /*	text-decoration: underline; */
  background-color: #F2F7FD;
  /* light blue */
  border-color: #B8D6FB;
  /* darker light blue */
}

span.dynatree-node a {
  font-size: 10pt;
  /* required for IE, quirks mode */
  display: inline-block;
  /* Better alignment, when title contains <br> */
  /*	vertical-align: top;*/
  padding-left: 3px;
  padding-right: 3px;
  /* Otherwise italic font will be outside bounds */
  /*	line-height: 16px; /* should be the same as img height, in case 16 px */
}

span.dynatree-folder a {
  font-weight: bold;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link {
  background-color: #EFEBDE;
  /* gray */
}

span.dynatree-selected a {
  color: #4787C7;
  /*	font-style: italic; */
}

span.dynatree-active a {
  background-color: #3169C6 !important;
  color: white !important;
  /* @ IE6 */
}

/*******************************************************************************
 * Drag'n'drop support
 */
/*** Helper object ************************************************************/
div.dynatree-drag-helper a {
  border: 1px solid gray;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 0.8;
}

span.dynatree-drag-helper-img {
  /*
  position: relative;
  left: -16px;
  */
}

div.dynatree-drag-helper {
  /*    border-color: green;
  	background-color: red;*/
}

div.dynatree-drop-accept span.dynatree-drag-helper-img {
  background-position: -32px -112px;
}

div.dynatree-drag-helper.dynatree-drop-reject {
  border-color: red;
}

div.dynatree-drop-reject span.dynatree-drag-helper-img {
  background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/
#dynatree-drop-marker {
  width: 24px;
  position: absolute;
  background-position: 0 -128px;
  margin: 0;
  /*	border: 1px solid red; */
}

#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before {
  width: 64px;
  background-position: 0 -144px;
}

#dynatree-drop-marker.dynatree-drop-copy {
  background-position: -64px -128px;
}

#dynatree-drop-marker.dynatree-drop-move {
  background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/
span.dynatree-drag-source {
  /* border: 1px dotted gray; */
  background-color: #e0e0e0;
}

span.dynatree-drag-source a {
  color: gray;
}

/*** Target node while dragging cursor is over it *****************************/
span.dynatree-drop-target {
  /*border: 1px solid gray;*/
}

span.dynatree-drop-target.dynatree-drop-accept a {
  /*border: 1px solid green;*/
  background-color: #3169C6 !important;
  color: white !important;
  /* @ IE6 */
  text-decoration: none;
}

span.dynatree-drop-target.dynatree-drop-reject {
  /*border: 1px solid red;*/
}

/*******************************************************************************
 * Custom node classes (sample)
 */
span.custom1 a {
  background-color: maroon;
  color: yellow;
}

#ckeditor_inline_container {
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
  font-size: 14px;
  padding: 10px;
  width: 620px;
}

#ckeditor_inline_container div #ckeditor_inline_container dl,
#ckeditor_inline_container dt,
#ckeditor_inline_container dd,
#ckeditor_inline_container ul,
#ckeditor_inline_container ol,
#ckeditor_inline_container li,
#ckeditor_inline_container pre,
#ckeditor_inline_container code,
#ckeditor_inline_container form,
#ckeditor_inline_container fieldset,
#ckeditor_inline_container legend,
#ckeditor_inline_container input,
#ckeditor_inline_container textarea,
#ckeditor_inline_container p,
#ckeditor_inline_container blockquote,
#ckeditor_inline_container th,
#ckeditor_inline_container td {
  margin: 0;
  padding: 0;
}

#ckeditor_inline_container p {
  margin: 0;
}

#ckeditor_inline_container a {
  color: #00e;
  /*  text-decoration: none; */
}

#ckeditor_inline_container table tbody tr {
  height: 0;
}

#ckeditor_inline_container img {
  border: 0;
}

#ckeditor_inline_container address,
#ckeditor_inline_container caption,
#ckeditor_inline_container cite,
#ckeditor_inline_container code,
#ckeditor_inline_container dfn,
#ckeditor_inline_container var {
  font-style: normal;
  font-weight: normal;
}

#ckeditor_inline_container strong,
#ckeditor_inline_container th {
  font-weight: bold;
}

#ckeditor_inline_container ul {
  list-style: disc;
  margin: 0;
  padding-left: 40px;
}

#ckeditor_inline_container ol {
  list-style: decimal;
  margin: 1em 0;
  padding-left: 40px;
}

#ckeditor_inline_container caption,
#ckeditor_inline_container th {
  text-align: left;
}

#ckeditor_inline_container h1,
#ckeditor_inline_container h2,
#ckeditor_inline_container h3,
#ckeditor_inline_container h4,
#ckeditor_inline_container h5,
#ckeditor_inline_container h6 {
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#ckeditor_inline_container h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

#ckeditor_inline_container h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

#ckeditor_inline_container h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

#ckeditor_inline_container h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

#ckeditor_inline_container h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

#ckeditor_inline_container h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

#ckeditor_inline_container q:before,
#ckeditor_inline_container q:after {
  content: "";
}

#ckeditor_inline_container abbr,
#ckeditor_inline_container acronym {
  border: 0;
  font-variant: normal;
}

#ckeditor_inline_container sup {
  vertical-align: text-top;
}

#ckeditor_inline_container sub {
  vertical-align: text-bottom;
}

#ckeditor_inline_container input,
#ckeditor_inline_container textarea,
#ckeditor_inline_container select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#ckeditor_inline_container input,
#ckeditor_inline_container textarea,
#ckeditor_inline_container select {
  *font-size: 100%;
}

#ckeditor_inline_container legend {
  color: #000;
}

/* ---- Domain ---- */
#domain_intro_text p,
#domain_purchase_option,
#domain_purchase_option .renew_container {
  margin: 1.5em 0.3em;
}

#domain_search {
  margin: 0 0.3em;
}

.domain_search_field {
  align-items: center;
  display: flex;
}

#domain_purchase_option .dropdown,
.domain_search_field .dropdown {
  margin: 0;
}

#domain_purchase_option .renew_container {
  align-items: center;
  display: flex;
}

.domain_alternate_text,
#domain_search_results,
#domain_not_available .not_available,
#domain_available .available {
  margin: 0.5em 0;
}

#domain_alternate_domains input {
  margin: 0.5em;
}

#domain_spinner_block {
  align-items: center;
}

#domain_search_status {
  margin: 0 0.5em;
}

div#domain_available p#requirements {
  margin: 0.5em 0;
}

#domain_intro_text .form_checkbox {
  display: inline;
  vertical-align: middle;
}

#domain_intro_text .nameservers td {
  padding: 0 0.5em;
}

#domain_search #action_message {
  margin: 0.5em 0;
}

#domain_not_active p {
  padding: 0.1em 1.5em 0pt;
  margin: 1.4em;
}

div.domain_container {
  margin: 1.5em 0.3em;
}

#registration_info_form p {
  padding: 0 0 1em 0;
}

#registration_info_form ul {
  list-style-type: disc;
  margin: 0.2em;
  padding: 0.5em 1.5em 0;
}

#domain_purchase_text {
  padding: 0.3em 0.3em 0 0;
}

#registration_action_message {
  margin: 1em 0.5em;
}

div .domain_owner {
  padding: 0 1.5em 0pt;
  margin: 0 3em;
}

div .domain_owner td {
  padding: 0 1.5em 0 0;
}

#user_search_results {
  padding: 0.8em 0;
}

div.domain_container ol.no_before {
  margin: 0.1em;
}

div.domain_container p.before {
  margin: 1.5em 0.1em 0.1em;
}

/* ---- Thumbnail Preview ---- */
img.thumbnail_preview {
  cursor: pointer;
}

div.preview_window {
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid #212121;
  display: none;
  left: 50%;
  padding: 1em;
  position: fixed;
  top: 50%;
  z-index: 990011;
}

div.preview_window img {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

div.preview_window div.preview_close {
  background: transparent url(/static/images/global/circle_close_black.png);
  cursor: pointer;
  height: 30px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 30px;
}

* html div.thumbnail_overlay {
  /* ie6 hack */
  position: absolute;
  /* height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); */
}

* html div.preview_window {
  /* ie6 hack */
  position: absolute;
  /* margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); */
}

/* ---- Thumbnails ---- */
div.thumbnail_widget.carousel {
  margin-left: 1em;
  position: relative;
  padding: 15px 35px 0;
  width: 510px;
}

div.thumbnail_widget.carousel span.tn_left,
div.thumbnail_widget.carousel span.tn_right {
  cursor: pointer;
  position: absolute;
  top: 80px;
}

div.thumbnail_widget.grid span.tn_left,
div.thumbnail_widget.grid span.tn_right,
div.thumbnail_widget.grid span.tn_pagination {
  display: none;
}

div.thumbnail_widget.carousel span.tn_left {
  display: none;
  left: 0px;
}

div.thumbnail_widget.carousel span.tn_right {
  right: 0px;
}

div.thumbnail_widget.carousel span.tn_pagination {
  font-size: 0.875rem;
  position: absolute;
  right: 35px;
  top: 0px;
}

div.thumbnail_widget.carousel div.tn_container {
  overflow: hidden;
  position: relative;
  width: 510px;
  z-index: 2;
}

div.thumbnail_widget.carousel div.tn_container div.thumbnails {
  display: flex;
  left: 0px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

div.tn_preview {
  /*      float: left; */
  /*      min-height: 170px; */
  padding: 10px 0px 20px;
  text-align: center;
  min-width: 150px;
}

div.thumbnail_widget.grid div.tn_container div.thumbnails {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div.thumbnail_widget.grid div.tn_container div.thumbnails div.tn_preview {
  padding-right: 15px;
}

div.tn_preview img {
  padding: 4px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

div.tn_preview img.selected {
  padding: 0px;
  border: 4px solid #000;
}

div.tn_preview div {
  padding: 0.6em 0 0 0;
}

span.show_all {
  margin-left: 5px;
}

div.overlay {
  background: #000;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  position: fixed;
  right: 0;
  top: 0;
}

div.show_all_window {
  background: #fff;
  display: none;
  left: 50%;
  padding-bottom: 1.5em;
  position: fixed;
  top: 50%;
  z-index: 990011;
}

div.show_all_window .thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div.show_all_window div.tn_preview {
  height: 95px;
}

.show_all_close {
  cursor: pointer;
}

div.show_all_top {
  padding-bottom: 15px;
}

div.show_all_top .title {
  flex: 1 1 auto;
}

div.show_all_top span {
  display: block;
  float: left;
}

div.show_all_window div.tn_container {
  clear: both;
  overflow: auto;
}

div.show_all_bottom {
  text-align: center;
}

div.show_all_bottom .button {
  float: none;
}

div.show_all_bottom .button span {
  display: inline;
}

/*--------------- Settings for Email Template Thumbnails ----------------*/
.thumbnail_widget {
  font-size: 0.875rem;
  width: 100%;
}

#pdf_template_design_form .thumbnails,
div.crm_email_templates .thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#pdf_template_design_form div.tn_preview,
div.crm_email_templates div.tn_preview {
  float: none;
  padding: 1em;
  width: auto;
}

#pdf_template_design_form div.tn_preview div,
div.crm_email_templates div.tn_preview div {
  height: auto;
}

/*--------------- Settings for PDF Design Thumbnails ----------------*/
div.thumbnail_widget.carousel.pdf_template_designs {
  width: 600px;
}

div.thumbnail_widget.carousel.pdf_template_designs div.tn_container {
  width: 600px;
}

/*--------------- Settings for Website Design Thumbnails ----------------*/
div.thumbnail_widget.carousel.website_designs {
  width: 455px;
}

div.thumbnail_widget.carousel.website_designs div.tn_container {
  width: 455px;
}

div.thumbnail_widget.carousel.website_designs span.tn_pagination {
  right: 0px;
}

div.thumbnail_widget.carousel.website_designs span.tn_left,
div.thumbnail_widget.carousel.website_designs span.tn_right {
  cursor: pointer;
  position: absolute;
  top: 45px;
}

div.thumbnail_widget.website_designs div.tn_preview {
  font-size: 0.8em;
  width: 100px;
}

div.thumbnail_widget.crm_email_templates div.tn_preview {
  width: 170px;
}

@media (max-width: 400px) {
  div.thumbnail_widget.carousel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 359px) {
  div.thumbnail_widget.carousel.website_designs {
    width: 290px;
  }

  div.thumbnail_widget.website_designs div.tn_preview {
    width: 95px;
  }
}
/* ---- Thumbnail Grid ---- */
.modal_dialog.thumbnail_grid div.content {
  max-height: none;
  height: 100vh;
}

div.thumbnail_grid_widget div.tng_thumbnails {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}

div.thumbnail_grid_widget div.tng_preview {
  align-items: center;
  background-color: #fff;
  display: none;
  flex-flow: column;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 969001;
}

div.thumbnail_grid_widget div.tng_preview_wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

div.thumbnail_grid_widget div.tng_preview_header {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 -2px 5px 1px #999;
  display: flex;
  flex-flow: column;
  height: 100px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

div.thumbnail_grid_widget div.tng_preview_title {
  color: #333;
  font-size: 2em;
  margin-bottom: 5px;
}

div.thumbnail_grid_widget div.tng_preview_close {
  color: #4a80bd;
  cursor: pointer;
}

div.thumbnail_grid_widget div.tng_preview_image {
  height: calc(100% - 220px);
  margin-top: 100px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 20px;
  text-align: center;
  width: 100%;
}

div.thumbnail_grid_widget div.tng_preview_image img {
  max-width: 600px;
}

div.thumbnail_grid_widget div.tng_preview_build {
  align-items: center;
  background-color: #4a80bd;
  bottom: 0;
  display: flex;
  font-weight: bold;
  height: 100px;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}

div.thumbnail_grid_widget div.tng_item {
  display: flex;
  flex: 0 0 auto;
  flex-flow: column wrap;
  justify-content: center;
  margin: 10px 15px;
  padding: 20px;
  position: relative;
  text-align: center;
  width: 230px;
}

div.thumbnail_grid_widget div.tng_item_overlay {
  background-color: rgba(74, 128, 189, 0.95);
  /* height: 100%; */
  left: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  /* width: 100%; */
}

div.thumbnail_grid_widget div.tng_item_options {
  align-items: center;
  display: flex;
  flex-flow: column wrap;
  font-weight: bold;
  height: 230px;
  justify-content: center;
  margin-bottom: 10px;
  width: 230px;
}

div.thumbnail_grid_widget div.tng_build_button {
  background-color: #ffffcc;
  border: 10px solid #ffffcc;
  border-radius: 30px;
  color: #4a80bd;
  cursor: pointer;
  flex: 0 0 content;
  padding: 0 40px;
  text-align: center;
}

div.thumbnail_grid_widget span.tng_preview_link {
  color: #fff;
  cursor: pointer;
  margin-top: 30px;
}

div.thumbnail_grid_widget span.tng_item_name {
  color: #18477d;
}

div.thumbnail_grid_widget div.tng_item.hover {
  background: #ddd;
}

div.thumbnail_grid_widget div.tng_item.selected {
  background: #bfdfff;
}

div.thumbnail_grid_widget div.tng_img_wrapper {
  display: block;
  height: 230px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 230px;
}

div.thumbnail_grid_widget div.tng_img_wrapper img {
  display: block;
  width: 230px;
}

div.thumbnail_grid_widget .tng_search_container {
  align-items: center;
  clear: left;
  display: flex;
  margin-left: 20px;
}

div.thumbnail_grid_widget .tng_category_container {
  float: left;
  font-weight: bold;
  margin: 0 0 15px 20px;
}

div.thumbnail_grid_widget .tng_category {
  margin-left: 15px;
}

div.thumbnail_grid_widget .tng_search_input {
  float: left;
}

div.thumbnail_grid_widget .tng_reset_search {
  line-height: 1.5;
  margin-left: 5px;
}

div.thumbnail_grid_widget .paginate {
  margin-right: 20px;
}

#user_cal {
  width: 100%;
}

#user_cal_nav {
  background: #ffc;
  height: 500px;
  padding: 5px;
  width: 157px;
  vertical-align: top;
}

#user_cal_actions {
  background: #2e77c0;
  font-size: 0.9em;
  margin: 0.5em 0;
  padding: 0.7em 0.2em;
}

#user_cal_actions li {
  color: #fff;
  padding: 0.4em 0.2em;
}

#user_cal_actions li a {
  color: #fff;
  padding-left: 0.5em;
}

#user_cal_tabs {
  background: #f1f5fa;
  vertical-align: top;
}

#user_cal_date_nav {
  padding: 0.5em 2em;
}

#user_cal_date_nav td.cur_date {
  color: #2e77c0;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 0.3em;
}

#user_cal_date_nav span.button {
  background: none;
  border: none;
  float: none;
  margin-left: 3em;
}

#user_cal_date_nav span.button span {
  background: #f1f5fa;
  border-color: #2e77c0;
  border-width: 1px;
  display: inline;
  font-size: 0.9em;
  padding: 0 0.4em;
}

#user_cal_all_day {
  padding: 0.5em 0;
}

#user_cal_all_day table {
  width: 100%;
}

#user_cal_all_day .title {
  font-size: 1.2em;
  padding: 5px 10px 0 0;
  text-align: right;
  vertical-align: top;
  width: 60px;
}

.user_cal_all_day_event {
  color: #fff;
  font-size: 0.9em;
  margin: 0.2em 0;
  padding: 0.8em;
}

.user_cal_all_day_event_title {
  font-weight: bold;
}

#user_cal_grid {
  background: #fff;
  height: 454px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative;
}

#user_cal_grid table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

#user_cal_grid table td {
  margin: 0;
  padding: 0;
}

.user_cal_grid_time_slot_header {
  width: 75px;
}

.user_cal_time_slot_wrapper {
  height: 1px;
  position: relative;
  top: 1px;
}

.user_cal_time_slots {
  position: relative;
  width: 100%;
}

.user_cal_time_slot {
  height: 15px;
  /*  height: 14px;
    border-bottom: 1px dotted #ddd; */
}

.user_cal_time_slot_hour_end {
  height: 14px;
  border-bottom: 1px solid #d5e0f1;
}

.user_cal_hour_header {
  border-bottom: 1px solid #d5e0f1;
}

.user_cal_hour_header_cell {
  height: 49px;
  padding: 5px;
  text-align: right;
}

.user_cal_sched_appt_column {
  border-left: 1px solid #d5e0f1;
  width: 175px;
}

.user_cal_sched_appt_cell {
  height: 40px;
  padding: 10px 5px;
  text-align: center;
}

.user_cal_day_column {
  vertical-align: top;
}

.user_cal_event_container {
  position: relative;
  width: 100%;
}

.user_cal_event {
  background: #f00;
  color: #fff;
  position: absolute;
}

.user_cal_event_data {
  border-right: 2px solid #fff;
  padding: 5px;
}

.user_cal_event_time {
  font-weight: bold;
}

.user_cal_event_title {
  font-weight: bold;
}

#avail_hours_head th {
  padding: 1em 0;
  text-align: left;
  width: 9em;
}

/* ---- Salescalendar ---- */
.salescalendar {
  width: 100%;
}

.salescalendar > tbody {
  display: flex;
}

.salescalendar > tbody > tr:nth-child(1) {
  display: flex;
  flex-direction: column;
  padding-right: 1em;
}

.salescalendar > tbody > tr:nth-child(2) {
  display: flex;
  flex: 1 1 100%;
}

.salescalendar .datepickers {
  vertical-align: top;
}

.salescalendar .calendar_legend {
  width: 100%;
}

.salescalendar .calendar_legend .calendar_legend_item {
  align-items: center;
  display: flex;
}

.salescalendar .calendar_legend .calendar_legend_item > td > div {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 0.8rem;
  font-weight: bold;
  height: 25px;
  justify-content: center;
  margin-right: 0.5em;
  width: 25px;
}

.salescalendar .calendar_legend > tbody > tr:first-child > td > span {
  font-weight: bold;
}

.salescalendar .colored_calendars {
  width: 100%;
}

.salescalendar .colored_calendars > tbody > tr:first-child > td {
  align-items: center;
  display: flex;
}

.salescalendar .colored_calendars > tbody > tr:first-child > td > span {
  flex: 1 1 auto;
  font-weight: bold;
}

.salescalendar .colored_calendars > tbody > tr:first-child > td > img {
  cursor: pointer;
  padding-left: 1em;
}

.salescalendar .colored_calendar {
  color: #ffffff;
  width: 100%;
}

.salescalendar .colored_calendar > tbody > tr {
  align-items: center;
  display: flex;
}

.salescalendar .colored_calendar > tbody > tr > td:nth-child(1) {
  padding-right: 0.5em;
}

.salescalendar .colored_calendar > tbody > tr > td:nth-child(2) {
  flex: 1 1 auto;
  padding: 0.5em 1em;
}

.salescalendar .calendar_wrapper {
  flex: 1 1 auto;
  padding: 0;
  vertical-align: top;
}

.salescalendar .salescalendar_options_top {
  display: none;
  margin: 0 0 2em;
}

.salescalendar .salescalendar_options_top .alert {
  background: #212121 url("/static/images/global/icons/svg/notifications_white_32.svg") no-repeat 0.7em 1em;
  color: #e0e0e0;
  font-size: 0.8rem;
  padding: 1em 1em 1em 50px;
}

.salescalendar .calendar_wrapper .blockout_view {
  background: #CF9706;
}

.salescalendar .calendar_wrapper .links.app_view {
  color: #2baac5;
}

.salescalendar .calendar_wrapper .app_view,
.salescalendar .calendar_wrapper .blockout_view,
.salescalendar .calendar_wrapper .event_view {
  color: #ffffff;
  cursor: pointer;
  margin: 2px 0;
  width: 100%;
}

.salescalendar .calendar_wrapper .new_event {
  background: #f5f5f5 url("/static/images/global/icons/svg/add.svg") no-repeat center center;
  cursor: pointer;
  padding: 1em;
}

.salescalendar .calendar_wrapper .new_event.margin_t {
  margin-top: 1em;
}

.salescalendar .calendar_tabs {
  border-collapse: collapse;
  width: 100%;
}

.salescalendar .calendar_tabs td {
  padding: 0;
  vertical-align: bottom;
}

.salescalendar .calendar_tabs #cal_tabs {
  align-items: flex-end;
  display: flex;
}

.salescalendar .calendar_tabs #cal_tabs > li {
  margin-right: 1px;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options {
  position: relative;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options .calendar_options_panel {
  background: #e0e0e0;
  border: 10px solid #ffffff;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  display: none;
  left: 0;
  min-width: 300px;
  padding: 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options .calendar_options_panel > form > div {
  padding-bottom: 1em;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options .calendar_options_panel .calendar_options_panel_title {
  display: flex;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options .calendar_options_panel .calendar_options_panel_close {
  background: url(/static/images/global/icons/svg/close.svg) no-repeat;
  cursor: pointer;
  height: 18px;
  width: 18px;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options .calendar_options_panel h3 {
  flex: 1 1 auto;
  margin-bottom: 1em;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options .calendar_options_panel .select_container {
  display: inline;
  position: relative;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options .calendar_options_panel .label {
  padding-right: 1em;
}

.salescalendar .calendar_tabs #cal_tabs #tab_options_main {
  background: #2baac5 url("/static/images/global/icons/svg/settings_white.svg") no-repeat center center;
}

.salescalendar .calendar_tabs #cal_tabs #tab_actions_main {
  background: #2baac5 url("/static/images/global/icons/svg/add_white.svg") no-repeat center center;
}

.salescalendar .calendar_tabs #cal_tabs .calendar_tab {
  background-color: #e0e0e0;
  color: #212121;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  padding: 1.5em;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.salescalendar .calendar_tabs #cal_tabs .calendar_tab_over {
  background-color: #eeeeee;
  border-top: 1px solid #2baac5;
  color: #212121;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  padding: 1.5em;
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.salescalendar .calendar_day_view_header {
  background: #eeeeee;
  border-collapse: collapse;
  width: 100%;
}

.salescalendar .calendar_day_view_header .calendar_day_view_events,
.salescalendar .calendar_day_view_header .calendar_day_view_holidays,
.salescalendar .calendar_day_view_header .calendar_day_view_header_date {
  align-items: center;
  display: flex;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date {
  margin: 0 1em;
}

.salescalendar .calendar_day_view_header .calendar_day_view_events > td,
.salescalendar .calendar_day_view_header .calendar_day_view_holidays > td,
.salescalendar .calendar_day_view_header .calendar_day_view_header_date > td {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1em;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date > td:first-child {
  justify-content: flex-start;
  width: 25%;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date > td #today_link {
  cursor: pointer;
  line-height: normal;
  margin-left: 2em;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date > td:last-child {
  justify-content: flex-end;
  width: 25%;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date td.calendar_date {
  flex-direction: column;
  font-size: 1.5em;
  padding: 1em 0;
  width: 50%;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date td.calendar_date > span {
  white-space: nowrap;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date td.calendar_date > span:last-child {
  color: #666666;
  font-size: 0.8rem;
}

.salescalendar .calendar_day_view_header .calendar_day_view_header_date td.calendar_reset {
  flex: 1 1 auto;
  font-size: 0.875em;
}

.salescalendar .calendar_day_view_header .calendar_day_view_events .calendar_day_view_event,
.salescalendar .calendar_day_view_header .calendar_day_view_holidays .calendar_day_view_holiday {
  color: #ffffff;
  flex: 1 1 auto;
}

.salescalendar .calendar_day_view_header .calendar_day_view_events .calendar_day_view_event table {
  cursor: pointer;
}

.salescalendar .calendar_day_view_header .calendar_day_view_events .calendar_day_view_event table,
.salescalendar .calendar_day_view_header .calendar_day_view_holidays .calendar_day_view_holiday table {
  width: 100%;
}

.salescalendar .calendar_day_view_header .calendar_day_view_holidays .calendar_day_view_holiday table {
  background-color: #ee8800;
}

.salescalendar .calendar_day_view_header .calendar_day_view_events .calendar_day_view_event table td,
.salescalendar .calendar_day_view_header .calendar_day_view_holidays .calendar_day_view_holiday table td {
  padding: 0.3em 1em;
}

.salescalendar .calendar_month_view_body,
.salescalendar .calendar_week_view_body,
.salescalendar .calendar_day_view_body {
  background: #ffffff;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.salescalendar .calendar_week_view_body td.calendar_cell_all_day,
.salescalendar .calendar_week_view_body td.calendar_cell_hour,
.salescalendar .calendar_day_view_body td.calendar_cell_hour {
  background: #fcfcfc;
  padding: 1em;
  text-align: right;
  text-transform: lowercase;
  width: 75px;
  white-space: nowrap;
}

.salescalendar .calendar_week_view_body td.calendar_cell_all_day {
  text-transform: none;
}

.salescalendar .calendar_day_view_body td {
  padding: 1em;
}

.salescalendar .calendar_day_view_body td.calendar_cell_spacer {
  background: #eeeeee;
  padding: 0;
  width: 3px;
}

.salescalendar .calendar_week_view_body td.calendar_row_spacer,
.salescalendar .calendar_day_view_body td.calendar_row_spacer {
  background: #eeeeee;
  padding: 0;
  height: 3px;
}

.salescalendar .calendar_day_view_body td.calendar_active_cell_hour {
  background: #2baac5;
  color: #fff;
  font-weight: bold;
}

.salescalendar .calendar_day_view_body td.calendar_active_cell_description {
  background: #eeeeee;
}

.salescalendar .calendar_day_view_body .admin_calendar_cell_description {
  font-size: 0.875em;
  width: 100%;
}

.salescalendar .calendar_day_view_body .admin_calendar_cell_description > tbody > tr > td {
  padding: 0.5em;
}

.salescalendar .calendar_day_view_body .admin_calendar_cell_description_column_titles {
  font-weight: bold;
}

.salescalendar .calendar_week_view_body > tbody > tr.calendar_week_view_days {
  color: #2baac5;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_days > td > span:last-child {
  font-size: 1.3em;
  font-weight: bold;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_days > td:nth-child(odd) {
  background: #fcfcfc;
  padding: 5px;
  text-align: center;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_days > td:nth-child(even) {
  background: #eeeeee;
  width: 1px;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_days > td.calendar_active_cell_day {
  background: #2baac5;
  color: #fff;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_hour_row > td:nth-child(even) {
  background: #eeeeee;
  width: 1px;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_hour_row > td.calendar_week_view_hourday_cell {
  height: 50px;
  width: 13%;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_hour_row > td.calendar_week_view_weekend_hourday_cell {
  background: #f3f3f3;
}

.salescalendar .calendar_week_view_body tr.calendar_week_view_hour_row > td.calendar_week_view_active_hourday_cell {
  background: #cfedf4;
}

.salescalendar .calendar_month_view_body .calendar_month_view_holiday,
.salescalendar .calendar_week_view_body .calendar_week_view_holiday {
  background-color: #ee8800;
  color: #ffffff;
  padding: 0 3px;
  width: 100%;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_header {
  background: #fcfcfc;
  color: #2baac5;
  text-align: center;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_header > td {
  padding: 0.5em;
  width: 14%;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_header > td:first-child,
.salescalendar .calendar_month_view_body .calendar_month_view_days_header > td:last-child {
  border-left: 1px solid #fcfcfc;
  width: 15%;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell {
  border-right: 1px solid #cccccc;
  height: 100%;
  padding: 0;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell > table {
  width: 100%;
  height: 100%;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell > table .calendar_month_view_day_cell_number > td {
  color: #606060;
  height: 25px;
  padding: 0 7px 0 0;
  text-align: right;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell > table .calendar_month_view_day_cell_number > td.calendar_month_view_day_cell_number_disabled {
  color: #b9b9b9;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell > table .calendar_month_view_day_cell_events td {
  vertical-align: top;
}

.salescalendar .calendar_month_view_body .calendar_month_view_active_day_cell {
  background: #cfedf4;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell:first-child,
.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell:last-child {
  background: #f5f5f5;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell:first-child {
  border-left: 1px solid #cccccc;
}

.salescalendar .calendar_month_view_body .calendar_month_view_row_spacer > td {
  border-top: 1px solid #cccccc;
  height: 0;
  padding: 0;
}

.salescalendar .calendar_month_view_body .calendar_month_view_days_row .calendar_month_view_day_cell > table .calendar_month_view_day_cell_events > td {
  height: 100%;
  padding: 0;
  vertical-align: top;
}

.salescalendar .help_for_page {
  margin: 0;
}

.salescalendar .salescalendar_form > table {
  background: #ffffff;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.salescalendar .salescalendar_form .salescalendar_form_header {
  align-items: center;
  background: #eeeeee;
  display: flex;
  padding: 1em;
}

.salescalendar .salescalendar_form .salescalendar_form_header > td:first-child {
  flex: 1 1 auto;
  font-size: 1.2rem;
}

.salescalendar .salescalendar_event_list {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.salescalendar .salescalendar_event_list > tbody > tr > td {
  padding: 0;
}

.salescalendar #appt_wiz > form > table,
.salescalendar #appt_wiz > table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.salescalendar #appt_wiz > form > table .appt_wiz_header,
.salescalendar #appt_wiz > table .appt_wiz_header {
  align-items: center;
  display: flex;
  padding: 1em;
}

.salescalendar #appt_wiz > form > table .appt_wiz_header > h3,
.salescalendar #appt_wiz > table .appt_wiz_header > h3 {
  flex: 1 1 auto;
}

.salescalendar .salescalendar_reschedule_appt .datepicker,
.salescalendar #appt_wiz .datepicker {
  flex-wrap: wrap;
}

.salescalendar .salescalendar_reschedule_appt .datepicker .months,
.salescalendar #appt_wiz .datepicker .months {
  display: flex;
}

.salescalendar .salescalendar_reschedule_appt .datepicker_container,
.salescalendar #appt_wiz .datepicker_container {
  display: flex;
  flex: 1 1 100%;
  padding: 1em;
}

.salescalendar #appt_wiz #agree_checkboxes {
  margin: 1em 0.3em;
}

.salescalendar #appt_wiz #agree_checkboxes tr {
  align-items: center;
  display: flex;
}

.salescalendar #app_limit td {
  padding: 1em;
}

.salescalendar #app_limit td input {
  width: 50px;
}

.salescalendar .salescalendar_appt_details,
.salescalendar .salescalendar_appointment_list,
.salescalendar .salescalendar_followup_list {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.salescalendar .salescalendar_appt_details > tbody > tr > td,
.salescalendar .salescalendar_appointment_list > tbody > tr > td,
.salescalendar .salescalendar_followup_list > tbody > tr > td {
  padding: 0;
}

.salescalendar .collapsible_titlebar {
  background: #212121;
  color: #e0e0e0;
}

.salescalendar .collapsible_titlebar > td {
  padding: 1em;
}

.salescalendar .collapsible_titlebar > td > span {
  align-items: center;
  display: flex;
}

.salescalendar #conf_template .title {
  font-weight: bold;
  padding: 0 1em;
}

.salescalendar #conf_template #edit_conf {
  padding: 0 2em;
}

.salescalendar #conf_template #edit_conf > span {
  padding: 0 1em;
}

/* ---- Calendar Manager ---- */
.calendar_manager {
  display: flex;
}

.calendar_manager .left_col {
  display: flex;
  flex-direction: column;
  padding-right: 1em;
}

.calendar_manager .right_col {
  display: flex;
  flex: 1 1 auto;
}

.calendar_manager .calendar_actions {
  display: none;
  width: auto;
}

.calendar_manager .calendar_actions a {
  color: #212121;
  text-decoration: none;
}

.calendar_manager .calendar_list_wrapper .section_title {
  align-items: center;
  display: flex;
}

.calendar_manager .calendar_list_wrapper .section_title > span {
  flex: 1 1 auto;
}

.calendar_manager .calendar_list_wrapper .section_title > img {
  cursor: pointer;
  padding-left: 1em;
}

.calendar_manager .calendar_list .calendar_list_item {
  align-items: center;
  color: #ffffff;
  display: flex;
  padding: 0.25em 0;
}

.calendar_manager .calendar_list .calendar_list_item .calendar_list_item_checkbox {
  padding-right: 0.5em;
}

.calendar_manager .calendar_list .calendar_list_item .calendar_list_item_name {
  padding: 0.5em 1em;
  width: 100%;
}

.calendar_manager .calendar_list .calendar_list_item .editable {
  cursor: pointer;
}

/* Calendar Content */
.calendar_manager div.tabs {
  margin: 0;
  width: 100%;
}

.calendar_manager .ui-tabs-panel {
  background: none;
}

.calendar_manager div.tabs .ui-tabs-nav .ui-tabs-tab {
  margin-right: 1px;
}

.calendar_manager div.tabs .ui-tabs-nav a span {
  min-width: 0;
}

.calendar_manager .calendar_tabs {
  border-collapse: collapse;
  float: left;
  margin: 1px 1px 0 0;
}

.calendar_manager .calendar_tabs td {
  padding: 0;
}

.calendar_manager .calendar_tabs #cal_tabs {
  display: inline-block;
}

.calendar_manager .calendar_tabs #cal_tabs > span {
  display: inline-block;
}

.calendar_manager .calendar_tabs #cal_tabs #tab_actions_main {
  background: #2baac5 url("/static/images/global/icons/svg/add_white.svg") no-repeat center center;
}

.calendar_manager .calendar_tabs #cal_tabs > span .calendar_tab {
  background-color: #e0e0e0;
  color: #212121;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  padding: 1.5em;
  position: relative;
  white-space: nowrap;
}

.calendar_manager .calendar_tabs #cal_tabs > span .calendar_tab_over {
  background-color: #eeeeee;
  background-color: #eeeeee;
  border-top: 1px solid #2baac5;
  color: #212121;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 1.5em;
  position: relative;
  white-space: nowrap;
}

/* Fullcalendar Styles */
.calendar_manager .fc {
  line-height: normal;
}

.calendar_manager .fc-header {
  background: #eeeeee;
}

.calendar_manager .fc-header > tr {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 2em;
}

.calendar_manager .fc-header .fc-header-title h2 {
  letter-spacing: normal;
}

.calendar_manager .fc-header .fc-header-right,
.calendar_manager .fc-header .fc-header-left {
  align-items: center;
  display: flex;
}

.calendar_manager .fc-header .fc-header-right {
  justify-content: flex-end;
}

.calendar_manager .fc-header .fc-header-right .fc-button,
.calendar_manager .fc-header .fc-header-left .fc-button {
  background: none;
  border: none;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}

.calendar_manager .fc-header .fc-header-right .fc-button .fc-button-inner,
.calendar_manager .fc-header .fc-header-left .fc-button .fc-button-inner {
  align-items: center;
  background: none;
  border: none;
  display: flex;
  float: none;
  height: 32px;
  margin: 0;
  padding: 0;
  width: 32px;
}

.calendar_manager .fc-header .fc-header-right .fc-button .fc-button-content,
.calendar_manager .fc-header .fc-header-left .fc-button .fc-button-content {
  display: block;
  float: none;
  height: auto;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.calendar_manager .fc-header .fc-header-left .fc-button-today .fc-button-inner {
  height: auto;
  width: auto;
}

.calendar_manager .fc-header .fc-header-left .fc-button-today .fc-button-content {
  background: #2baac5;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  line-height: normal;
  margin: 4px 8px;
  padding: 6px 16px !important;
  text-decoration: none;
}

.calendar_manager .fc-header .fc-header-left .fc-button-today .fc-button-content:hover {
  background: #1e7689;
  color: #ffffff;
}

.calendar_manager .fc-header .fc-header-left .fc-button-today.fc-state-disabled .fc-button-content {
  background-color: #ddd;
  color: #bbb;
  cursor: auto;
  user-select: none;
}

.calendar_manager .fc-state-highlight {
  background: #cfedf4;
}

.calendar_manager .fc-agenda .fc-agenda-axis {
  background: #fcfcfc;
  border-right: 3px solid #eeeeee;
  width: 75px;
  padding: 0.5em 1em;
}

.calendar_manager .fc-widget-header,
.calendar_manager .fc-widget-content {
  border-top: 3px solid #eeeeee;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* Day View */
.calendar_manager .fc-view-agendaDay .fc-state-highlight {
  background: none;
}

.calendar_manager .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
  border-top: 1px dotted #cccccc;
}

.calendar_manager .fc-view-agendaDay .fc-agenda-days > thead {
  display: none;
}

.calendar_manager .fc-agenda-allday tbody tr th,
.calendar_manager .fc-agenda-allday tbody tr td {
  border-top-width: 0;
}

/* Week View */
.calendar_manager .fc-view-agendaWeek .fc-agenda-days > thead > tr > th {
  background: #fcfcfc;
  border-bottom: 3px solid #eeeeee;
  color: #2baac5;
  font-weight: normal;
  padding: 5px;
}

.calendar_manager .fc-view-agendaWeek .fc-agenda-days > thead > tr > th > span:last-child {
  font-size: 1.3em;
  font-weight: bold;
}

.calendar_manager .fc-view-agendaWeek .fc-agenda-days .weekend,
.calendar_manager .fc-view-agendaWeek .fc-agenda-days .weekday {
  border-right: 3px solid #eeeeee;
}

/* Month View */
.calendar_manager .fc-grid .fc-day-number {
  color: #606060;
  font-weight: bold;
}

.calendar_manager .fc-grid .fc-other-month .fc-day-number {
  font-weight: normal;
}

.calendar_manager .fc-view-month > table > thead {
  background: #fcfcfc;
}

.calendar_manager .fc-view-month > table > thead > tr > th {
  color: #2baac5;
  font-weight: normal;
  padding: 0.5em;
}

.calendar_manager .fc-view-month .fc-border-separate tbody tr td.weekday,
.calendar_manager .fc-view-month .fc-border-separate tbody tr td.weekend {
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

.calendar_manager .fc-view-month .fc-border-separate tr td.fc-first {
  border-left: 1px solid #cccccc;
}

.calendar_manager .fc-view-month .fc-border-separate tr.fc-last td.weekday,
.calendar_manager .fc-view-month .fc-border-separate tr.fc-last td.weekend {
  border-bottom: 1px solid #cccccc;
}

/* Form Styles */
#repeat_options_form #monthly_type_container ul li,
#repeat_options_form #dow_row ul li {
  margin: 0.5em;
}

#reminder_info {
  overflow: hidden;
}

.calendar_manager .outer-tabs-container {
  margin: 2em 0;
}

.calendar_manager .outer-tabs-container div.tabs .ui-tabs-nav .ui-tabs-tab {
  margin-right: 0;
}

.fc {
  direction: ltr;
  text-align: left;
}

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

html .fc, .fc table {
  font-size: 1em;
}

.fc td, .fc th {
  padding: 0;
  vertical-align: top;
}

/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap;
}

.fc-header-left {
  text-align: left;
  width: 25%;
}

.fc-header-center {
  text-align: center;
}

.fc-header-right {
  text-align: right;
  width: 25%;
}

.fc-header-title {
  display: inline-block;
  vertical-align: top;
}

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
}

/* buttons edges butting together */
.fc-header .fc-button {
  margin-right: -1px;
}

.fc-header .fc-corner-right {
  margin-right: 1px;
  /* back to normal */
}

.fc-header .ui-corner-right {
  margin-right: 0;
  /* back to normal */
}

/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active, .fc-header .ui-state-active {
  z-index: 4;
}

/* Content
------------------------------------------------------------------------*/
.fc-view {
  overflow: hidden;
  width: 100%;
  /* needed for view switching (when view is absolute) */
}

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, .fc-widget-content {
  /* <td>, usually */
  border: 1px solid #ccc;
}

.fc-state-highlight {
  /* <td> today cell */
  /* TODO: add .fc-today to <th> */
  background: #ffc;
}

.fc-cell-overlay {
  /* semi-transparent rectangle while dragging */
  background: #9cf;
  opacity: 0.2;
}

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.fc-state-default {
  /* non-theme */
  border-style: solid;
  border-width: 1px 0;
}

.fc-button-inner {
  float: left;
  overflow: hidden;
  position: relative;
}

.fc-state-default .fc-button-inner {
  /* non-theme */
  border-style: solid;
  border-width: 0 1px;
}

.fc-button-content {
  float: left;
  height: 1.9em;
  line-height: 1.9em;
  padding: 0 0.6em;
  position: relative;
  white-space: nowrap;
}

/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
  float: left;
  position: relative;
  top: 50%;
}

.fc-button-content .ui-icon {
  float: left;
  margin-top: -50%;
  position: relative;
  /*
    *margin-top: 0;
    *top: -50%;
  */
}

/* button states (determines colors)  */
.fc-state-default, .fc-state-default .fc-button-inner {
  background: #F3F3F3;
  border-color: #ccc #bbb #aaa;
  border-style: solid;
  color: #000;
}

.fc-state-hover, .fc-state-hover .fc-button-inner {
  border-color: #999;
}

.fc-state-down, .fc-state-down .fc-button-inner {
  background: #777;
  border-color: #555;
}

.fc-state-active, .fc-state-active .fc-button-inner {
  background: #777;
  border-color: #555;
  color: #fff;
}

.fc-state-disabled, .fc-state-disabled .fc-button-inner {
  border-color: #ddd;
  color: #999;
}

.fc-state-disabled {
  cursor: default;
}

.fc-state-disabled .fc-button-effect {
  display: none;
}

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-size: 0.85em;
}

.fc-event.holidays {
  cursor: default;
}

a.fc-event, .fc-event-draggable {
  cursor: pointer;
}

a.fc-event {
  text-decoration: none;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-skin {
  background-color: #36c;
  /* default BACKGROUND color */
  border-color: #36c;
  /* default BORDER color */
  color: #fff;
  /* default TEXT color */
}

.fc-event-inner {
  border-style: solid;
  border-width: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.fc-event-time, .fc-event-title {
  padding: 0 1px;
}

.fc .ui-resizable-handle {
  /*** TODO: don't use ui-resizable anymore, change class ***/
  display: block;
  font-size: 300%;
  /* */
  line-height: 50%;
  /* */
  overflow: hidden;
  /* hacky spaces (IE6/7) */
  position: absolute;
  z-index: 99999;
}

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}

/* resizable */
.fc-event-hori .ui-resizable-e {
  cursor: e-resize;
  height: 100% !important;
  right: -3px !important;
  top: 0 !important;
  /* importants override pre jquery ui 1.7 styles */
  width: 7px !important;
}

.fc-event-hori .ui-resizable-w {
  cursor: w-resize;
  height: 100% !important;
  left: -3px !important;
  top: 0 !important;
  width: 7px !important;
}

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
  /* IE6 had 0 height */
}

/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left {
  margin-left: 1px;
}

.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
  margin-left: -1px;
}

.fc-corner-right {
  margin-right: 1px;
}

.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
  margin-right: -1px;
}

.fc-corner-top {
  margin-top: 1px;
}

.fc-corner-top .fc-event-inner {
  margin-top: -1px;
}

.fc-corner-bottom {
  margin-bottom: 1px;
}

.fc-corner-bottom .fc-event-inner {
  margin-bottom: -1px;
}

/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
.fc-corner-left .fc-event-inner {
  border-left-width: 1px;
}

.fc-corner-right .fc-event-inner {
  border-right-width: 1px;
}

.fc-corner-top .fc-event-inner {
  border-top-width: 1px;
}

.fc-corner-bottom .fc-event-inner {
  border-bottom-width: 1px;
}

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate;
}

table.fc-border-separate tbody {
  background-color: #FFF;
}

table.fc-border-separate thead {
  background-color: #F0F4FA;
}

.fc-border-separate th, .fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

.fc-border-separate tbody tr td.weekend {
  background-color: #F3F3F3;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
  /* distance between events and day edges */
}

/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold;
}

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  font-weight: normal;
  padding: 0 4px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  width: 50px;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}

/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 34px;
  /* TODO: doesnt work well in quirksmode */
  _height: 34px;
}

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
}

/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  background: none;
  border-width: 1px 0 0;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  /* *border-top-style: solid; */
  /* doesn't work with background in IE6/7 */
}

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
  border-width: 0 1px;
}

.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 2;
}

.fc-event-vert .fc-event-time {
  font-size: 10px;
  white-space: nowrap;
}

.fc-event-vert .fc-event-bg {
  /* makes the event lighter w/ a semi-transparent overlay  */
  background: #fff;
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
  /* display: none\9; */
  /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */
.fc-event-vert .ui-resizable-s {
  bottom: 0 !important;
  /* importants override pre jquery ui 1.7 styles */
  cursor: s-resize;
  font-size: 11px !important;
  font-family: monospace;
  height: 8px !important;
  line-height: 8px !important;
  overflow: hidden !important;
  text-align: center;
  width: 100% !important;
}

.fc-agenda .ui-resizable-resizing {
  /* TODO: better selector */
  _overflow: hidden;
}

/* ---- JDrop Styles for 'select_image' form component ---- */
div.j_op {
  align-items: center;
  display: flex;
  padding: 0.75em;
  white-space: nowrap;
}

div.j_op_drop {
  background: #ffffff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: none;
  margin: 0px !important;
  min-width: 20em;
  position: absolute;
  z-index: 10;
}

div.j_op_drop div.j_op.hover {
  background: rgba(42, 165, 191, 0.24);
  color: #000;
  cursor: pointer;
}

div.j_sel {
  align-items: center;
  display: flex;
  height: 46px;
  min-width: 20em;
  overflow: hidden;
  padding: 0 0 0 12px;
}

div.j_sel .hover {
  color: #000;
}

span.j_sel_op {
  min-width: 2em;
  white-space: nowrap;
}

div.jdrop {
  align-items: center;
  border-bottom: 1px solid #aaa;
  color: #000;
  cursor: pointer;
  display: flex;
  height: 46px;
}

div.jdrop_button {
  color: #000;
  background: url(/static/images/global/icons/svg/arrow_drop_down.svg) no-repeat center center !important;
  width: 18px;
  height: 46px;
}

div.jdrop_button .hover {
  color: #fff;
}

.jdrop_overlay {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

/* ---- Website Builder ---- */
div.website_builder_pages {
  padding: 0 0 5px 0;
}

div.website_builder_pages ul {
  display: table-row;
  padding: 0 0 0 10px;
}

div.website_builder_pages ul li {
  display: table-cell;
  list-style-type: none;
  vertical-align: middle;
  padding: 5px;
}

div.website_builder_pages ul.row_header > * {
  font-weight: bold;
}

div p.instruction.header {
  padding-bottom: 1em;
}

div p.instruction.body.step1 {
  padding-bottom: 1em;
}

/* ---- File Cabinet ---- */
#fc_item_frame div.item_actions .button {
  margin: 4px 0;
}

div#fc_item_frame div.frame_top h3 {
  white-space: nowrap;
}

div#action_buttons {
  padding-top: 1em;
}

div.filecabinet#fc_directory_pane_container {
  clear: left;
  float: left;
  width: 250px;
}

div.filecabinet#fc_directory_pane {
  background: #f9f9f9;
  clear: left;
  height: 430px;
  padding: 5px;
  overflow: auto;
  float: left;
  width: 240px;
}

div.filecabinet#fc_view_pane {
  align-items: center;
  background: #eeeeee;
  display: flex;
  float: left;
  overflow: auto;
  width: calc(100% - 250px);
}

div.filecabinet#fc_view_pane select {
  height: auto;
  min-height: auto;
  padding: 10px 30px 10px 10px;
}

div.filecabinet#fc_view_pane .fc_view_pane_setting {
  align-items: center;
  display: flex;
  padding: 0.5em 1em;
}

div.filecabinet#fc_view_pane .fc_view_pane_setting span {
  padding-right: 1em;
}

div.filecabinet#fc_files_pane_container {
  float: left;
  width: calc(100% - 250px);
}

div.filecabinet#fc_files_pane {
  background: #FFFFFF none repeat scroll 0% 0%;
  float: left;
  height: 387px;
  overflow: auto;
  width: 100%;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail {
  display: flex;
  flex-wrap: wrap;
  width: 98%;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container {
  padding: 1em;
  position: relative;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.thumbnail {
  text-align: center;
  vertical-align: middle;
  width: 75px;
  height: 75px;
  padding-top: 0.5em;
  cursor: pointer;
}

/* Define icon images */
div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.thumbnail_folder {
  width: 48px;
  height: 48px;
  background: url(/static/images/global/filecabinet/thumbnail_view/folder_48.gif);
  margin: auto auto;
  margin-top: 13px;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.thumbnail_file {
  width: 48px;
  height: 48px;
  background: url(/static/images/global/filecabinet/thumbnail_view/file_48.gif);
  margin: auto auto;
  margin-top: 13px;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.thumbnail_pdf {
  width: 48px;
  height: 48px;
  background: url(/static/images/global/filecabinet/thumbnail_view/pdf_48.gif);
  margin: auto auto;
  margin-top: 13px;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.thumbnail_html {
  width: 48px;
  height: 48px;
  background: url(/static/images/global/filecabinet/thumbnail_view/html_48.gif);
  margin: auto auto;
  margin-top: 13px;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.thumbnail_video {
  width: 48px;
  height: 48px;
  background: url(/static/images/global/filecabinet/thumbnail_view/video_48.gif);
  margin: auto auto;
  margin-top: 13px;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.thumbnail_text {
  width: 48px;
  height: 48px;
  background: url(/static/images/global/filecabinet/thumbnail_view/text_48.gif);
  margin: auto auto;
  margin-top: 13px;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.locked {
  width: 75px;
  height: 75px;
  padding-top: 0.5em;
  background: url(/static/images/global/filecabinet/lock.png) bottom right no-repeat;
  position: absolute;
  top: 1em;
  z-index: 961800;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.text_container {
  padding-top: 0.25em;
  width: 75px;
  overflow: hidden;
  white-space: nowrap;
}

div.filecabinet#fc_files_pane #fc_files_pane_thumbnail div.file_container div.text_container span {
  font-size: 0.85em;
  padding-left: 0.25em;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet thead tr th {
  background: transparent no-repeat right 0.3em;
  background-color: #f9f9f9;
  color: #212121;
  cursor: pointer;
  font-weight: normal;
  padding: 0.75em;
  white-space: nowrap;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet thead tr th:first-child {
  text-align: center;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet thead tr th span {
  background: transparent no-repeat right center;
  padding-right: 1.5em;
  white-space: nowrap;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet thead tr th.headerSortDown span {
  background-image: url(/static/images/global/icons/svg/arrow_drop_up.svg);
}

div.filecabinet#fc_files_pane table#tbl_filecabinet thead tr th.headerSortUp span {
  background-image: url(/static/images/global/icons/svg/arrow_drop_down.svg);
}

div.filecabinet#fc_files_pane table#tbl_filecabinet tbody tr td {
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: normal;
  padding: 0.25em;
  white-space: nowrap;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet tbody tr td input[type=checkbox] {
  margin-top: 3px;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet tbody tr td:first-child {
  text-align: center;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet tbody tr td.locked {
  background: url(/static/images/global/filecabinet/lock.png) no-repeat 50% 50%;
}

div.filecabinet#fc_files_pane table#tbl_filecabinet tbody tr td.system_file span {
  background: url(/static/images/global/filecabinet/system.png) no-repeat right center;
  padding-right: 0.8em;
  white-space: nowrap;
}

div.filecabinet#fc_info_pane {
  background: #eeeeee;
  clear: both;
  padding: 1em;
}

div.filecabinet#fc_info_pane div#fc_space_used {
  padding: 0.5em 0;
  float: left;
}

div.filecabinet#fc_info_pane div#fc_total_items {
  padding: 0.5em 0;
  float: right;
}

/* Directory Tree */
div.jqueryFileTree UL.jqueryFileTree {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
}

div.jqueryFileTree UL.jqueryFileTree LI {
  list-style: none;
  padding: 0px;
  padding-left: 30px;
  margin: 0px;
  white-space: nowrap;
}

div.jqueryFileTree UL.jqueryFileTree A {
  color: #333;
  text-decoration: none;
  display: inline-block;
  padding: 0px 2px;
}

div.jqueryFileTree UL.jqueryFileTree A:hover {
  background: #8ac5ff;
}

div.jqueryFileTree UL.jqueryFileTree A.selected {
  background: #bdf;
}

/* Core Styles */
.jqueryFileTree LI.directory {
  background: url(/static/images/global/filecabinet/directory_closed.png) left top no-repeat;
}

.jqueryFileTree LI.expanded {
  background: url(/static/images/global/filecabinet/directory_open.png) left top no-repeat;
}

.jqueryFileTree LI.file {
  background: url(/static/images/global/filecabinet/file.png) left top no-repeat;
}

.jqueryFileTree LI.wait {
  background: url(/static/images/global/filecabinet/spinner.gif) left top no-repeat;
}

/* File Extensions*/
.jqueryFileTree LI.ext_3gp {
  background: url(images/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_afp {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_afpa {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_asp {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_aspx {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_avi {
  background: url(images/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_bat {
  background: url(images/application.png) left top no-repeat;
}

.jqueryFileTree LI.ext_bmp {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_c {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_cfm {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_cgi {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_com {
  background: url(images/application.png) left top no-repeat;
}

.jqueryFileTree LI.ext_cpp {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_css {
  background: url(images/css.png) left top no-repeat;
}

.jqueryFileTree LI.ext_doc {
  background: url(images/doc.png) left top no-repeat;
}

.jqueryFileTree LI.ext_exe {
  background: url(images/application.png) left top no-repeat;
}

.jqueryFileTree LI.ext_gif {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_fla {
  background: url(images/flash.png) left top no-repeat;
}

.jqueryFileTree LI.ext_h {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_htm {
  background: url(images/html.png) left top no-repeat;
}

.jqueryFileTree LI.ext_html {
  background: url(images/html.png) left top no-repeat;
}

.jqueryFileTree LI.ext_jar {
  background: url(images/java.png) left top no-repeat;
}

.jqueryFileTree LI.ext_jpg {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_jpeg {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_js {
  background: url(images/script.png) left top no-repeat;
}

.jqueryFileTree LI.ext_lasso {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_log {
  background: url(images/txt.png) left top no-repeat;
}

.jqueryFileTree LI.ext_m4p {
  background: url(images/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mov {
  background: url(images/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mp3 {
  background: url(images/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mp4 {
  background: url(images/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mpg {
  background: url(images/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_mpeg {
  background: url(images/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_ogg {
  background: url(images/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_pcx {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_pdf {
  background: url(images/pdf.png) left top no-repeat;
}

.jqueryFileTree LI.ext_php {
  background: url(images/php.png) left top no-repeat;
}

.jqueryFileTree LI.ext_png {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_ppt {
  background: url(images/ppt.png) left top no-repeat;
}

.jqueryFileTree LI.ext_psd {
  background: url(images/psd.png) left top no-repeat;
}

.jqueryFileTree LI.ext_pl {
  background: url(images/script.png) left top no-repeat;
}

.jqueryFileTree LI.ext_py {
  background: url(images/script.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rb {
  background: url(images/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rbx {
  background: url(images/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rhtml {
  background: url(images/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_rpm {
  background: url(images/linux.png) left top no-repeat;
}

.jqueryFileTree LI.ext_ruby {
  background: url(images/ruby.png) left top no-repeat;
}

.jqueryFileTree LI.ext_sql {
  background: url(images/db.png) left top no-repeat;
}

.jqueryFileTree LI.ext_swf {
  background: url(images/flash.png) left top no-repeat;
}

.jqueryFileTree LI.ext_tif {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_tiff {
  background: url(images/picture.png) left top no-repeat;
}

.jqueryFileTree LI.ext_txt {
  background: url(images/txt.png) left top no-repeat;
}

.jqueryFileTree LI.ext_vb {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_wav {
  background: url(images/music.png) left top no-repeat;
}

.jqueryFileTree LI.ext_wmv {
  background: url(images/film.png) left top no-repeat;
}

.jqueryFileTree LI.ext_xls {
  background: url(images/xls.png) left top no-repeat;
}

.jqueryFileTree LI.ext_xml {
  background: url(images/code.png) left top no-repeat;
}

.jqueryFileTree LI.ext_zip {
  background: url(images/zip.png) left top no-repeat;
}

/* Modal */
div.action_buttons {
  margin: 1.25em 0 0 1.25em;
}

.modal_dialog div.upload_modal {
  font-size: 1.1em;
}

.modal_dialog ul#file_list {
  padding: 0.5em 0 0 3em;
}

.modal_dialog div.password_dialog div#header {
  margin-bottom: 1em;
}

div#target_information {
  margin-bottom: 1em;
}

/* Password Modal */
#btn_close {
  display: none;
}

#fc_info_pane div.notes {
  background: url(/static/images/global/filecabinet/system.png) no-repeat left center;
  clear: both;
  padding-left: 0.8em;
  text-align: left;
}

/*-------------------------------------------------------------*/
/* jquery file uplad CSS                                       */
/*-------------------------------------------------------------*/
#fileupload {
  border: 1px solid #d5d5d5;
  padding: 1em;
}

#fileupload.drop_zone {
  border: 2px dotted #FF0000;
}

#fileupload.drop_zone .fileupload_message {
  color: #FF0000;
  font-weight: bold;
}

#fileupload .fileupload-buttonbar .buttons {
  padding: 0 0 1em 0;
}

#fileupload .fileupload-buttonbar .buttons > .link_button {
  margin: 0;
}

#fileupload .fileinput-button {
  position: relative;
}

#fileupload .fileinput-button input {
  cursor: pointer;
  direction: ltr;
  font-size: 1em;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

#fileupload .files .error .status {
  color: #D9534F;
}

#fileupload .files .successful .status {
  color: #4cae4c;
}

#fileupload .files .template-upload .button.cancel {
  cursor: pointer;
}

#fileupload .files p.name {
  max-width: 10em;
  word-wrap: break-word;
}

#fileuplad .fileupload-progress {
  clear: both;
  margin: 5px 0 0;
}

#fileupload .progress {
  height: 20px;
  margin-bottom: 5px;
  min-width: 20px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

#fileupload .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

#fileupload .progress-bar-danger {
  background-color: #d9534f;
}

#fileupload .progress-bar-info {
  background-color: #5bc0de;
}

#fileupload .progress-bar-warning {
  background-color: #f0ad4e;
}

#fileupload #cancel_upload:not(.disabled) {
  cursor: pointer;
}

#get_file_url input.file_url {
  width: 27em;
}

#get_file_url .flash_message {
  padding: 0 0 0.5em 1.5em;
}

#get_file_url .flash_message span {
  display: block;
  margin: 0 0 0.8em;
}

#get_file_url .status_area {
  color: #008000;
  padding: 0 0 0 1.5em;
}

#get_file_url .status_area .status_message {
  padding: 0 0 0 0.3em;
}

/* ---- Form Logo ---- */
div.iv_logo_chooser {
  align-items: flex-start;
  display: flex;
  margin-left: 1.5em;
}

div.iv_logo_chooser .header_container {
  display: none;
}

div.iv_logo_chooser .options_sidetext,
div.iv_logo_chooser .sidetext_container_none,
div.iv_logo_chooser .sidetext_container {
  color: #606060;
  font-size: 0.875rem;
}

div.iv_logo_chooser .sidetext_container_none,
div.iv_logo_chooser .sidetext_container {
  margin-right: 4em;
}

div.iv_logo_chooser .border_container {
  border: 0px;
}

div.iv_logo_chooser .image_container {
  height: 92px;
  width: 92px;
}

div.iv_logo_chooser .dropdown_container {
  position: relative;
}

div.iv_logo_chooser .upload_container {
  padding-top: 1em;
}

div.iv_logo_chooser .subtext_container {
  position: relative;
  text-align: center;
}

div.iv_logo_chooser .custom_image_header {
  padding-top: 1em;
}

div.iv_logo_chooser #system_logo_selector,
div.iv_logo_chooser .custom_image {
  margin-top: 1.5em;
}

div.iv_logo_chooser .selector {
  display: none;
}

/* Carousel Styles */
div.iv_logo_chooser div.thumbnail_widget.carousel {
  width: 625px;
}

div.iv_logo_chooser div.thumbnail_widget.carousel div.tn_container {
  width: 625px;
}

div.iv_logo_chooser .selector div.tn_preview {
  width: 125px;
}

/* ---- Design Inspection Report ---- */
#inspection_overview {
  background: #fff;
  min-height: 200px;
  overflow: hidden;
  width: 100%;
}

#inspection_overview table {
  width: 100%;
}

#inspection_overview th {
  background: #cccccc;
  padding: 5px;
  text-align: left;
}

#inspection_overview tr {
  background: #eee;
}

#inspection_overview tr.odd {
  background: #e1e1e1;
}

#inspection_overview td {
  vertical-align: top;
}

.design_inspection_report .fail {
  color: #ff0000;
}

.design_inspection_report .pass {
  color: #00e000;
}

.design_inspection_report div.frame_top h3 {
  flex: 1 1 auto;
}

.design_inspection_report .inspection_thumb {
  background: #000;
  border: 1px solid #ffffff;
  color: #606060;
  float: left;
  margin: 5px;
  padding: 5px;
  width: 100px;
}

.design_inspection_report .inspection_thumb_image {
  /*background: #fff;*/
  text-align: center;
  margin: 0 auto;
}

.design_inspection_report .inspection_left {
  display: flex;
  flex-direction: column;
}

.design_inspection_report .inspection_right {
  float: left;
  margin: 5px;
  padding: 5px;
  width: 500px;
}

.design_inspection_report .inspection_section {
  margin: 0.5em 0;
}

.design_inspection_report .inspection_hdr {
  align-items: center;
  background: #212121;
  color: #e0e0e0;
  cursor: pointer;
  display: flex;
  padding: 5px 10px;
}

.design_inspection_report .inspection_toggle {
  background: url(/static/images/global/icons/svg/expand_less_white.svg) no-repeat 0 0;
  float: left;
  height: 16px;
  padding: 0 5px 0 0;
  width: 16px;
}

.design_inspection_report .inspection_toggle.show_section {
  background: url(/static/images/global/icons/svg/expand_more_white.svg) no-repeat 0 0;
}

/*# sourceMappingURL=iv.css.map */