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

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

input[readonly],
textarea[readonly] {
  background-color: rgba(255, 255, 255, 0.3);
  /*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: #6b971e;
  /*SIMON*/

}
.editor.multi-select-editor > .container > .control > .container > .multi-select > .container .tagholder .tag {
  background-color: #6b971e;
  /* SIMON */

}
.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: #6b971e;
}
.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: #6b971e;
  /*SIMON*/

}
.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: #6b971e;
  /*SIMON*/

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

}
.grid .selectbox > .container svg {
  fill: #6b971e;
  /* SIMON */

}
.grid > .container > .header > .container > .selectbox > .container > svg {
  fill: #6b971e;
  /* SIMON */

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

}
.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: #6b971e;
  /* SIMON */

}
.grid.sub-list > .container > .header > .container > .icons > .container > .icon svg {
  fill: #6b971e;
  /* 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: black;
  /*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: #6b971e;
  /* SIMON */

}
.activity-bar {
  height: 100px;
}
.activity-bar > .container > .activity-bar-right > .container > .current-role {
  margin-right: 95px;
}
.activity-bar > .container > .activity-bar-right > .container > .current-role > .container > .title {
  padding: 10px 0px;
  font-weight: 600;
  border-bottom: 3px solid #6b971e;
  border-radius: 0px;
  cursor: pointer;
  height: auto;
}
.activity-bar > .container > .activity-bar-right > .container > .current-role > .container > .icon {
  display: none;
}
.activity-bar > .container > .activity-bar-right > .container > .current-role > .container > .icon > .container svg {
  fill: #6b971e;
  /* SIMON */

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

}
.activity-bar > .container > .activity-bar-right > .container > .help-button:hover svg {
  fill: #6b971e;
  /* 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: #6b971e;
}
.editor.text-editor > .container > .control > .container > .text.readonly > .container {
  background-color: white;
}
.dialog > .container > .bottombar > .container > .button {
  color: white;
}
.dialog {
  border-radius: 0px;
}
.editor.option-editor > .container > .control > .container > select.color-red {
  background-color: #c4262c !important;
}
.body > .container > .navbars > .container > .horizontal-navbar > .container {
  background-color: #5c821a;
}
.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: #6b971e;
}
.widget.key-figure-widget > .value {
  font-size: 35px !important;
}
.dashboard-item-content.height-1 {
  height: 100px;
}
.dashboard-item-content.height-2 {
  height: 300px;
}
.dashboard-item-content.height-3 {
  height: 320px;
}
.dashboard-item-content.height-4 {
  height: 500px;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item.width-1 {
  width: 200px;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item.width-2 {
  width: 333px;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item.width-3 {
  width: 400px;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item.width-4 {
  width: 500px;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item.width-5 {
  width: 600px;
}
@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: #a2a2a2;
}
.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: #6b971e;
}

.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: #6b971e;
}

.ui-datepicker > .ui-datepicker-calendar > tbody > tr > td > a {
    color: #6b971e;
}

.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: #6b971e;
    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: #6b971e;
}
*/

.ui-datepicker > .ui-datepicker-buttonpane > button {
  border-radius: 22px;
}
/*.grid > .container > .header > .container > .selectbox > .container > svg {
    fill: #6b971e;
}*/

.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: #6b971e;
}
.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: #6b971e;
  fill-opacity: 1;
}
.grid .selectbox:hover > .container svg {
  fill: #6b971e;
  fill-opacity: 1;
}
.grid > .container > .header > .container > .selectbox > .container:hover > svg {
  fill: #6b971e;
}
/*Laddar*/

.activity-bar > .container > .activity-bar-left > .container > * svg {
  fill: #6b971e;
}
.activity-bar > .container > .activity-bar-left > .container > *:hover svg {
  fill: #6b971e;
}
/*Värderingsboxar*/

