/*
z-index:
Editor Bar: 2147483640
Dialog Block: 2147483641 (So that validation errors show up over Editor Bar)
Loading Animation: 2147483642
*/
#jsharmony_cms_page_toolbar {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  background-color:#f9f9f9;
  box-shadow: 0px 2px 3px rgba(100,100,100,0.1);
  z-index:2147483640;
  font-family: 'Roboto', arial, helvetica, sans-serif !important;
  min-height:37px;
}
#jsharmony_cms_page_toolbar.jsharmony_cms_page_toolbar_bottom {
  top:auto;
  bottom:0px;
  box-shadow: 0px -2px 3px rgba(100,100,100,0.02);
  border-top:1px solid #d2d2d2;
}
#jsharmony_cms_page_toolbar .title {
  font-size:15px;
  padding-top:5px;
  padding-left:20px;
  line-height:26px;
  cursor:default;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  height:37px;
  border-bottom:1px solid #d2d2d2;
  box-sizing:border-box;
}
#jsharmony_cms_page_toolbar .actions {
  position:fixed;
  right:0px;
  background-color:#f9f9f9;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_button {
  cursor:pointer;
  display:inline-block;
  font-size:15px;
  padding:8px 20px 7px 20px;
  /* border-left:1px solid #ccc; */
  border-left: 1px solid #ddd;
  color:#222;
  vertical-align:top;
  height:36px;
  box-sizing:border-box;
}
#jsharmony_cms_page_toolbar a.jsharmony_cms_button:hover {
  color:#555;
}
#jsharmony_cms_page_toolbar a.jsharmony_cms_button.static:hover {
  color:#222;
  text-decoration:none;
  cursor:default;
}
#jsharmony_cms_page_toolbar a.jsharmony_cms_button.selected {
  background-color:#f0f0f0;
}
#jsharmony_cms_page_toolbar a.jsharmony_cms_button.save.hasChanges {
  font-weight:bold;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_button.icon {
  padding:4px 14px;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_button.icon .material-icons {
  position:relative;
  top:4px;
  font-size:20px;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_button.texticon {
  position:relative;
  padding-left:42px;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_button.texticon .material-icons {
  position:absolute;
  left:18px;
  top:7px;
  font-size:19px;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_button.jsharmony_cms_button_hidden {
  display:none;
}
#jsharmony_cms_page_toolbar .material-icons {
  font-family: 'Material Icons' !important;
}
#jsharmony_cms_page_toolbar .autoHideEditorBar .hide { display:none; }
#jsharmony_cms_page_toolbar .autoHideEditorBar .dock { display:inline-block; }
#jsharmony_cms_page_toolbar .autoHideEditorBar.enabled .hide { display:inline-block; }
#jsharmony_cms_page_toolbar .autoHideEditorBar.enabled .dock { display:none; }

#jsharmony_cms_page_toolbar .jsharmony_cms_tabcontrol_container {
  background-color: #fff;
  padding: 12px 20px;
  overflow-y:auto;
  box-sizing:border-box;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_tabcontrol_container a.xtab {
  font-size:1.15em;
  background-color:transparent;
  border-top:none;
  border-right:none;
  border-left:none;
  border-bottom:2px solid transparent;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_tabcontrol_container a.xtab.selected {
  border-bottom:2px solid #222;
  color:#222;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_tabcontrol_container .xtabcontrol .xpanel {
  border:none;
}
#jsharmony_cms_page_toolbar .jsharmony_cms_tabcontrol_container .xtabs {
}

#jsharmony_cms_page_toolbar .page_settings textarea {
  padding:2px 5px;
  box-sizing:border-box;
  width:100%;
  height:50px;
  font-size:1.1em;
}

#jsharmony_cms_page_toolbar .page_settings textarea.code {
  height:250px;
  font-size:1em;
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
}

#jsharmony_cms_page_toolbar .page_settings .jsharmony_cms_page_settings_table {
  width:100%;
  display:table;
}

#jsharmony_cms_page_toolbar .page_settings .jsharmony_cms_page_settings_row {
  display:table-row;
}

#jsharmony_cms_page_toolbar .page_settings .jsharmony_cms_page_settings_cell {
  padding-bottom:6px;
  display:table-cell;
}

#jsharmony_cms_page_toolbar .page_settings label {
  font-size:1.1em;
  white-space:nowrap;
  padding-right:6px;
}

#jsharmony_cms_page_toolbar .page_settings input.page_settings_ctrl {
  box-sizing:border-box;
  width:100%;
  font-size:1.1em;
  padding:2px 5px;
}

