/* #region Variables (126) */
/* #endregion Variables */

/* #region Variables */
/* #endregion */

.login {
  background-color: #ececec;
}
.login > .container > .footer {
  color: #3c3c3c;
}
.login > .container > .form > .container > form.login-form > .container > .forgot-password {
  color: #3c3c3c;
}
.body > .container > .navbars > .container > .navbar:before {
  background-color: #ececec;
  /*ALBIN*/

}
.body > .container > .navbars > .container > .navbar > .container .bottom {
  background-color: #ececec;
  /*ALBIN*/

}
.body > .container > .navbars > .container > .navbar > .container svg {
  fill: #37458e;
}
select[disabled] {
  background-color: rgba(255, 255, 255, 0.3) !important;
  /*SIMON*/

}
.selectbox > .container svg {
  fill-opacity: 0.2;
  /* SIMON */

}
.selectbox > .container svg:hover svg {
  fill-opacity: 0.5;
  /* SIMON */

}
.context-menu > .container > .group > .container > .content > .container > .button {
  background-color: #37458e;
  /*ALBIN*/

}
.itemToggler > .container > .stateContainer > .container > .header {
  color: #333333;
  /* SIMON */

}
.itemToggler > .container > .stateContainer > .container > .content > .container > .item .text {
  color: #333333;
  /* SIMON */

}
.editor.multi-select-editor > .container > .control > .container > .multi-select > .container .tagholder .tag {
  background-color: #37458e;
  /* ALBIN */

}
.editor.multi-select-editor > .container > .control > .container > .multi-select > .container .label {
  color: #bbbbbb;
  /*SIMON*/

}
.grid > .container > .selection-field > .container > .tag-textbox > .container > .tags > .container > .tag {
  background-color: #37458e;
}
.editor.dropdown-editor > .container > .control > .container > span.readonly {
  padding: 5px 10px;
  /*SIMON*/
  background-color: rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  text-overflow: ellipsis;
  /*SIMON*/

}
.editor.valuepicker-editor > .container > .control > .container > div > .container > .box.included {
  background-color: #37458e;
  /*ALBIN*/

}
.editor.valuepicker-editor > .container > .control > .container > div > .container > .box:hover,
.editor.valuepicker-editor > .container > .control > .container > div > .container > .box.selected,
.editor.valuepicker-editor > .container > .control > .container > div > .container > .box.included:hover {
  background-color: #37458e;
  /*ALBIN*/

}
.editor.percent-editor > .container > .control > .container > div > .container > .progress-bar > .container > .progress-bar-value {
  background-color: #71b84a;
  /*SIMON*/

}
.grid .selectbox > .container svg {
  fill: #37458e;
  /* ALBIN */

}
.grid > .container > .header > .container > .selectbox > .container > svg {
  fill: #37458e;
  /* ALBIN */

}
.grid > .container > .header > .container > .icons > .container > .icon.selected svg {
  fill: #37458e;
  /* SIMON */

}
.grid > .container > .header > .container > .columns > .container > .main-columns > .container > .column:hover {
  background-color: #770a59;
}
.grid > .container > .data > .container > .group[data-group-type="default"] > .container > .header {
  display: none;
}
.grid > .container > .data > .container > .group > .container > .row > .container > .content > .container > .main-row > .container > .cell > .container svg {
  fill: #71b84a;
  /*SIMON*/

}
.grid.sub-list .selectbox > .container > svg {
  fill: #37458e;
  /* SIMON */

}
.grid.sub-list > .container > .header > .container > .icons > .container > .icon svg {
  fill: #37458e;
  /* SIMON */

}
.group > .container > .content > .container > .table td {
  border-bottom: 1px solid #cccccc;
  /* SIMON */

}
.body > .container > .navbars > .container > .navbar {
  color: #333333;
  /*SIMON*/

}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .title {
  background-color: transparent;
  /*SIMON*/
  font-size: 30px;
  margin-bottom: 10px;
  /*SIMON*/

}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .title > .container .text {
  color: #333333;
  /*SIMON*/

}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .title > .container .icon > .container svg {
  display: none;
  /*SIMON*/

}
.body > .container > .page > .container > .titlebar > .container > .history-button > .container > svg {
  fill: #37458e;
  /* SIMON */

}
.activity-bar > .container > .activity-bar-right > .container > .current-role > .container > .icon > .container svg {
  fill: #37458e;
  /* SIMON */

}
.activity-bar > .container > .activity-bar-right > .container > .help-button > .container svg {
  fill: #37458e;
  /* SIMON */

}
.activity-bar > .container > .activity-bar-right > .container > .help-button:hover svg {
  fill: #37458e;
  /* SIMON */

}
.editor.boolean-editor > .container > .control > .container .checkbox > .container > svg {
  fill: #71b84a;
}
/*CSS*/