.chart > .container > .more > .container > svg {
  fill: #969696;
}
.chart > .container > .more:hover > .container > svg {
  fill: #6b971e;
}
/*.chart > .container > .content > .container > .value-chart {
    color: dimgrey !important;
}*/

/* Inloggning */

.login > .container > .form > .container > .forgot-password-button {
  color: black;
}
.login > .container > .form > .container > .forgot-password-button > .container > .tooltip {
  background-color: #6b971e;
  position: absolute;
  top: -20px;
  left: 100%;
  left: calc(115%);
  text-align: center;
  width: 300px;
  color: white;
}
.login > .container > .form > .container > .forgot-password-button > .container > .tooltip > .top::after {
  border-top-color: #6b971e;
}
.login > .container > .form > .container > .forgot-password-button > .container > .tooltip > .right::after {
  border-right-color: #6b971e;
}
.login > .container > .form > .container > .forgot-password-button > .container > .tooltip > .bottom::after {
  border-bottom-color: #6b971e;
}
.login > .container > .form > .container > .forgot-password-button > .container > .tooltip > .left::after {
  border-left-color: #6b971e;
}
.login-layout > .container > .login > .container > .form > .container > .forgot-password-button,
.login-layout > .container > .login > .container > .form > .container .username-login-button {
  padding: 5px 10px;
  color: black;
}
.login-layout > .container > .login > .container > .form > .container > .forgot-password-button:hover,
.login-layout > .container > .login > .container > .form > .container .username-login-button:hover {
  color: unset;
  background-color: #8c8a8a;
  cursor: pointer;
}
.login-layout > .container > .login > .container > .form > .container .username-login-button {
  margin-right: 8px;
}
.login-layout > .container > .login > .container > .form > .container > .bankid-button {
  color: black;
}
.login > .container > .form > .container > form {
  color: black;
}
body > .terms-of-agreement > .container > .footer > .container > .button.icon {
  fill: #6b971e !important;
}
.dialog > .container > .titlebar {
  background-color: white;
  color: black;
  height: 50px;
  min-height: 50px;
  cursor: default;
}
.dialog > .container > .bottombar > .container::before {
  content: '';
  background-color: white;
  display: block;
  flex: 1 1;
}
@media only screen and (max-width: 1024px) {
  .dialog > .container > .bottombar {
    margin: 10px;
  }
}
.dialog > .container > .content {
  font-size: 16px !important;
}
.widget.button-widget {
  border-radius: 22px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 0px;
}
.dialog > .container {
  border-radius: 22px;
}
div {
  border-radius: 22px;
}
.body > .container > .navbars > .container > .horizontal-navbar > .container {
  border-radius: 0px;
}
.body > .container > .navbars > .container > .navbar > .container .bottom {
  border-radius: 0px;
}
.login > .container > .form > .container .textbox .control input {
  font-size: 16px;
  border-radius: 22px;
}
.login-layout > .container > .login > .container > .form > .container .button > .container > input {
  border-radius: 22px;
  background-color: #3c97e5;
  color: white;
  font-weight: 800;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.login-layout > .container > .login > .container > .form > .container .button > .container > input:hover {
  background-color: #3c97e5;
}
.login > .container > .form > .container .button > .container > input {
  border-radius: 22px;
  background-color: #3c97e5;
  color: white;
  font-weight: 800;
  font-size: 18px;
}
.login > .container > .form > .container .textbox .label {
  visibility: hidden;
}
.login-layout > .container > .login > .container > .logotype {
  max-height: 200px;
  width: 80%;
  margin: 0 auto 20px auto;
}
.login-layout > .container > .login > .container > .form > .container > form > .container > .pannel {
  margin-bottom: 0px;
}
.login-layout > .container > .login > .container > .form > .container > form > .container > .pannel > .container > .pannel-title {
  visibility: hidden;
  margin: 0px;
  height: 0;
}
.username-textbox .string-editor .label {
  visibility: hidden;
}
.username-panel .editor > .container > .label {
  visibility: hidden;
}
.password-textbox .editor > .container > .label {
  visibility: hidden;
}
.button > .container > input {
  border-radius: 22px;
}
.button {
  border-radius: 22px;
}
.dialog > .container > .content > .container > .button-list .container > .button > .container :hover {
  border-radius: 22px;
}
.activity-bar {
  border-radius: 0px;
  border-top: 0;
}
.editor.decimal-editor > .container > .control > .container > input {
  border-radius: 22px;
  margin-top: 6px;
  height: 28px;
}
.editor.date-period-editor > .container > .control > .container > .control > .container > input:last-child {
  border-bottom-right-radius: 22px;
  border-top-right-radius: 22px;
}
.editor.date-period-editor > .container > .control > .container > .control > .container > input:first-child {
  border-bottom-left-radius: 22px;
  border-top-left-radius: 22px;
}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .item a {
  color: black;
}
.body > .container > .navbars > .container > .navbar {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.editor.option-editor > .container > .control > .container > select {
  border-radius: 22px;
  margin-top: 6px;
  height: 35px;
}
.dialog .editor.option-editor > .container > .control > .container > select {
  border-radius: 22px;
  margin-top: 6px;
  height: 35px;
  border: 1px solid #c1d0dd;
}
.editor.date-editor > .container > .control > .container > input {
  border-radius: 22px;
  margin-top: 6px;
  height: 28px;
  border: solid 1px rgba(0, 0, 0, 0.05);
  font-size: 13px;
}
.dialog .editor.date-editor > .container > .control > .container > input {
  border-radius: 22px;
  margin-top: 6px;
  height: 28px;
  border: 1px solid #c1d0dd;
}
.editor.integer-editor > .container > .control > .container > input {
  border-radius: 22px;
  margin-top: 6px;
  height: 28px;
  border: solid 1px rgba(0, 0, 0, 0.05);
  font-size: 13px;
}
.editor.string-editor > .container > .control > .container > input {
  border-radius: 22px;
  margin-top: 6px;
  height: 28px;
  border: solid 1px rgba(0, 0, 0, 0.05);
  font-size: 13px;
}
.login-form .editor.string-editor > .container > .control > .container > input {
  border-radius: 22px;
  margin-top: 0px;
  height: 100%;
  border: solid 1px rgba(0, 0, 0, 0.05);
  padding: 5px 10px 5px 15px;
}
.editor.text-editor > .container > .control > .container > .text > .container {
  margin-top: 6px;
  font-size: 13px;
}
.editor.dropdown-editor > .container > .control > .container > select {
  border-radius: 22px;
  margin-top: 6px;
  height: 28px;
  font-size: 13px;
}
.dialog .editor.dropdown-editor > .container > .control > .container > select {
  border-radius: 22px;
  border: 1px solid #c1d0dd;
  margin-top: 5px;
}
.method-control,
.link-control {
  border-radius: 22px;
  background: #cdab81;
  margin: 15px 0px 10px 0;
  height: 35px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
control:hover,
.link-control:hover {
  background-color: #867666;
}
.editor.dropdown-editor > .container > .control > .container > span.readonly {
  border-radius: 22px;
  background-color: rgba(0, 0, 0, 0.05);
  height: 28px;
  margin-top: 6px;
  font-size: 13px;
}
.editor.date-time-editor > .container > .control > .container > input {
  border-radius: 22px;
  height: 28px;
  margin-top: 6px;
}
.grid > .container > .header > .container > .columns > .container > .main-columns > .container > .column[data-type=numerical],
.grid > .container > .header > .container > .columns > .container .sub-columns > .container > .column[data-type=numerical] {
  text-align: left;
}
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell[data-type=numerical],
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell[data-type=numerical] {
  justify-content: flex-start;
}
.body > .container > .navbars > .container > .navbar > .container svg {
  fill: ghostwhite;
}
.widget.key-figure-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0px;
}
.body > .container > .navbars > .container > .horizontal-navbar > .container > .right-buttons > .container .button:nth-child(5n+2) {
  visibility: hidden;
  margin: -2px;
  padding: 0px;
  width: 0px;
}
.body > .container > .navbars > .container > .horizontal-navbar > .container > .left-buttons > .container .button:nth-child(5n+2) {
  visibility: hidden;
  margin: -2px;
  padding: 0px;
  width: 0px;
}
.body > .container > .navbars > .container > .navbar > .container .bottom > .container > .button:nth-child(5n+2) {
  visibility: hidden;
  margin: -2px;
  padding: 0px;
  width: 0px;
}
.body > .container > .navbars > .container > .navbar > .container .bottom > .container {
  justify-content: left;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item > .dashboard-item-content {
  background-color: #f2f2f2;
  border-radius: 22px;
  display: grid;
  flex-direction: column;
  justify-content: unset;
  align-items: unset;
}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .item a:hover {
  background-color: #5c821a !important;
}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .item a .title .container {
  color: white;
  font-size: 14px;
}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .title > .container .text .container {
  color: white;
  font-weight: 800;
  font-size: 20px;
}
.body > .container > .page > .container > .combined-titlebar-container > .container > .combined-titlebar > .container > .title {
  top: 0;
  bottom: 0;
  left: 40px;
  right: 40px;
  display: -ms-flexbox;
  -ms-flex-align: center;
  display: -webkit-box;
  -webkit-box-align: center;
  display: flex;
  align-items: center;
  margin-left: 30px;
  margin-top: 10px;
  position: static;
}
.grid > .container > .data > .container > .group > .container > .row {
  box-shadow: 0 1px 0 #d0d0d0;
  border-radius: 0px;
}
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell > a,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell > a {
  color: black;
}
.dialog > .container > .titlebar > .container > .title > .container {
  font-weight: bold;
}
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell[class^="bg-"] > a,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell[class^="bg-"] > a,
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell[class*=" bg-"] > a,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell[class*=" bg-"] > a {
  margin: 0px;
  padding: 5px 10px;
  font-size: 10px;
  border: none;
  color: white;
  height: auto;
  width: auto;
  justify-content: center;
  align-items: center;
  border-radius: 22px;
  width: 60%;
  text-align: center;
}
.grid-row-context-menu .button:nth-child(5n+2) {
  background-color: darkred !important;
}
.dialog > .container > .titlebar > .container > .title > .container {
  padding-left: 5px;
}
.grid > .container > .selection-field > .container > .tag-textbox > .container > .text-field > .container > input {
  min-height: 40px;
  font-size: 15px;
}
.grid > .container > .selection-field > .container > .tag-textbox > .container > .tags > .container > .tag {
  font-size: 15px;
}
.grid > .container > .selection-field > .container > .tag-textbox > .container > .tags > .container {
  height: 100%;
  font-size: 0;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0px 0;
}
.itemToggler > .container > .stateContainer > .container > .header {
  margin-bottom: 8px;
}
.itemToggler > .container > .stateContainer > .container > .content > .container > .item {
  font-size: 13px;
  height: 35px;
}
.container > .activity-bar-right > .container > *:last-child {
  visibility: hidden;
}
.activity-bar {
  font-size: 14px;
}
.button-list > .container > .button > .container > a > .container > .subtext > .container {
  font-size: 11px;
}
.button-list > .container > .button > .container > a > .container > .maintext > .container {
  font-size: 14px;
}
.button-list > .container > .button.strong > .container > a {
  background-color: #6b971e;
  border-radius: 22px;
  color: white;
}
.button-list > .container > .button :hover {
  border-radius: 22px;
}
.activity-bar > .container > .activity-bar-right > .container > .help-button {
  height: 32px;
  width: 0px;
}
.body > .container > .navbars > .container > .navbar > .container .group > .container > .item a:hover {
  background-color: #a5a5a5;
}
.button-list > .container > .button {
  height: 45px;
  width: 300px;
  min-width: 100px;
  display: block;
  margin: 10px 0 0 0;
  background-color: #f2f2f2;
  color: black;
}
.dialog > .container > .content > .container > .button-list .container > .button {
  color: black;
}
.dialog > .container > .content > .container > .button-list .container > .button:hover {
  background: #a5a5a5;
}
.button-list > .container > .button > .container > a > .container > .text > .container {
  font-size: 14px;
}
.button-list > .container > .title {
  font-size: 16px;
}
.button-list > .container > .button {
  color: black;
}
.button-list > .container > .button > .container:hover {
  background: #a5a5a5;
}
.button-list > .container > .title {
  color: #5c821a;
  font-weight: 700;
}
.dialog > .container > .titlebar > .container > .title > .container {
  visibility: collapse;
}
.dialog > .container > .titlebar {
  display: none;
}
.editor.text-editor > .container > .control > .container > .text.readonly > .container {
  background-color: rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(0, 0, 0, 0.05);
}
.dialog.text-editor-dialog > .container > .content > .container > textarea {
  border: 0px solid #6b971e;
  background-color: white;
  height: 98%;
  font-size: 16px;
}
.dialog.text-editor-dialog > .container > .content {
  position: absolute;
  width: auto;
  top: 20px;
  bottom: 70px;
  left: 20px;
  right: 20px;
  background-color: #f2f2f2;
  padding: 20px;
}
.bookmark {
  visibility: hidden;
}
.body > .container > .page > .container > .titlebar > .container > .buttons > .container > .bookmark .bookmark-button {
  visibility: hidden;
}
/*.topNavbarButton {
visibility: hidden;
}*/

.bookmark-button {
  visibility: hidden;
}
.dialog > .container > .content > .container > .button-list .container > .button > .container > .icons {
  visibility: hidden;
}
.dialog > .container > .content > .container > .button-list .container > .button > .container > .icons :hover {
  background-color: #6b971e;
}
.grid > .container > .header > .container > .columns > .container > .sub-columns > .container > .column {
  font-size: 13px;
  font-weight: 700;
}
.grid > .container > .header > .container > .columns > .container > .main-columns > .container > .column {
  font-weight: 800;
}
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell {
  font-size: 12px;
}
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell [class^="bg-"] > a,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell[class^="bg-"] > a,
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell[class*=" bg-"] > a,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell[class*=" bg-"] > a {
  font-size: 12px;
  font-weight: 600;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  
  .body > .container > .navbars > .container > .navbar {
    border-radius: 0px;
  }
  .widget.button-widget .title {
    width: 100%;
  }
}
.current-dashboard .dashboard-grid > .dashboard-group > .dashboard-group-header > .dashboard-group-header-content {
  border-bottom: 1px solid #f2f2f2;
  border-radius: 0px;
  font-size: 18px;
  font-weight: 600;
}
.workrisksurvey-dashboard .dashboard-grid > .dashboard-group > .dashboard-group-header > .dashboard-group-header-content {
  visibility: hidden;
  height: 0px;
  padding: 0;
  margin: 0;
}
.workriskcase-dashboard .dashboard-grid > .dashboard-group > .dashboard-group-header > .dashboard-group-header-content {
  visibility: hidden;
  height: 0px;
  padding: 0;
  margin: 0;
}
.work-dashboard .dashboard-grid > .dashboard-group > .dashboard-group-header > .dashboard-group-header-content {
  visibility: hidden;
  height: 0px;
  padding: 0;
  margin: 0;
}
.workandsurvey-dashboard .dashboard-grid > .dashboard-group > .dashboard-group-header > .dashboard-group-header-content {
  visibility: hidden;
  height: 0px;
  padding: 0;
  margin: 0;
}
.workcontroller-dashboard .dashboard-grid > .dashboard-group > .dashboard-group-header > .dashboard-group-header-content {
  visibility: hidden;
  height: 0px;
  padding: 0;
  margin: 0;
}
.dashboard-grid > .dashboard-group > .dashboard-group-header {
  padding: 0px;
}
.widget.button-widget > svg {
  /*width: 71%;
height: 35%;*/
  width: 30px;
  height: 31px;
  margin-bottom: 5px;
}
.widget.key-figure-widget {
  font-size: 16px;
  text-align: center;
  width: 100%;
  padding: 5px;
}
.widget {
  /*box-shadow: 0px 0px 5px 0px #888888;*/
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  background-color: white;
  height: auto;
  overflow: overlay;
}
/*.content .widgets-panel .widget.button-widget {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 5px;
}*/

.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item.width-2 {
  width: 450px;
}
.grid > .container > .data > .container > .group > .container > .row {
  height: 50px;
}
input[readonly],
textarea[readonly] {
  background-color: rgba(0, 0, 0, 0.05);
}
.tab-control > .container > .pages > .container > .page > .container > .group > .container > .title {
  font-size: 17px;
  height: 40%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 0px;
  margin-bottom: 10px;
  padding-top: 10px;
  font-weight: 500;
}
.tab-control > .container > .pages > .container > .page > .container > .group > .container > .content > .container > .editor {
  margin-top: 10px;
}
.editor > .container > .label {
  left: 4px;
  font-size: 14px;
}
.editor.file-editor > .container > .control > .container > .thumbnail {
  margin-top: 6px;
}
.dialog .editor.file-editor > .container > .control > .container > .thumbnail {
  border: 1px solid #c1d0dd;
  margin-top: 0px;
}
.dialog .editor.multiline-string-editor > .container > .control > .container > textarea {
  border: 1px solid #c1d0dd;
  border-radius: 22px;
  margin-top: 7px;
}
.editor > .container > .status.done {
  top: 24px;
  bottom: -8px;
  left: -10px;
}
.editor > .container {
  margin-top: 10px;
}
.text-editor.editor > .container > .status.done {
  top: 24px;
  bottom: 0px;
  left: -10px;
}
.boolean-editor.editor > .container > .status.done {
  top: 0px;
  bottom: 0px;
  left: -10px;
}
.file-editor.editor > .container > .status.done {
  top: 24px;
  bottom: -5px;
  left: -10px;
}
.editor.image-editor > .container > .control > .container > .thumbnail {
  margin-top: 6px;
}
.editor.date-period-editor > .container > .control > .container > .control > .container > input:first-child {
  border-top: 1px solid #c1d0dd;
  border-bottom: 1px solid #c1d0dd;
  border-left: 1px solid #c1d0dd;
  margin-top: 6px;
  height: 28px;
}
.editor.date-period-editor > .container > .control > .container > .control > .container > input:last-child {
  border-top: 1px solid #c1d0dd;
  border-bottom: 1px solid #c1d0dd;
  border-left: 1px solid #c1d0dd;
  margin-top: 6px;
  height: 28px;
}
.editor.boolean-editor > .container > .control > .container .checkbox {
  border: 1px solid #c1d0dd;
  padding: 5px;
}
.grid > .container > .data > .container > .group > .container > .footer > .container > .columns > .container > .main-columns > .container > .column[data-type=numerical] {
  text-align: left;
  padding-left: 2px;
}
/*.editor.multi-select-editor > .container > .control > .container {
margin-top: 65px;
}*/

.editor.multi-select-editor > .container > .control {
  cursor: pointer;
  border-spacing: 0px;
  top: -46px;
  bottom: 60px;
  margin-top: 65px;
  height: 65px;
}
.editor.option-editor.locked > .container > .control > .container > select {
  font-weight: 500;
}
.widget.button-widget {
  border: solid 1px rgba(0, 0, 0, 0.05);
  min-height: 80px;
}
.tab-control > .container > .headers > .container > .header {
  font-weight: 500;
}
.tab-control > .container > .headers {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.tab-control > .container > .headers > .container > .header.selected {
  font-weight: 600;
  font-size: 15px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/*.current-dashboard .body > .container > .page > .container > .titlebar {
display: block;
color: #333333;
position: relative;
height: 20px;
visibility: hidden;
}*/

.dialog > .container > .content > .container > .editor > .container > .control {
  width: 100%;
  left: 0;
  border: 0px solid #c1d0dd;
}
.dialog .editor.string-editor > .container > .control > .container > input {
  border: 1px solid #c1d0dd;
}
.itemToggler > .container > .stateContainer > .container > .content > .container > .item {
  margin: 2px 0;
}
.editor.multi-select-editor > .container > .control {
  cursor: pointer;
  border-spacing: 0px;
  top: -46px;
  bottom: 60px;
}
.dialog > .container > .content {
  margin: 10px 0;
  overflow-y: auto;
  font-size: 15px;
  border-bottom: solid 1px #f2f2f2;
  border-radius: 0px;
}
.dialog.text-editor-dialog > .container > .content {
  border-radius: 22px;
}
.body > .container > .page > .container > .titlebar > .container > .text > .container > .title > .container {
  font-size: 20px;
  font-weight: 400;
  border-radius: 0px;
}
.body > .container > .page > .container > .titlebar > .container > .text > .container > .title > .container > .entity-name {
  font-size: 14px;
  color: #505050;
  font-weight: 800;
}
.body > .container > .page > .container > .titlebar > .container > .history-button {
  height: 25px;
  width: 25px;
  position: absolute;
  top: 38px;
  bottom: 0px;
  left: 30px;
}
.activity-bar .help-button {
  visibility: hidden;
}
.editor > .container > .help-button {
  color: #6b971e;
  font-weight: 800;
  background-color: white;
  font-size: 12px;
}
.tooltip {
  text-align: left;
  background-color: white;
  color: black;
  font-size: 14px;
  padding: 10px;
  /*box-shadow: 5px 10px 18px #888888;*/
  box-shadow: 5px 10px 58px black;
  max-width: 500px;
}
.current-dashboard .body > .container > .page > .container > .titlebar {
  display: block;
  color: #333333;
  position: relative;
  height: 10px;
  visibility: hidden;
}
.workcasestatus-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.studentcasestatus-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.childcasestatus-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.workreportedstatus-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.childreportedstatus-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.studentreportedstatus-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.reportsadminwork-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.reportsadminworkchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.reportsadminworkstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.reportsadminall-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.archivedcasesworkchildstud-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.archivedcaseswork-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.archivedcasesworkstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.archivedcasesworkchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.surveyadmin-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.actionplanworkstudentcontroller-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.actionplanworkchildcontroller-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.relocation-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.reportschild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.reportsstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.reportschildstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.casesworkstudentchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.controllerchildstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.actionplanworkstudentchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.casesworkstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.actionplanworkstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.casesworkchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.controllerchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.controllerstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.errendworkstudent-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.errendworkchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.actionplanworkchild-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.casesworkall-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.surveypersonal-dashboard .body > .container > .page > .container > .titlebar {
  height: 100px;
  visibility: visible;
}
.article-widget .date {
  visibility: hidden;
}
.article-widget .ingress {
  font-size: 13px;
  visibility: hidden;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item .article {
  padding: 15px;
}
.dashboard-grid > .dashboard-group > .dashboard-group-content > .dashboard-item .article .article-element .title {
  font-size: 14px;
}
.editor.option-editor > .container > .control > .container > select[disabled] {
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-red {
  background-color: #c4262c;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-purple {
  background-color: #673080;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-blue {
  background-color: #556dac;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-turquoise {
  background-color: #1aa8b4;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-green {
  background-color: #6b971e;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-brown {
  background-color: #867666;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-pink {
  background-color: #e05a6e;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-grey {
  background-color: #70797a;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-yellow {
  background-color: #db9501;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.editor.option-editor > .container > .control > .container > select.color-orange {
  background-color: #f8ac45;
  border: none;
  color: white;
  font-weight: 600;
  opacity: 1;
}
.dialog-chart rect {
  fill: #6b971e;
  opacity: 0.8;
  ry: 6px;
}
.body .chart rect {
  fill: #6b971e;
  opacity: 0.8;
}
.dialog > .container > .content > .container {
  overflow-y: auto;
  height: 100%;
  padding: 10px;
  border-radius: 0px;
}
.dialog > .container > .content > .container > .value-chart {
  width: 100% !important;
  font-size: 300px !important;
}
.container.ui-draggable {
  width: 70%;
}
#ddlProducts * {
  border-radius: 15px;
  background-color: red;
}
.toast.error {
  font-size: 16px;
}
/*inloggning*/

.editor.date-time-editor > .container > .control > .container > .panel > .container > .date-control {
  left: 0;
  width: 70%;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  border-right: 4px solid #f2f2f2;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.editor > .container > .control > .container input,
.editor > .container > .control > .container select {
  border: 0;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}
/* Grafer i listor */

.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell > a .percent-grid-chart > .text-value.light,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell > a .percent-grid-chart > .text-value.light,
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell > a .fraction-grid-chart > .text-value.light,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell > a .fraction-grid-chart > .text-value.light {
  color: white;
  overflow: hidden;
  z-index: 2;
  font-weight: 600;
  font-size: 12px;
}
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell > a .percent-grid-chart > svg > rect,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell > a .percent-grid-chart > svg > rect,
.grid > .container > .data > .container > .group > .container > .row > .content > .main-row > .cell > a .fraction-grid-chart > svg > rect,
.grid > .container > .data > .container > .group > .container > .row > .content > .sub-row > .cell > a .fraction-grid-chart > svg > rect {
  ry: 6px;
}
div[data-name="RoleJunctionTitle"] {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}
div[data-name="RoleJunctionUserID"] {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}
.editor.fraction-editor > .container > .control > .container > div > .container {
  height: 100%;
  display: flex;
  margin-top: 5px;
  border: solid 1px rgba(0, 0, 0, 0.05);
}
.editor.fraction-editor.locked > .container > .control > .container > div > .container > div {
  justify-content: right;
  flex: 0;
}
.editor.fraction-editor.locked > .container > .control > .container > div > .container {
  background-color: rgba(0, 0, 0, 0.05);
}
.button > .container > a > .container > .text .container {
  font-weight: 800;
}
.grid > .container > .footer > .container > .post-count > .container {
  font-weight: 800;
}
.date-time-editor.editor > .container > .control {
  top: 20px;
  height: 70%;
}
.grid.sub-list > .container > .header {
  color: #505050;
}
.grid.sub-list > .container > .footer {
  color: #505050;
}
.login > .container > .form > .container .button > .container > input[disabled=disabled]:hover,
.login > .container > .form > .container .button > .container > input[disabled]:hover {
  background-color: #3c97e5;
}
.login-layout > .container > .login > .container > .form > .container .button > .container > input[disabled="disabled"],
.login-layout > .container > .login > .container > .form > .container .button > .container > input[disabled] {
  background-color: #3c97e5;
}
.login > .container > .form > .container > .footer {
  text-align: center;
  padding: 10px;
  color: black;
  font-size: 10px;
}
.grid > .container > .data > .container > .group > .container > .row:hover,
.grid > .container > .data > .container > .group > .container > .row.selected {
  border-radius: 22px;
}
.body > .container > .page > .container > .content {
  padding: 0 20px 40px 20px;
}