#jsharmony_cms_page_toolbar .page_settings .page_settings_tags_editor {
  width:100%;
}

#jsharmony_cms_page_toolbar .page_settings .page_settings_tags_editor input {
  font-size:1.1em;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .xbodyhead {
  padding-top: 0px;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .xform_caption {
  font-size:1.1em;
  padding-right:6px;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties input {
  padding: 2px 5px;
  font-size:1.1em;
  margin-top:0px;
  margin-bottom:6px;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .xform_ctrl.updated .jsharmony_cms_fileselector { background-color: #fffedf; }
#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .jsharmony_cms_fileselector { width:300px; }

#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .jsharmony_cms_fileselector_reset,
#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .jsharmony_cms_fileselector_browse
 {
  border:0;
  font-weight:bold;
  cursor:pointer;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  padding: 2px 15px 4px 15px;
 }

#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .jsharmony_cms_fileselector_browse {
  background-color:#207ab7;
  color:#fff;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_page_settings_properties .jsharmony_cms_fileselector_reset {
  background-color:#e2e2e2;
  color:#333;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_template_tips_body {
  overflow:auto;
  max-height:400px;
  width: calc(100vw - 40px);
  padding-top:15px;
}

#jsharmony_cms_page_toolbar .jsharmony_cms_template_tips_body pre {
  font-size:1em;
  background-color:transparent;
}

#jsharmony_cms_page_toolbar .bluebutton {
  display:inline-block;
  padding:6px 20px;
  color:white;
  font-size:15px;
  letter-spacing:0.5px;
  background-color:#1a73e8;
  border-radius: 5px;
  margin-right:10px;
  margin-top:6px;
  margin-bottom:6px;
  font-weight:400;
}
#jsharmony_cms_page_toolbar a.bluebutton:hover {
  background-color:#3c89ef;
}

#jsharmony_cms_content_editor_toolbar.jsharmony_cms_content_editor_toolbar_hide_menu [role=menubar] {
  display:none;
}

#jsharmony_cms_content_editor_toolbar.jsharmony_cms_content_editor_toolbar_hide_toolbar [role=group] {
  display:none;
}

body .tox-tinymce-inline {
  z-index:99999999;
}

body .tox-tinymce-aux {
  z-index:100000003;
}
body .mce-content-body {
  overflow-wrap:normal;
}
.jsHarmonyCMS_showEditorOutlines .mce-content-body {
  outline: 1px dashed #b4d7ffaa;
  outline-offset: -1px;
}
.jsharmony_cms_component_dataFormItemEditor .mce-content-body {
  outline: 1px dashed #b4d7ffaa;
  outline-offset: -1px;
}
.jsHarmonyCMS_hideEditorOutlines .jsharmony_cms_component_dataFormItemEditor .mce-content-body {
  outline: none;
}
body .tox-collection__item-icon .material-icons {
  font-family: 'Material Icons';
  font-size:25px;
}
body .tox-toolbar__group .material-icons {
  position:relative;
  top:2px;
}
.jsharmony_cms_content_editor_toolbar_dock_bottom .tox.tox-tinymce-aux .tox-toolbar__overflow {
  top:-79px !important;
}

body .tox .tox-collection__item-label h1,
body .tox .tox-collection__item-label h2,
body .tox .tox-collection__item-label h3,
body .tox .tox-collection__item-label h4,
body .tox .tox-collection__item-label h5,
body .tox .tox-collection__item-label h6 {
  line-height: 1;
  margin: 0;
  padding: 0;
}

body .tox-tbtn[title="Edit Content"] .tox-icon,
body .tox-tbtn[title="Configure"] .tox-icon {
  background-color: #207ab7;
  padding: 3px 4px 6px 5px;
  border-radius: 7px;
}
body .tox-tbtn[title="Edit Content"] .tox-icon .material-icons,
body .tox-tbtn[title="Configure"] .tox-icon .material-icons {
  font-size:20px !important;
  color:white;
}

#jsharmony_cms_content_editor_toolbar {
  position:fixed;
  z-index:99999999;
  top:40px;
  left:0px;
  width:100%;
  opacity:0;
}

[cms-content-editor]:after {
  content: "";
  display: table;
  clear: both;
}

[cms-title].hidden {
  display: none !important;
}

.mce-content-body:focus,.mce-content-body.mce-edit-focus {
  outline: 2px solid #b4d7ff;
}

[cms-content-editor].mce-content-body [contentEditable=false][data-mce-selected] {
  cursor: pointer;
  outline: 1px dashed #b4d7ff;
}

span[data-component] {
  display:inline-block;
}

.jsharmony_cms_component_preview {
  border: 1px solid #eee;
}

