.ui-controlgroup-horizontal .ui-controlgroup-label.grid-stack-item-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.grid-stack-item-content {
  border-bottom: none;
}
.ui-widget.grid-stack-item-content {
  border: 1px solid #c5c5c5;
}
.grid-stack-item-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.grid-stack-item-content a {
  color: #333333;
}
.grid-stack-item-content .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.grid-stack-item-content .ui-state-hover,
.grid-stack-item-content .ui-state-focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.grid-stack-item-content .ui-state-active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.grid-stack-item-content .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.grid-stack-item-content .ui-state-highlight a {
  color: #777620;
}
.grid-stack-item-content .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.grid-stack-item-content .ui-state-error a {
  color: #5f3f3f;
}
.grid-stack-item-content .ui-state-error-text {
  color: #5f3f3f;
}
.grid-stack-item-content .ui-priority-primary {
  font-weight: bold;
}
.grid-stack-item-content .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.grid-stack-item-content .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.grid-stack-item-content {
  background: #fff;
}
.widget-header {
  background-color: #899bba;
  color: white;
  font-size: 1.3em;
  line-height: 30px;
  text-align: center;
}
.grid-stack-item-content .ui-state-active {
  background-color: #899bba;
  color: white;
}
.grid-stack-item-content .ui-state-hover,
.grid-stack-item-content .ui-state-focus {
  background-image: none;
}
.grid-stack-item-content {
  border: 1px solid #d4dbe5;
  transition: border-color 300ms ease-in-out;
}
.grid-stack-item-content .widget-header,
.grid-stack-item-content .widget-actions {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e7ebf1;
  color: #28497c;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 2em;
  padding: 0 1ex;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-header {
  line-height: 30px;
  text-align: center;
  color: white;
  font-size: 1.3em;
  background-color: #899bba;
}
:root .grid-stack-item > .ui-resizable-handle {
  filter: none;
}

.grid-stack {
  position: relative;
}

.grid-stack.grid-stack-rtl {
  direction: ltr;
}

.grid-stack.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
  border: 1px dashed lightgray;
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  width: auto;
  z-index: 0 !important;
  text-align: center;
}

.grid-stack > .grid-stack-item {
  min-width: 8.3333333333%;
  position: absolute;
  padding: 0;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  width: auto;
  z-index: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.grid-stack > .grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging, .grid-stack > .grid-stack-item.ui-resizable-resizing {
  z-index: 100;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content, .grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
.grid-stack > .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.grid-stack > .grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: 0;
  left: 25px;
  right: 25px;
}

.grid-stack > .grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  right: 10px;
  top: 15px;
  bottom: 15px;
}

.grid-stack > .grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  right: 10px;
  bottom: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: 0;
  right: 25px;
}

.grid-stack > .grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  left: 10px;
  bottom: 0;
}

.grid-stack > .grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  left: 10px;
  top: 15px;
  bottom: 15px;
}

.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}

.grid-stack > .grid-stack-item[data-gs-width='1'] {
  width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='1'] {
  left: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 8.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='2'] {
  width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='2'] {
  left: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 16.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='3'] {
  width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-x='3'] {
  left: 25%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 25%;
}

.grid-stack > .grid-stack-item[data-gs-width='4'] {
  width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='4'] {
  left: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 33.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='5'] {
  width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='5'] {
  left: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 41.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='6'] {
  width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-x='6'] {
  left: 50%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 50%;
}

.grid-stack > .grid-stack-item[data-gs-width='7'] {
  width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='7'] {
  left: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 58.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='8'] {
  width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='8'] {
  left: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 66.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='9'] {
  width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-x='9'] {
  left: 75%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 75%;
}

.grid-stack > .grid-stack-item[data-gs-width='10'] {
  width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-x='10'] {
  left: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 83.3333333333%;
}

.grid-stack > .grid-stack-item[data-gs-width='11'] {
  width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-x='11'] {
  left: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 91.6666666667%;
}