.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell > .tree-icon > .container > .plus > .container > svg,
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell > .tree-icon > .container > .minus > .container > svg {
  fill: #37458e;
}
.editor.text-editor > .container > .control > .container > .text.readonly > .container {
  background-color: white;
}
.dialog.text-editor-dialog > .container > .content > .container > textarea {
  background-color: white;
}
.editor.option-editor > .container > .control > .container > select.color-red {
  background-color: #c4262c !important;
}
.body > .container > .navbars > .container > .horizontal-navbar > .container {
  background-color: #37458e;
}
.widget.diagram-widget.type-0 > .full-screen-button:hover,
.widget.diagram-widget.type-1 > .full-screen-button:hover,
.widget.diagram-widget.type-2 > .full-screen-button:hover,
.widget.diagram-widget.type-3 > .full-screen-button:hover,
.widget.diagram-widget.type-4 > .full-screen-button:hover,
.widget.diagram-widget.type-6 > .full-screen-button:hover {
  opacity: 1;
  fill: #777777;
}
.widget.diagram-widget.type-3 > .full-screen-button {
  display: block;
  fill: #666666;
}
.editor.option-editor > .container > .control > .container > select.color-green {
  background-color: #71b84a !important;
}
.widget.entity-widget > svg {
  fill: #37458e;
}
.editor.option-editor > .container > .control > .container > select.color-blue {
  background-color: #4b82be !important;
}
@media only screen and (max-width: 768px) {
  .body > .container > .page > .container > .titlebar > .container > .buttons > .container > .button.bookmark.bookmarked svg,
  .body > .container > .page > .container > .titlebar > .container > .buttons > .container > .bookmark {
    display: none;
  }
}
.body > .container > .page > .container > .titlebar > .container > .buttons > .container > .button.bookmark.bookmarked svg {
  fill: #8a0e68;
}
.grid > .container > .data > .container > .group > .container > .row > .container > .content > .container > .main-row > .container > .cell > .container > .tree-icon > .container > .plus > .container > svg {
  fill: #999999;
}
.grid > .container > .data > .container > .group > .container > .row > .container > .content > .container > .main-row > .container > .cell > .container > .tree-icon > .container > .minus > .container > svg {
  fill: #999999;
}
.grid > .container > .data > .container > .group > .container > .row > .container > .edit > .container > a svg {
  fill: #d0d0d0;
}
.grid > .container > .header > .container > .selectbox > .container > svg {
  fill: white;
}
/*Datepicker*/

.ui-datepicker > .ui-widget-header {
  background-color: #37458e;
}
.ui-datepicker > .ui-widget-header > .ui-corner-all.ui-datepicker-prev > span,
.ui-datepicker > .ui-widget-header > .ui-corner-all.ui-datepicker-next > span {
  background-color: #37458e;
}
.ui-datepicker > .ui-datepicker-calendar > tbody > tr > td > a {
  color: #37458e;
}
.ui-datepicker > .ui-datepicker-calendar > tbody > tr > td.ui-datepicker-current-day {
  border: 2px solid #b577a4;
}
.ui-datepicker > .ui-datepicker-calendar > tbody > tr > td.ui-datepicker-today > a {
  background-color: #37458e;
  color: white;
}
.ui-datepicker > .ui-widget-header > .ui-corner-all.ui-datepicker-prev > span:hover,
.ui-datepicker > .ui-widget-header > .ui-corner-all.ui-datepicker-next > span:hover {
  background-color: #37458e;
}
.grid > .container > .header > .container > .selectbox > .container > svg {
  fill: #37458e;
}
.grid > .container > .header > .container > .selectbox > .container:hover > svg {
  fill: #555555;
}
.items > .container > .grid > .container > .header > .container > .selectbox > .container > svg {
  fill: white;
}
.container > .pages > .container > .page > .container > .grid.sub-list > .container > .header > .container > .icons > .container > .icon.selected {
  background-color: #ececec;
}
.toast {
  background-color: #37458e;
}
.page > .container > .content > .container > .grid > .container > .header > .container > .selectbox > .container > svg {
  fill: white;
}
.selectbox > .container svg {
  fill-opacity: 0.3;
}
/*Fix av hover p� plupp*/

.grid.sub-list .selectbox:hover > .container > svg {
  fill: #37458e;
  fill-opacity: 1;
}
.grid .selectbox:hover > .container svg {
  fill: #37458e;
  fill-opacity: 1;
}
.grid > .container > .header > .container > .selectbox > .container:hover > svg {
  fill: #37458e;
}
/*Laddar*/

.activity-bar > .container > .activity-bar-left > .container > * svg {
  fill: #37458e;
}
.activity-bar > .container > .activity-bar-left > .container > *:hover svg {
  fill: #37458e;
}
/*V�rderingsboxar*/

.chart > .container > .more > .container > svg {
  fill: #969696;
}
.chart > .container > .more:hover > .container > svg {
  fill: #37458e;
}
.chart > .container > .content > .container > .value-chart {
  color: dimgray !important;
}
/* Inloggning */

.login > .container > .form > .container > form.login-form > .container > .forgot-password {
  color: white;
}
.login > .container > .form > .container > form.login-form > .container > .forgot-password:hover {
  color: white;
  background-color: #3d6589;
}
.login > .container > .form > .container > form {
  color: white;
}
.dashboard > .container > .dashboard-placeholder {
  background-color: #ececec;
}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .item a:hover {
  background-color: #aaaaa9;
}