.jsharmony_cms_component_preview_collapse .jsharmony_cms_component_preview {
  display: inline-block;
}

.jsharmony_cms_component_preview [data-component-full-editor],
.jsharmony_cms_component_preview [data-component-title-editor] {
  min-width: 10px;
  min-height: 20px;
}

.jsharmony_cms_component.empty,
[cms-component].empty,
.jsharmony_cms_component_preview.empty {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #e2e2e2;
  border: 1px solid #999;
  padding:20px 20px 25px 20px;
  text-align:center;
}

.jsharmony_cms_component_error {
  color:red;
  font-weight:bold;
  font-family: 'Roboto', arial, helvetica, sans-serif;
}

.jsharmony_cms_component.empty h3,
[cms-component].empty h3,
.jsharmony_cms_component_preview.empty h3 {
  margin: 5px;
  font-weight: normal;
  color: #555;
  text-align:center;
}

.jsharmony_cms_component.empty h4,
[cms-component].empty h4,
.jsharmony_cms_component_preview.empty h4 {
  font-weight:normal;
  font-size:16px;
  margin-top:2px;
  text-align:center;
}

.jsharmony_cms_component.empty .material-icons,
[cms-component].empty .material-icons,
.jsharmony_cms_component_preview.empty .material-icons {
  font-size: 48px;
  color: #555;
}

.jsharmony_cms_dialog.xdialogblock .jsharmony_cms_component_dialog {
  padding-top:0px;
}

.jsharmony_cms_dialog .jsharmony_cms_component_dialog > .xbodyhead {
  position:sticky;
  top:0px;
  z-index:999999999;
  border-bottom:2px solid #eee;
  background-color:#fff;
  padding-top:20px;
  padding-left:21px;
  padding-right:20px;
  padding-bottom:10px;
  margin-left:-20px;
  margin-right:-20px;
}

.jsharmony_cms_dialog .jsharmony_cms_component_dialog > .xformcontainer {
  padding-top:14px;
}

.jsharmony_cms_component_dataGridEditor .dataGridEditor_instructions {
  background-color: #f9f9f9;
  margin:0 -20px 7px -20px;
  padding: 0px 20px 2px 20px;
  border-bottom: 2px solid #eee;
  line-height: 27px;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  font-family: 'Roboto', arial, helvetica, sans-serif;
}

.jsharmony_cms_component_dataGridEditor .xform_label.updated[data-id="component_preview"] {
  background-color: inherit;
}

.jsharmony_cms_component_dataGridEditor [data-component-template="gridRow"] .material-icons {
  font-family: 'Material Icons' !important;
}

.jsharmony_cms_component_dataGridEditor [data-component-template="gridRow"] .component_toolbar {
  position: relative;
  text-align:right;
  margin-bottom:6px;
  margin-top:24px;
  padding-right:1px;
  background-color:transparent;
}

.jsharmony_cms_component_dataGridEditor .xrow.first [data-component-template="gridRow"] .component_toolbar {
  margin-top:0;
}

.jsharmony_cms_component_dataGridEditor [data-component-template="gridRow"] .component_toolbar .component_toolbar_button {
  outline: none;
  border: 0;
  background: inherit;
  cursor: pointer;
  font-size:19px;
  cursor:hand;
  display:inline-block;
}

.jsharmony_cms_component_dataGridEditor [data-component-template="gridRow"] .component_toolbar .component_toolbar_button[disabled] {
  opacity: 0.3;
  cursor:default;
}
.jsharmony_cms_component_dataGridEditor .xtbl_noresults .xgrid_norecords {
  display: none;
}
.jsharmony_cms_component_dataGridEditor .jsharmony_cms_component_preview {
  user-select: none;
}

.jsharmony_cms_component  .material-icons,
[cms-component] .material-icons,
.jsharmony_cms_component_preview .material-icons {
  font-family: 'Material Icons' !important;
}

.xform .jsharmony_cms .xform_label,
.xform .jsharmony_cms input,
.xform .jsharmony_cms select,
.xform .jsharmony_cms textarea,
.xform .jsharmony_cms .htmlarea_container {
  margin:2px 10px 2px 0;
}

.jsharmony_cms_component_dialog .xform input.xform_ctrl,
.jsharmony_cms_component_dialog input.xform_ctrl,
.jsharmony_cms_component_dialog .xform select.xform_ctrl,
.jsharmony_cms_component_dialog select.xform_ctrl {
  margin-bottom:11px;
}

.jsharmony_cms_preview_editor {
  margin-top:5px;
  margin-bottom:2px;
}