.grid-stack > .grid-stack-item[data-gs-width='12'] {
  width: 100%;
}

.grid-stack > .grid-stack-item[data-gs-x='12'] {
  left: 100%;
}

.grid-stack > .grid-stack-item[data-gs-min-width='12'] {
  min-width: 100%;
}

.grid-stack > .grid-stack-item[data-gs-max-width='12'] {
  max-width: 100%;
}

.grid-stack.grid-stack-animate,
.grid-stack.grid-stack-animate .grid-stack-item {
  -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  -webkit-transition: left 0s, top 0s, height 0s, width 0s;
  -moz-transition: left 0s, top 0s, height 0s, width 0s;
  -ms-transition: left 0s, top 0s, height 0s, width 0s;
  -o-transition: left 0s, top 0s, height 0s, width 0s;
  transition: left 0s, top 0s, height 0s, width 0s;
}

.grid-stack.grid-stack-one-column-mode {
  height: auto !important;
}

.grid-stack.grid-stack-one-column-mode > .grid-stack-item {
  position: relative !important;
  width: auto !important;
  left: 0 !important;
  top: auto !important;
  margin-bottom: 20px;
  max-width: none !important;
}

.grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
  display: none;
}

.grid-stack-item-content a {
  color: #28497c;
}
.grid-stack-item-content a:hover,
.grid-stack-item-content a:active {
  color: #d60000;
}
#layout_content {
  overflow-x: hidden;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  overflow: hidden;
}
.grid-stack > .grid-stack-placeholder > .placeholder-content {
  background: #fce2cc;
  border: 1px dashed #536d96;
}
.grid-stack {
  position: relative;
  margin: 0 -10px;
  -webkit-transition: padding 300ms;
  -moz-transition: padding 300ms;
  -o-transition: padding 300ms;
  transition: padding 300ms;
}
.grid-stack.admin-mode .widget-content {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
  background-color: #fce2cc;
  color: #6d737b;
}
.grid-stack.admin-mode .widget-content > * {
  pointer-events: none;
}
.grid-stack.admin-mode .widget-content::before {
  background-repeat: no-repeat;
  content: ' ';
  display: inline-block;
  height: 16px;
  margin-right: 0;
  background-image: url("../images/icons/grey/edit.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  vertical-align: text-top;
  width: 16px;
}
.grid-stack.admin-mode .widget-content::before {
  width: 4em;
  height: 4em;
  position: absolute;
  right: 1em;
  bottom: 1em;
  background-repeat: no-repeat;
  background-size: contain;
  filter: blur(1px);
}
.grid-stack.resizing {
  padding-bottom: 4em;
}
.grid-stack.ui-droppable-active {
  min-height: 50vh;
}
.grid-stack-item .ui-resizable-handle {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: 0.3;
}
.grid-stack-item:hover .ui-resizable-handle {
  opacity: 1;
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  background-image: url("../images/icons/resize-2.svg");
  margin-right: 2px;
  margin-bottom: 2px;
}
.grid-stack.r2 > .grid-stack-item > .ui-resizable-se {
  background-image: url("../images/icons/resize-1.svg");
}
.grid-stack .grid-stack-item[data-gs-width="1"] {
  width: 16.66666667%;
}
.grid-stack .grid-stack-item[data-gs-width="2"] {
  width: 33.33333333%;
}
.grid-stack .grid-stack-item[data-gs-width="3"] {
  width: 50%;
}
.grid-stack .grid-stack-item[data-gs-width="4"] {
  width: 66.66666667%;
}
.grid-stack .grid-stack-item[data-gs-width="5"] {
  width: 83.33333333%;
}
.grid-stack .grid-stack-item[data-gs-width="6"] {
  width: 100%;
}
.grid-stack .grid-stack-item[data-gs-x="0"] {
  left: 0%;
}
.grid-stack .grid-stack-item[data-gs-x="1"] {
  left: 16.66666667%;
}
.grid-stack .grid-stack-item[data-gs-x="2"] {
  left: 33.33333333%;
}
.grid-stack .grid-stack-item[data-gs-x="3"] {
  left: 50%;
}
.grid-stack .grid-stack-item[data-gs-x="4"] {
  left: 66.66666667%;
}
.grid-stack .grid-stack-item[data-gs-x="5"] {
  left: 83.33333333%;
}
.grid-stack-item[data-gs-height="1"] {
  height: 100px;
}
.grid-stack-item.ui-draggable-dragging .grid-stack-item-content {
  background: #ffbd33;
  z-index: 10;
  /* keep dragged item on top */
}
/*******************
 ** Widget layout **
 *******************/
/* Wrapper around widgets */
.grid-stack-item-content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-box-flex;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -moz-box-align: stretch;
  align-items: stretch;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: transparent;
  border: 1px solid #d4dbe5;
  -webkit-transition: border 300ms;
  -moz-transition: border 300ms;
  -o-transition: border 300ms;
  transition: border 300ms;
}
.grid-stack-item-content.may-drop .widget-header,
.grid-stack-item-content.may-drop .widget-content {
  background-color: #d60000 !important;
}
.grid-stack-item-content .widget-header {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  -moz-box-flex: 1;
  flex: 1 0 0;
  order: 1;
  white-space: nowrap;
  z-index: 2;
}
.grid-stack-item-content .widget-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  -moz-box-flex: 1;
  flex: 1 0 100%;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  background: #fff;
  order: 3;
  margin-top: 0;
  max-height: 1000px;
  overflow: auto;
  padding: 0.5em;
  height: calc(100% - 2em - 4px);
  -webkit-transition: opacity 300ms, margin-top 300ms, z-index 300ms step-start;
  -moz-transition: opacity 300ms, margin-top 300ms, z-index 300ms step-start;
  -o-transition: opacity 300ms, margin-top 300ms, z-index 300ms step-start;
  transition: opacity 300ms, margin-top 300ms, z-index 300ms step-start;
}
.grid-stack-item-content .widget-actions {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  order: 2;
  display: inline-flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -moz-box-align: flex-start;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0.5em 0.5em 0;
  white-space: nowrap;
  overflow: visible;
  z-index: 3;
}
.grid-stack-item-content .widget-actions .widget-action,
.grid-stack-item-content .widget-actions img {
  margin-right: 2px;
  vertical-align: top;
}
.grid-stack-item-content.widget-disabled {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.grid-stack-item-content.widget-disabled,
.grid-stack-item-content.widget-disabled .widget-header,
.grid-stack-item-content.widget-disabled .widget-title,
.grid-stack-item-content.widget-disabled .widget-content,
.grid-stack-item-content.widget-disabled .widget-actions {
  background-color: #e2e3e5;
}
.grid-stack-item-content.widget-disabled .widget-title {
  color: #000000;
  font-weight: normal;
}
.grid-stack-item-content.widget-disabled .widget-content {
  background-image: url("../images/icons/grey/decline-circle-full.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 75%;
  opacity: 0.5;
}
.grid-stack-item-content.widget-disabled:not(:hover) {
  opacity: 0.3;
}
/* Widget definitions */
.widget-header {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}
.grid-stack-item:not([data-gs-locked]) .widget-header {
  cursor: move;
}
.widget-header .widget-title {
  border: 0;
  color: inherit;
  font-weight: inherit;
  line-height: 2;
  margin: 0;
  padding: 0;
  text-decoration: none;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.widget-action[data-action="edit"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/edit.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="remove"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/decline.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="lock"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/lock-unlocked.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.grid-stack-item[data-gs-locked] .widget-action[data-action="lock"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/lock-locked.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="removable"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/accept/group.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.grid-stack-item[data-gs-removable] .widget-action[data-action="removable"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/decline/group.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="add"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/add.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="admin"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/admin.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="refresh"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/refresh.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="rss"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/rss.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="rss-edit"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/add/rss.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="visibility"] {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  background-image: url("../images/icons/blue/visibility-invisible.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}
.widget-action[data-action="visibility"].visible {
  background-image: url("../images/icons/blue/visibility-visible.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
}
#layout-sidebar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-box-flex;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -moz-box-align: flex-start;
  align-items: flex-start;
  max-width: 270px;
}
#layout-sidebar .sidebar-widget {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  max-height: 1000px;
  overflow: hidden;
}
#layout-sidebar.second-display .sidebar-widget:not(.sidebar-secondary-widget) {
  border: 0;
  margin: 0;
  max-height: 0;
  opacity: 0;
}
#layout-sidebar.second-display .sidebar-secondary-widget {
  max-height: 100vh;
}
#layout-sidebar.second-display .sidebar-secondary-widget .sidebar-widget-content {
  max-height: 60vh;
  overflow-y: auto;
}
#layout-sidebar:not(.second-display) .sidebar-secondary-widget {
  max-height: 0;
  opacity: 0;
}
.addable-widgets {
  padding: 0;
}
.addable-widgets ul,
.addable-widgets li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.addable-widgets li {
  padding: 4px;
  overflow: hidden;
  position: relative;
}
.addable-widgets li:not(:last-child) {
  border-bottom: 1px solid #d0d7e3;
  padding-bottom: 0.5em;
}
.addable-widgets li:not(:first-child) {
  padding-top: 0.5em;
}
.addable-widgets li:hover {
  background-color: #fff2d6;
}
.addable-widgets h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.addable-widgets .widget-to-add {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: move;
  opacity: 0;
}
.grid-stack .widget-columns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-box-flex;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -moz-box-align: flex-start;
  align-items: flex-start;
  width: 100%;
}
.grid-stack .widget-columns > .widget-column {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
}
.tabbable-widget {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-box-flex;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  margin: -0.5em;
  overflow: hidden;
}
.tabbable-widget > nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -ms-flex: 0;
  -moz-box-flex: 0;
  flex: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-box-flex;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  flex-direction: row;
}
.tabbable-widget > nav > a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
  background-color: #ececed;
  overflow: hidden;
  padding: 0.25em 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tabbable-widget > nav > a:not(:last-child) {
  border-right: 1px solid #b1b4b9;
}
.tabbable-widget > nav > a:hover:not(.active) {
  background-color: rgba(212, 219, 229, 0.8);
}
.tabbable-widget > nav > a.active {
  background-color: #d4dbe5;
  font-weight: bold;
}
.tabbable-widget > nav > a img,
.tabbable-widget > nav > a svg {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.tabbable-widget > nav > a:not(.active):not(:hover) img,
.tabbable-widget > nav > a:not(.active):not(:hover) svg {
  opacity: 0;
}
.tabbable-widget > section {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  overflow-y: auto;
  padding: 0.5em;
}
.tabbable-widget > section:not(.active) {
  display: none;
}
table.widget-container-preview {
  width: 100%;
}
table.widget-container-preview td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
table.widget-container-preview td:not(.empty) {
  background-color: #e2e3e5;
  border: 1px solid #6d737b;
}
form.add-widget .position input[type="radio"] {
  margin-left: 2.5em;
  margin-top: 3em;
  opacity: 0;
  position: absolute;
}
form.add-widget .position input[type="radio"] + label {
  background-image: url("../images/icons/blue/span-empty.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-position: left 1em center;
  background-repeat: no-repeat;
  background-size: 2em;
  border: 1px solid #6d737b;
  cursor: pointer;
  font-size: 1.5em;
  padding: 1em 0;
  text-align: center;
}
form.add-widget .position input[type="radio"]:checked + label {
  background-color: #e2efcf;
  background-image: url("../images/icons/blue/check-circle-full.svg");
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  background-size: 16px 16px;
  background-size: 2em;
  font-weight: bold;
}
form.add-widget .widgets label:not(:last-child) {
  border-bottom: 1px solid #d0d7e3;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  bottom: initial;
}