/*
 * Copyright by Intland Software
 *
 * All rights reserved.
 *
 * This software is the confidential and proprietary information
 * of Intland Software ("Confidential Information"). You
 * shall not disclose such Confidential Information and shall use
 * it only in accordance with the terms of the license agreement
 * you entered into with Intland.
 */
/* general dashboard css */
.dashboard-column {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  min-height: 500px;
}
/* no minimum height for full width columns */
.dashboard-column.pinned {
  min-height: auto;
}
.dashboard-column.pinned .pinned-content {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.dashboard-column.pinned .pinned-content.stretch > div {
  flex: 1;
  max-width: 100%;
}
.dashboard-column.pinned .pinned-content.center {
  justify-content: center;
}
.dashboard-column.pinned .pinned-content.right {
  justify-content: flex-end;
}
.dashboard-column.pinned .pinned-content.left {
  justify-content: flex-start;
}
.dashboard-column.pinned .wikiMarkupContainer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.dashboard-column.pinned .widget-title {
  cursor: auto;
}
.dashboard-column.pinned .widget-title .handle {
  display: none;
}
.dashboard-column .widget-container {
  padding: 5px;
  margin: 7.5px;
  border: 1px solid #e4e4e4;
  background-color: white;
  overflow: auto;
}
.dashboard-column .colored .widget-title .editInOverlayIcon {
  background: url("../images/newskin/action/edit-frame-s-white.png") no-repeat left top;
}
.dashboard-container.editable .dashboard-column:not(.pinned) .widget-title:hover {
  background-color: #f5f5f5;
  cursor: move;
}
.dashboard-container.editable .dashboard-column:not(.pinned) .widget-title:hover .handle {
  background-image: url("../images/newskin/actionIcons/drag-n-drop.png");
  background-color: #d1d1d1;
}
.widget-title {
  padding: 8px;
  font-weight: bold;
  margin: -5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #f5f5f5;
  min-height: 12px;
  position: relative;
  left: 0;
}
.widget-title .menuArrowDown {
  background: url("../images/newskin/actionIcons/control-m-3.png");
  display: inline-block;
  float: right;
  margin: 1px 3px 0 3px;
  height: 16px;
  width: 16px;
}
.widget-title .menuArrowDown:hover {
  background: url("../images/newskin/actionIcons/control-m-3-onmouse.png");
}
.widget-title .handle {
  background-position: center;
  width: 10px;
  display: inline-block;
  height: 32px;
  background-repeat: no-repeat;
  margin: -12px;
  margin-right: 5px;
  margin-left: -8px;
}
.widget-title.ui-sortable-helper {
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  height: 15px !important;
}
.widget-title.ui-sortable-helper .menuArrowDown {
  display: none;
}
/* special css for each layout */
.dashboard-container {
  display: flex;
  flex-wrap: wrap;
}
.dashboard-container.single_column .column-0 {
  width: 100%;
}
.dashboard-container.single_column .dashboard-column.width-100 {
  width: 100%;
}
.dashboard-container.one_to_two .column-0 {
  width: 33.33%;
}
.dashboard-container.one_to_two .column-1 {
  width: 66.66%;
}
.dashboard-container.one_to_two .dashboard-column.width-100 {
  width: 100%;
}
.dashboard-container.two_to_one .column-0 {
  width: 66.66%;
}
.dashboard-container.two_to_one .column-1 {
  width: 33.33%;
}
.dashboard-container.two_to_one .dashboard-column.width-100 {
  width: 100%;
}
.dashboard-container.one_to_three .column-0 {
  width: 25%;
}
.dashboard-container.one_to_three .column-1 {
  width: 75%;
}
.dashboard-container.one_to_three .dashboard-column.width-100 {
  width: 100%;
}
.dashboard-container.three_to_one .column-0 {
  width: 75%;
}
.dashboard-container.three_to_one .column-1 {
  width: 25%;
}
.dashboard-container.three_to_one .dashboard-column.width-100 {
  width: 100%;
}
.dashboard-container.half_half .dashboard-column {
  width: 50%;
}
.dashboard-container.half_half .dashboard-column.width-100 {
  width: 100%;
}
.dashboard-container.three_column .dashboard-column {
  width: 33.33%;
}
.dashboard-container.three_column .dashboard-column.width-100 {
  width: 100%;
}
/* the layout control buttons */
a.layout-button {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 20px !important;
  padding-top: 20px;
}
a.layout-button:hover {
  background-color: #f5f5f5;
}
a.layout-button.single_column {
  background-image: url("../images/newskin/dashboard/layout_1_off.png");
}
a.layout-button.single_column.actual-layout {
  background-image: url("../images/newskin/dashboard/layout_1.png");
}
a.layout-button.half_half {
  background-image: url("../images/newskin/dashboard/layout_11_off.png");
}
a.layout-button.half_half.actual-layout {
  background-image: url("../images/newskin/dashboard/layout_11.png");
}
a.layout-button.one_to_two {
  background-image: url("../images/newskin/dashboard/layout_12_off.png");
}
a.layout-button.one_to_two.actual-layout {
  background-image: url("../images/newskin/dashboard/layout_12.png");
}
a.layout-button.two_to_one {
  background-image: url("../images/newskin/dashboard/layout_21_off.png");
}
a.layout-button.two_to_one.actual-layout {
  background-image: url("../images/newskin/dashboard/layout_21.png");
}
a.layout-button.one_to_three {
  background-image: url("../images/newskin/dashboard/layout_13_off.png");
}
a.layout-button.one_to_three.actual-layout {
  background-image: url("../images/newskin/dashboard/layout_13.png");
}
a.layout-button.three_to_one {
  background-image: url("../images/newskin/dashboard/layout_31_off.png");
}
a.layout-button.three_to_one.actual-layout {
  background-image: url("../images/newskin/dashboard/layout_31.png");
}
a.layout-button.three_column {
  background-image: url("../images/newskin/dashboard/layout_111_off.png");
}
a.layout-button.three_column.actual-layout {
  background-image: url("../images/newskin/dashboard/layout_111.png");
}
.actionBar {
  height: 22px;
}
.selectLayoutAction + .inlinemenu .yuimenu,
.selectLayoutAction + .inlinemenu .ui-menu {
  height: auto;
}
.selectLayoutAction + .inlinemenu .yuimenuitem a {
  padding-left: 0px;
}
.selectLayoutAction + .inlinemenu ul {
  display: inline;
}
.selectLayoutAction + .inlinemenu li {
  height: 36px !important;
  display: inline;
}
/* the dnd placeholder */
.ui-state-highlight.dnd-placeholder {
  border: 1px dotted orange;
  min-height: 150px;
  background-color: white;
  background-image: none;
  text-align: center;
  margin: 5px;
  padding: 5px;
}
.ui-state-highlight.dnd-placeholder span {
  font-size: 16px;
  color: orange;
  position: relative;
  top: 60px;
}
.dashboard-name,
.dashboard-description {
  border-left: 5px solid transparent;
  padding-left: 10px;
  margin-bottom: 20px;
}
.dashboard-name.editable:hover,
.dashboard-description.editable:hover {
  border-left: 5px solid #0093b8;
}
.dashboard-name.editable:hover .inplaceEditableIcon,
.dashboard-description.editable:hover .inplaceEditableIcon {
  display: block;
}
.inline-edit-field {
  margin: 0 0 5px 0;
}
.inplaceEditableIcon {
  position: relative;
  float: right;
  display: none;
}
.highchartbox,
.wikichartbox {
  border: 0px;
}
.highchartbox .highcharts-container {
  width: 100% !important;
}
.dashboard-container div.wikichartbox {
  padding: 0px;
  border-width: 0px;
}
.dashboard-container .wikichartbox h4 {
  border-bottom: 0px solid #d1d1d1 !important;
  padding: none !important;
}
.column-footer {
  border: 1px dotted orange;
  height: 100px;
  background-color: white;
  background-image: none;
  text-align: center;
  margin: 5px;
  padding: 5px;
  position: relative;
}
.column-footer:hover {
  cursor: pointer;
}
.emptyWidget {
  height: 50px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.emptyWidget > .buttonLabel {
  font-size: 16px;
  color: orange;
  font-weight: bold;
  cursor: pointer;
}
.emptyWidget > .buttonLabel:hover {
  text-decoration: underline;
}
.column-footer > .buttonLabel {
  font-size: 16px;
  color: orange;
  text-align: center;
  position: relative;
  width: 100px;
  top: 50%;
  height: 50px;
  margin: -15px 0 0 -50px;
  display: inline-block;
  font-weight: bold;
}
.column-footer > .buttonLabel:hover {
  text-decoration: underline;
}
.newskin #opener-west {
  position: absolute;
  top: 7px !important;
  left: 3px !important;
  margin-right: 0px;
  margin-top: 1px;
}
.editInOverlayIcon {
  background: url("../images/newskin/action/edit-frame-s.png") no-repeat left top;
  width: 14px;
  height: 12px;
  display: inline-block;
  float: right;
  margin-right: 3px;
  margin-top: 1px;
  cursor: pointer;
}
#middleHeaderDiv {
  white-space: nowrap;
}
.newskin .labellist {
  margin-left: 15px;
}
.widget-container.hidden .widget-title {
  border-bottom: 1px solid transparent;
  z-index: 14;
  position: relative;
  margin-bottom: -25px;
}
.dashboard-container.editable .dashboard-column:not(.pinned) .widget-container.hidden .widget-title:hover {
  background-color: #F5F5F5;
}
.pin-menu.disabled {
  display: none;
}
.loaderImage {
  display: block;
  margin: 0 auto;
}
.dashboard-column .ui-state-highlight {
  margin: 7.5px;
}
.greyed-out {
  opacity: 0.5;
}
.widgetHint {
  width: calc(88%);
  margin-bottom: 10px;
}