.jsharmony_cms_preview_editor.jsharmony_cms_component_preview {
  border:1px solid #b4d7ff88;
}

.jsharmony_cms_dialog.xdialogblock {
  z-index:2147483641;
}

.xdialogblock .xdialogbox.jsharmony_cms_component_dialog .xbodyhead .xtitle {
  margin-top:0px;
  padding-bottom:0px;
}

.xdialogbox .xform_caption {
  font-size: 1.1em;
}

 .jsharmony_cms_component_dataGridEditor > .jsharmony_cms_component_preview_expand.xtbl {
  width:100%;
}

.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl {
  border-spacing: 0px;
  position:relative;
  border-collapse: collapse;
  clear:both;
}

.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl thead th.tdhidden,
.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl tbody td.tdhidden {
  display:none;
}

.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl tbody,
.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl thead,
.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl tr,
.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl tr.even,
.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl th,
.jsharmony_cms_dialog .jsharmony_cms_component_dataGridEditor > .xtbl td {
  padding:0;
  border:0;
  background:none;
}

.xdialogbox .xform_caption.leading {
  padding-right: 6px;
}

.xdialogbox input.xform_ctrl,
.xdialogbox select.xform_ctrl  {
  box-sizing: border-box;
  font-size: 1.1em;
  padding: 2px 5px;
}

.xdialogbox.jsharmony_cms_component_dialog_form .xactions .xform_button,
.xdialogbox input[type="button"] {
  background-color: #207ab7;
  background-image: none;
  background-position: none;
  background-repeat: none;
  border-color: #207ab7;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1;
  line-height: 24px;
  outline: 0;
  padding: 4px 16px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  white-space: nowrap;
  width:auto;
  height:auto;
}

.xdialogbox input[type="button"] {
  margin: 3px 0;
}

.xdialogbox input.button_ok,
.xdialogbox input.button_no,
.xdialogbox input.button_cancel {
  margin-top:15px;
}

.xdialogbox.jsharmony_cms_component_dialog_form .xactions .xform_button:hover:not(:disabled),
.xdialogbox input[type="button"]:hover:not(:disabled) {
  background-color: #1c6ca1;
  background-image: none;
  border-color: #1c6ca1;
  box-shadow: none;
  color: #fff;
}

.xdialogbox.jsharmony_cms_component_dialog_form .xactions .xform_button.secondary,
.xdialogbox input[type="button"].secondary {
  background-color: #f0f0f0;
  background-image: none;
  background-position: none;
  background-repeat: none;
  border-color: #f0f0f0;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #222f3e;
}

.xdialogbox.jsharmony_cms_component_dialog_form .xactions .xform_button.secondary:hover:not(:disabled),
.xdialogbox input[type="button"].secondary:hover:not(:disabled) {
  background-color: #e3e3e3;
  background-image: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}

.xdialogbox .xbodyhead {
  font-family: 'Roboto', arial, helvetica, sans-serif;
}

.xdialogbox .xbodyhead .xtitle {
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0px;
  margin-top: 10px;
}
.xdialogblock .jsharmony_cms_content_editor_toolbar .tox-dialog-wrap {
  width: 100vw;
  height: 100vh;
}

#jsharmony_cms_editor_errors {
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  background-color:#ffcec6;
  box-shadow: 0px 2px 3px rgba(100,100,100,0.1);
  z-index:2147483641;
  font-family: 'Roboto', arial, helvetica, sans-serif !important;
  min-height:37px;
  overflow-y:scroll;
  max-height:180px;
  border-bottom:1px solid #ddd;
}
.jsharmony_cms_editor_error {
  margin:10px 20px;
}
.jsharmony_cms_editor_error pre {
  background-color:transparent;
  margin-bottom:5px;
}
.jsharmony_cms_editor_errors_close {
  position:absolute;
  top:6;
  right:6px;
  cursor:pointer;
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
}

@media screen and (max-width: 500px) {
  .jsharmony_cms .xactions.secondaryform {
    padding-top:20px;
  }
  .jsharmony_cms .xactions.secondarygrid {
    padding-top:14px;
  }
  .jsharmony_cms_dialog .jsharmony_cms_component_dialog > .xbodyhead {
    position:relative;
  } 
  .jsharmony_cms_component_dataGridEditor .dataGridEditor_instructions {
    border-right: 2px solid #eee;
  }
  .dataGridEditor_instructions_doubleClick {
    display:none;
  }
  .xdialogbox.jsharmony_cms_component_dialog {
    min-width:auto !important;
  }
  .jsharmony_cms_component_dataGridEditor [data-component-template="gridRow"] .component_toolbar {
    text-align:left;
  }
}