/* Minification failed. Returning unminified contents.
(3434,26): run-time error CSS1030: Expected identifier, found '.'
(3434,39): run-time error CSS1031: Expected selector, found ')'
(3434,39): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-Regular.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-Italic.woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-Bold.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url(/CommonContent/fonts/Lato-BoldItalic.woff2) format("woff2");
  font-weight: bold;
  font-style: italic;
}

/*# sourceMappingURL=fonts.css.map */

.btn {
  border-radius: 6px;
  border: none;
}

.btn.btn-xs {
  border-radius: 4px;
}

/* not an override, but use for buttons with text that is short */
.btn-min-width {
  min-width: 80px;
}

.btn-table {
  padding: 2px 10px;
  margin: 0;
}

.btn-primary, .btn-primary:visited {
  background-color: #36a9e1;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #1e8fc6;
}

.btn-default, .btn-default:visited {
  background-color: #ebebeb;
  border-color: #adadad;
}

.custom-modal-footer .btn + .btn {
  margin-left: 0;
}

.modal-footer .btn + .btn {
  margin-left: 8px;
}

/* There is something about the ordinary modal-footer class which makes child elements 
   misaligned vertically, so just ignore that class. The only useful thing about it is this:
*/
.custom-modal-footer {
  text-align: right;
  padding: 16px;
}

.modal-header {
  padding: 0 16px;
  border-bottom: none;
}

.modal-body {
  padding: 16px;
}

.nav-tabs {
  user-select: none;
}
.nav-tabs .nav-tab-disabled a {
  color: #999;
  cursor: not-allowed !important;
}

.nav-tabs > li > a {
  font-size: 14px;
  color: #0789d8;
  border: 0;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.2s linear, color 0.2s linear;
  margin-right: 0;
  line-height: 1;
  border-radius: 0;
}

.nav-tabs > li > a:hover {
  color: #045484;
  border-bottom-color: #ccc;
}

.nav > li > a:hover, .nav > li > a:focus {
  background: transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #0673b5;
  border: 0;
  border-bottom: 2px solid #0673b5;
  font-weight: bold;
  background-color: transparent;
}

.badge {
  font-weight: normal;
}

.modal-content {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
}

.tooltip-inner {
  font-size: 14px;
  padding: 6px 12px;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: none;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped-manually > tbody > tr.odd {
  background-color: rgba(0, 0, 0, 0.03);
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: rgba(70, 150, 0, 0.15);
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: rgba(220, 220, 0, 0.1);
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: rgba(250, 80, 80, 0.15);
}

.nav > li > a {
  padding: 8px 16px;
}

.breadcrumb {
  padding: 0;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 16px;
  margin-bottom: 8px;
}

.alert {
  padding: 16px;
  margin-bottom: 8px;
}

.alert-info {
  color: #094db0;
  background-color: #deebff;
  border-color: #c5ddfe;
}

.alert-success {
  background-color: #bfe3d2;
  border-color: #9fd0b9;
  color: #0d683f;
}

.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.text-success {
  color: #198754;
}

.text-danger {
  color: #dc3545;
}

.text-info {
  color: #0dcaf0;
}

.text-primary {
  color: #0d6efd;
}

.text-warning {
  color: #ffc107;
}

/*# sourceMappingURL=bootstrap-overrides.css.map */

.box-row {
  display: flex;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 8px;
}

.box-columns-container {
  display: flex;
  gap: 16px;
}

.box2 {
  display: flex;
  position: relative;
  flex-direction: column;
  margin: 8px;
  flex: 1;
  border-radius: 6px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}

.box {
  margin: 0px 0px 16px 0px;
  border-radius: 6px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}

.box-no-shadow,
.box-no-shadow .box,
.box-no-shadow .box2,
.modal-body .box,
.modal-body .box2 {
  box-shadow: none;
  border-radius: 0;
}

.box2 > .box-content {
  flex: 1;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.box > .box-content {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.box.noOverflow {
  overflow: hidden;
}

.box-header-link {
  margin-left: 16px;
  font-weight: 400;
}

.box-header {
  font-size: 16px;
  overflow: hidden;
  background: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  align-items: center;
  padding: 16px;
  padding-bottom: 8px;
}

.box-header + .box-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.box-header h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.1;
  flex: 1;
  font-weight: bold;
}

.box-header .box-icon {
  float: right;
}

.box-header .box-icon i {
  display: inline-block;
  color: #ced1d4;
  text-align: center;
  height: 40px;
  width: 40px;
  padding: 12px 0px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border-left: 1px solid #ced1d4;
  text-decoration: none;
}

.box-header .box-icon a {
  margin-left: -3px !important;
}

.box-header > .nav-tabs {
  margin-left: 16px;
}

.box-content {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 16px;
  background: white;
}

.box-header + .box-content:empty {
  padding-top: 0;
  padding-bottom: 8px;
}

.box-header:empty {
  padding-top: 0;
}

.box-content.no-padding {
  background: white;
  padding: 1px 0;
}

.box-header-buttons-container {
  margin-left: auto;
}

.box-callout {
  border-left: 5px solid #ced1d4;
}

.box-minimize-button {
  display: initial;
  position: absolute;
  right: 8px;
  top: 4px;
  font-size: 16px;
}

.box-minimized {
  cursor: pointer;
}
.box-minimized .box-content * {
  display: none;
}
.box-minimized .box-content .subheading {
  display: initial;
}

.box-can-minimize .box-header {
  padding-right: 26px;
}

/*# sourceMappingURL=box.css.map */

@charset "UTF-8";
body {
  background-color: #F8F8F8;
  color: #222;
  border: none;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-y: auto;
}

h1 {
  font-size: 32px;
  line-height: 1.1;
}

h2 {
  font-size: 16px;
  line-height: 1.1;
}

h3 {
  font-size: 15px;
  line-height: 1.1;
}

h4 {
  font-size: 14px;
  line-height: 1.1;
}

h5 {
  font-size: 13px;
  line-height: 1.1;
}

h6 {
  font-size: 12px;
  line-height: 1.1;
}

.blue {
  color: #36a9e1;
}

.lightBlue {
  color: #67c2ef;
}

.green {
  color: #bdea74;
}

.darkGreen {
  color: #78cd51;
}

.pink {
  color: #e84c8a;
}

.orange {
  color: #fa603d;
}

.lightOrange {
  color: #fabb3d;
}

.red {
  color: #ff5454;
}

.yellow {
  color: #eae874;
}

.white {
  color: white;
}

.grey {
  color: #b2b8bd;
}

li {
  list-style: none;
}

ol.numbered li, ul.numbered li {
  list-style-type: decimal;
  padding-left: 5px;
  margin-bottom: 2px;
}

ol.bulletlist, ul.bulletlist {
  padding-left: 20px;
}

ol.bulletlist li, ul.bulletlist li {
  list-style-type: disc;
  padding-left: 5px;
  margin-bottom: 2px;
}

.normal-checkbox {
  font-weight: normal;
}

.info-text {
  font-size: 8pt;
}

.mvcview {
  display: none;
}

.dark-container {
  color: white;
  background: #34373C;
}

.dark-container a, .dark-container a:active, .dark-container a:visited, .dark-container a:hover {
  color: white;
}

#PageBodyContainer {
  padding-top: 50px;
}

#PageContentContainer {
  background-color: #F8F8F8;
  position: relative;
  height: 100%;
}

#MainMenuContainer {
  float: left;
  width: 200px;
  padding-left: 0;
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  bottom: 0;
  overflow-y: auto;
}

.view-content-container {
  padding: 16px;
}

a {
  color: #0789d8;
  cursor: pointer;
}

.no-hover-underline, .no-hover-underline:hover {
  text-decoration: none;
}

.hover-underline {
  text-decoration: none;
}

.hover-underline:hover {
  text-decoration: underline;
}

.environment-warning-banner {
  text-align: center;
  font-size: 30px;
  color: white;
}

.nowrap {
  white-space: nowrap;
}

.break-word {
  word-break: break-all;
}

.autowidth {
  width: auto;
}

.number {
  text-align: right;
  white-space: nowrap;
  font-family: "Lato", sans-serif;
}

.number-header {
  text-align: right;
  white-space: nowrap;
}

.centerText {
  text-align: center;
  justify-content: center;
}

.date {
  white-space: nowrap;
}

.error-text {
  color: #dc3545;
}

.warning-text {
  color: #ffc107;
}

.success-text {
  color: #198754;
}

.primary-text {
  color: #0d6efd;
}

.error-background {
  background-color: #dc3545;
}

.warning-background {
  background-color: #ffc107;
}

.success-background {
  background-color: #198754;
}

.primary-background {
  background-color: #0d6efd;
}

.gray-background {
  background-color: #999;
}

.gray-text {
  color: #999;
}

.secondary-text {
  color: #6a6a6a;
  font-style: italic;
}

.discreet-text {
  color: #6a6a6a;
}

.cursor-pointer {
  cursor: pointer;
}

.mt10 {
  margin-top: 10px;
}

.ml10, .icon-button.ml10, .btn.icon-button.ml10 {
  margin-left: 10px;
}

.mr10, .icon-button.mr10, .btn.icon-button.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mt20 {
  margin-top: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt4 {
  margin-top: 4px;
}

.ml4, .icon-button.ml4, .btn.icon-button.ml4 {
  margin-left: 4px;
}

.mr4, .icon-button.mr4, .btn.icon-button.mr4 {
  margin-right: 4px;
}

.mb4 {
  margin-bottom: 4px;
}

.mt8 {
  margin-top: 8px;
}

.ml8, .icon-button.ml8, .btn.icon-button.ml8 {
  margin-left: 8px;
}

.mr8, .icon-button.mr8, .btn.icon-button.mr8 {
  margin-right: 8px;
}

.mb8 {
  margin-bottom: 8px;
}

.mt16 {
  margin-top: 16px;
}

.ml16, .icon-button.ml16, .btn.icon-button.ml16 {
  margin-left: 16px;
}

.mr16, .icon-button.mr16, .btn.icon-button.mr16 {
  margin-right: 16px;
}

.mb16 {
  margin-bottom: 16px;
}

.mt24 {
  margin-top: 24px;
}

.ml24, .icon-button.ml24, .btn.icon-button.ml24 {
  margin-left: 24px;
}

.mr24, .icon-button.mr24, .btn.icon-button.mr24 {
  margin-right: 24px;
}

.mb24 {
  margin-bottom: 24px;
}

.mt32 {
  margin-top: 32px;
}

.ml32, .icon-button.ml32, .btn.icon-button.ml32 {
  margin-left: 32px;
}

.mr32, .icon-button.mr32, .btn.icon-button.mr32 {
  margin-right: 32px;
}

.mb32 {
  margin-bottom: 32px;
}

.w-full {
  width: 100%;
}

.asc:after {
  margin-left: 4px;
  font-family: FontAwesome;
  content: "";
}

.desc:after {
  margin-left: 4px;
  font-family: FontAwesome;
  content: "";
}

.ul-with-circle {
  list-style-type: circle;
  padding-left: 30px;
}

.ul-with-circle > li {
  list-style: inherit;
}

.negative-number {
  color: #dc3545;
}

.dynamic-table thead > tr > th,
.dynamic-table tbody > tr > th,
.dynamic-table tfoot > tr > th,
.dynamic-table thead > tr > td,
.dynamic-table tbody > tr > td,
.dynamic-table tfoot > tr > td {
  padding: 4px !important;
}

.dynamic-table-money-column {
  text-align: right;
  white-space: nowrap;
  width: 130px;
}

.dynamic-table-icon-container {
  width: 8px;
  vertical-align: bottom;
}

.dynamic-table-subtitle {
  color: #ccc;
  font-size: 10px;
  line-height: 12px;
}

.kassaflode-heading {
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.lighter {
  font-weight: lighter;
}

.decoration-label {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 100001;
}

.client-status-label {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 100000;
  background-color: #f59000;
  color: white;
}

.client-status-reload-button {
  background: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 5px;
  padding: 5px;
}

.clickable-row {
  cursor: pointer;
}

.clickable-row:hover {
  cursor: pointer;
  color: #36A9E1 !important;
}

.search-highlight {
  font-weight: bold;
  color: #FF00CC;
}

.sticky-under-header {
  position: sticky;
  top: 50px;
  z-index: 1;
}

.searchable-select-container {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  min-width: 100%;
  background: #fff;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 10000;
}

.searchable-select-result-container {
  position: absolute;
  top: 0;
  left: 0;
}

.input-container.searchable-select-input-container {
  margin-bottom: 0;
}

.searchable-select-result-item {
  padding: 8px;
  cursor: pointer;
}

.searchable-select-result-item.compact-results {
  padding: 3px;
  padding-left: 6px;
}

.searchable-select-no-result-container {
  padding: 8px 6px;
}

.searchable-select-item-hovered, .searchable-select-item-selected {
  background: #0789d8;
  color: #fff;
}

.searchable-select-multiple-container {
  display: block;
  height: auto;
  padding: 0;
  overflow: hidden;
}
.searchable-select-multiple-container ul {
  display: block;
  width: 100%;
  padding: 0 10px 0 0;
  margin: 0;
  list-style: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.searchable-select-multiple-container ul li {
  list-style: none;
}
.searchable-select-multiple-container ul li.searchable-select-multiple-selected-item {
  display: inline-block;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #fff;
}
.searchable-select-multiple-container ul li.searchable-select-multiple-selected-item .searchable-select-multiple-remove-item {
  display: inline-block;
  margin-right: 3px;
  font-weight: 700;
  color: #999;
  cursor: pointer;
}
.searchable-select-multiple-container ul li.searchable-select-multiple-selected-item .searchable-select-multiple-remove-item:hover {
  color: #333;
}
.searchable-select-multiple-container ul li.searchable-select-multiple-input-item {
  float: left;
}
.searchable-select-multiple-container ul li.searchable-select-multiple-input-item input {
  border: none;
  background: 0 0;
  padding: 0 12px;
  height: 32px;
  margin-top: 0;
  min-width: 5em;
}

.searchable-select-multiple-container-focus {
  border-color: #0673b5 !important;
  outline: 0;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.autocomplete-input-outer-container {
  position: relative;
}

.autocomplete-input-container {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  min-width: 100%;
  background: #fff;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 10000;
}

.autocomplete-input-result-container {
  position: absolute;
  top: 0;
  left: 0;
}

.autocomplete-input-result-item {
  padding: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  white-space: nowrap;
}

.autocomplete-input-result-item.compact-results {
  padding: 3px;
  padding-left: 6px;
}

.autocomplete-input-result-primary {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.autocomplete-input-result-secondary {
  color: #6a6a6a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}

.autocomplete-input-no-result-container {
  padding: 8px 6px;
}

.autocomplete-input-item-hovered {
  background: #0789d8;
  color: #fff;
}

.autocomplete-input-item-hovered .autocomplete-input-result-secondary {
  color: #fff;
}

.alert {
  border-radius: 6px;
}
.alert .fas {
  margin-right: 4px;
}

.externa-lankar-container {
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  display: flex;
}

.externa-lankar-container img {
  flex-grow: 0;
  width: 20px;
  height: 20px;
  object-fit: cover;
  vertical-align: baseline;
  margin: 0 3px;
}

.externa-lankar-container img:last-child {
  margin: 0 10px 0 0;
}

.externa-lankar-container img:hover {
  filter: brightness(0.8);
}

.user-select-none {
  user-select: none;
}

.dropdown-button {
  position: relative;
  display: inline-block;
}
.dropdown-button .dropdown-button-dropdown {
  position: absolute;
  left: 11px;
  z-index: 2;
  background-color: #fff;
  padding: 5px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
}
.dropdown-button .dropdown-button-item {
  display: block;
  padding: 5px 15px;
  font-size: 14px;
  color: black;
  text-decoration: none;
  white-space: nowrap;
}
.dropdown-button .dropdown-button-item:hover {
  color: #fff;
  background-color: #36a9e1;
}

.line-through {
  text-decoration: line-through;
}

.append-percentage-sign::after {
  content: " %";
}

.expandable-container {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 200ms;
}

.expandable-container-expanded {
  grid-template-rows: 1fr;
}

.expandable-container > div {
  overflow: hidden;
}

.added-row td {
  background-color: #ddebf8;
}

.alert-no-mb {
  margin-bottom: 0;
}

.push-right {
  margin-left: auto;
}

.push-left {
  margin-right: auto;
}

.address-split-result-popover {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 8px;
  background-color: white;
  border: 1px solid #ccc;
  padding: 16px;
  z-index: 1000;
  border-radius: 6px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  max-width: 320px;
  overflow: hidden;
}

.address-split-result-popover-right {
  top: 0;
  left: 100%;
  margin-left: 8px;
  margin-top: 0;
}

.address-split-result-popover-bottom {
  top: 100%;
  left: 0;
  margin-top: 8px;
  margin-left: 0;
}

.address-split-result-header {
  white-space: nowrap;
  font-weight: bold;
  display: flex;
}

.address-split-result-table {
  margin-top: 8px;
}

.address-split-result-table td {
  padding-right: 8px;
  white-space: nowrap;
}

/*# sourceMappingURL=site.css.map */

.inkasso-solid:hover, .leasing-solid:hover, .samla-solid:hover, .faktura-solid:hover, .lana-solid:hover, .inaktiv-solid:hover {
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.15);
}

.inaktiv {
  color: #a5a5a5;
}

.inaktiv-solid {
  background-color: #a5a5a5;
  color: white;
}

.lana {
  color: #2b589b;
}

.lana-solid {
  background-color: #2b589b;
  color: white;
}

.lana-box {
  border-left-color: #2b589b;
  border-left-width: 5px;
  border-left-style: solid;
}

.lana-box-top {
  border-top-color: #2b589b;
  border-top-width: 5px;
  border-top-style: solid;
}

.faktura {
  color: #7d3877;
}

.faktura-solid {
  background-color: #7d3877;
  color: white;
}

.faktura-box {
  border-left-color: #7d3877;
  border-left-width: 5px;
  border-left-style: solid;
}

.faktura-box-top {
  border-top-color: #7d3877;
  border-top-width: 5px;
  border-top-style: solid;
}

.samla {
  color: #19754c;
}

.samla-solid {
  background-color: #19754c;
  color: white;
}

.samla-box {
  border-left-color: #19754c;
  border-left-width: 5px;
  border-left-style: solid;
}

.samla-box-top {
  border-top-color: #19754c;
  border-top-width: 5px;
  border-top-style: solid;
}

.leasing {
  color: #e06b20;
}

.leasing-solid {
  background-color: #e06b20;
  color: white;
}

.inlaning-solid {
  background-color: #428ec2;
  color: white;
}

.leasing-box {
  border-left-color: #e06b20;
  border-left-width: 5px;
  border-left-style: solid;
}

.leasing-box-top {
  border-top-color: #e06b20;
  border-top-width: 5px;
  border-top-style: solid;
}

.inkasso {
  color: #d34828;
}

.inkasso-solid {
  background-color: #d34828;
  color: white;
}

.inkasso-box {
  border-left-color: #d34828;
  border-left-width: 5px;
  border-left-style: solid;
}

.inkasso-box-top {
  border-top-color: #d34828;
  border-top-width: 5px;
  border-top-style: solid;
}

.ejkund {
  color: #a5a5a5;
}

.ejkund-solid {
  background-color: #a5a5a5;
  color: white;
}

.ejkund-box {
  border-left-color: #a5a5a5;
  border-left-width: 5px;
  border-left-style: solid;
}

.ejkund-box-top {
  border-top-color: #a5a5a5;
  border-top-width: 5px;
  border-top-style: solid;
}

.text-editor-html ul > li {
  list-style: disc;
}

.text-editor-html ol > li {
  list-style: decimal;
}

/*# sourceMappingURL=system.css.map */

header {
  display: flex;
  flex-direction: row;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  width: 100%;
  z-index: 1000;
  height: 50px;
  align-items: center;
}

.header-content-block {
  padding: 0 8px;
  color: white;
  align-self: center;
}

.header-content-block i {
  font-size: 18px;
}

.header-content-block i:hover, .bolagsinfo-link i:hover {
  color: #e8e8e8;
}

.application-name-container {
  width: 200px;
  display: flex;
  align-self: center;
  vertical-align: middle;
  flex-direction: row;
}

#main-menu-visibilitytoggle {
  vertical-align: middle;
  margin: 10px;
  display: flex;
  cursor: pointer;
  align-self: center;
}

.application-name-banner {
  align-self: center;
  font-size: 20px;
  display: flex;
  line-height: 1.1;
}

a.application-name-banner:hover, a.application-name-banner:focus {
  text-decoration: none;
  font-weight: bold;
}

.application-name-banner-akl {
  font-size: 12px;
  margin-left: 2px;
}

.header-left-part {
  float: left;
}

.header-right-part {
  float: right;
  margin-right: 20px;
}

.systemtyp-tab {
  margin-bottom: 2px;
  font-size: 14px;
  margin-right: 12px;
  margin-left: 12px;
}

.systemtyp-tab > a {
  display: flex;
  justify-content: center;
}

.systemtyp-tab > a:hover, .systemtyp-tab > a:focus {
  text-decoration: none;
  font-weight: bold;
}

.systemtyp-tab-akl {
  font-size: 12px;
  line-height: 1.1;
  margin-left: 2px;
}

.kundtyp-tab {
  font-size: 14px;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  padding-bottom: 3px;
  /* Adjust a little, seems a bit off otherwise*/
  justify-content: center;
}

.kundtyp-tab a {
  padding: 1px 8px;
  margin-right: 3px;
  min-width: 60px;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  border-radius: 11px;
  white-space: nowrap;
}

.kundtyp-tab a:hover {
  color: white;
  text-decoration: none;
}

.kundtyp-tab-blocked {
  cursor: not-allowed;
}

.kundtyp-tab-blocked a:hover {
  text-decoration: none;
}

.bolagsinfo-container {
  background-color: #FFF;
  left: 300px;
  padding: 10px;
  top: 55px;
  max-height: 800px;
  overflow-y: auto;
}

.bolagsinfo-dokument-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.bolagsinfo-dokument {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 20px;
}

.bolagsinfo-dokument a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.search-results-list-container {
  background-color: #fff;
  padding: 0;
  padding-left: 0px;
  width: 474px;
  top: 47px;
}
@media screen and (max-width: 1550px) {
  .search-results-list-container {
    width: 374px;
  }
}

.popup-from-header-container {
  position: fixed;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: black;
  z-index: 5;
  overflow-y: auto;
  max-height: 90%;
}

.search-results-list-container ul {
  padding: 0px;
  background-color: white;
  margin-bottom: 16px;
}

.more-search-results-exists {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 4px;
  font-size: 9pt;
  color: #777;
}

.search-results-list-container a,
.search-results-list-container a:active,
.search-results-list-container a:visited,
.search-results-list-container a:hover {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 4px 16px;
  text-decoration: none;
}

.search-results-list-container a:hover {
  background-color: #cde3f0;
}

.search-results-list-container .selected {
  font-weight: bold;
  text-decoration: underline;
}

.search-results-list-container h2 {
  padding-left: 16px;
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 18px;
}

.main-search-container {
  margin: 0 8px;
  position: relative;
  color: #000;
}
.main-search-container .main-search-input {
  width: 350px;
  border-radius: 6px;
  box-shadow: none;
  border: none;
  transition: width 0.25s ease-in-out;
}
@media screen and (max-width: 1550px) {
  .main-search-container .main-search-input {
    width: 250px;
  }
}
.main-search-container .main-search-input:focus {
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.valuta-kurs-dropdown {
  display: block;
  background: white;
  position: absolute;
  top: 47px;
  right: 20px;
  width: 225px;
  padding: 6px 25px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  color: black;
}
.valuta-kurs-dropdown .out-of-date {
  color: red;
}
.valuta-kurs-dropdown .up-to-date {
  color: #666;
}
.valuta-kurs-dropdown .last-changed-text {
  font-size: 14px;
  font-style: italic;
}

#kund-banner-info-react-container .alert {
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.search-results-list-container a.extended-search-link {
  color: #0673b5;
  margin-bottom: 8px;
  padding: 0 16px;
}

/*# sourceMappingURL=header.css.map */

/* Main menu visibility toggle */
.show-main-menu #MainMenuContainer {
  display: block;
  margin: 0;
  padding: 0;
}

.show-main-menu #PageContentContainer {
  margin-left: 200px;
}

/* End Main menu visibility toggle */
.main-menu-item {
  font-size: 14px;
  height: 42px;
}

.main-menu-item:first-of-type {
  border-top: 1px #414549 solid;
}

.main-menu-item-text {
  flex-grow: 1;
  user-select: none;
  max-width: 150px;
  white-space: normal;
  overflow: hidden;
}

.main-menu-item:hover {
  background-color: #4d5056;
}

.main-menu-item.active {
  background-color: #3da8de;
  border-top: 0;
}

.main-menu-item a {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 10px;
}

.main-menu-item a:hover {
  text-decoration: none;
}

.main-menu-item-icon {
  /*color: #656467;*/
  color: white;
  font-size: 14px;
  width: 24px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}

li:hover .main-menu-item-icon {
  color: white;
}

.sub-menu-item {
  height: 40px;
  background: #41454b;
}
.sub-menu-item a {
  padding-left: 15px;
}

.required-actions-count {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: #979797;
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0 5px;
}

a .required-actions-count:hover {
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.15);
}

.required-actions-count.urgent-actions {
  background: #e74c3c;
}

/*# sourceMappingURL=mainmenu.css.map */

#spinnerDiv {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: transparent;
  text-align: center;
}

.center-spinner-box {
  position: relative;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  background: #F2F2F2;
  border-radius: 10px;
}

#cornerSpinnerDiv {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  z-index: 10000;
  border-top-right-radius: 10px;
  text-align: center;
}

.center-vertical-box {
  position: absolute;
  width: 100%;
  top: 50%;
}

/* loader start */
.loader {
  position: relative;
  border-width: 3px;
  border-style: solid;
  border-color: #E6E6E6;
  border-top-color: #0673b5;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.8s linear infinite;
  margin: auto;
}

.loader-small {
  position: relative;
  border-width: 2px;
  border-style: solid;
  border-color: #E6E6E6;
  border-top-color: #0673b5;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  animation: spin 0.8s linear infinite;
  margin: auto;
}

button .loader-small {
  position: initial;
  left: initial;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
}

.btn.btn-box-header-default .loader-small {
  border: 2px solid #ccc;
  border-top: 2px solid transparent;
}

button.btn-default .loader-small {
  position: initial;
  left: initial;
  border: 2px solid #828282;
  border-top: 2px solid transparent;
}

.loader-for-spinnerbox {
  position: relative;
  border-width: 5px;
  border-style: solid;
  border-color: #E6E6E6;
  border-top-color: #0673b5;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 0.8s linear infinite;
  margin: auto;
  margin-top: -25px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loaderelement-hide {
  display: none;
}

/* loader end */
/* DOT SPINNER START */
.dotspinner {
  text-align: center;
  white-space: nowrap;
}

.dotspinner > span {
  width: 3px;
  height: 3px;
  background-color: gray;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both;
  animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}

.white-dot-spinner.dotspinner > span {
  background-color: #fff;
}

.dotspinner-medium > span {
  width: 8px;
  height: 8px;
}

.dotspinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.dotspinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* DOT SPINNER END */

/*# sourceMappingURL=spinner.css.map */

.modal-dialog {
  margin-top: 20px;
}

.modal.in {
  display: block;
  animation: modal-fade-in 0.15s ease;
  transition: opacity 0.15s ease-in-out;
}
.modal.in .modal-dialog {
  transform: unset;
}

.loading-bg {
  z-index: 1600 !important;
}

.modal-backdrop {
  width: auto !important;
  height: 100%;
  z-index: 1001;
  position: fixed;
  filter: alpha(opacity=45);
  opacity: 0.45;
  animation: backdrop-fade-in 0.15s ease;
  transition: opacity 0.15s ease-in-out;
}

.modal-content {
  max-height: calc(100vh - 75px);
  overflow-y: auto;
  border-radius: 6px;
  border: none;
}

.modal-header {
  margin-right: 70px;
}

.modal-header h2 {
  font-size: 18px;
  margin-top: 16px;
}

.modal-close-icon-button {
  top: 16px;
  right: 16px;
  position: absolute;
  font-size: 18px;
  z-index: 1;
}

.modal-support-icon-button {
  top: 16px;
  right: 50px;
  position: absolute;
  font-size: 18px;
  z-index: 1;
}

@media (min-width: 1280px) {
  .modal-lg {
    width: 1200px;
  }
}
@keyframes backdrop-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.35;
  }
}
@keyframes modal-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.flexed-dialog-view-container {
  display: flex;
  flex-direction: column;
}
.flexed-dialog-view-container .modal-body {
  flex: 1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .flexed-dialog-view-container {
    display: initial;
    flex-direction: initial;
  }
  .flexed-dialog-view-container .modal-body {
    flex: none;
  }
}
.tooltip-window {
  z-index: 9999;
  position: fixed;
  padding: 8px;
  box-shadow: rgba(99, 99, 99, 0.35) 0px 2px 8px 0px;
  background-color: white;
  color: black;
  border-radius: 8px;
}
.tooltip-window a {
  color: #36a9e1 !important;
}

/*# sourceMappingURL=dialog.css.map */

.breadcrumb-container {
  width: 100%;
  padding: 16px;
  padding-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.breadcrumb {
  background-color: transparent;
  margin: 0;
  display: inline-block;
}

.breadcrumb-container li > a {
  color: black;
}

.breadcrumb-container .breadcrumb-button-container, .breadcrumb-container .pull-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  float: initial;
}

/*# sourceMappingURL=breadcrumb.css.map */

.col-nopad-both {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.col-nopad-right {
  padding-right: 0 !important;
}

.col-nopad-left {
  padding-left: 0 !important;
}

/*# sourceMappingURL=gridlayout.css.map */

.info-field-container {
  word-spacing: 0;
}

.info-field {
  display: block;
}

.info-field-label {
  display: inline-block;
  width: 120px;
  vertical-align: top;
  white-space: normal;
}

.info-field-row {
  white-space: nowrap;
}

.info-field-group {
  display: inline-block;
  vertical-align: top;
}

.info-field-group h3 {
  margin: 0;
  margin-bottom: 5px;
  font-weight: bold;
}

.form-horizontal-group, .form-horizontal-static-group {
  margin-bottom: 5px;
}

.form-horizontal-static-group {
  margin-top: 12px;
}

.form-horizontal-static-group + .form-horizontal-static-group {
  margin-top: 5px;
}

.form-horizontal-label {
  width: 200px;
  text-align: right;
  font-weight: normal;
  margin-right: 10px;
}

.label-100-form .form-horizontal-label {
  width: 100px;
}

.label-150-form .form-horizontal-label {
  width: 150px;
}

.control-300-form .form-horizontal-control {
  width: 300px;
}

.control-400-form .form-horizontal-control {
  width: 400px;
}

.form-horizontal-control {
  display: inline-block;
  width: 200px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #D4D4D4;
  border-radius: 6px;
  box-shadow: none;
  transition: border-color 100ms linear, box-shadow 100ms linear;
}

.form-horizontal-static {
  display: inline-block;
}

.form-horizontal-control:focus {
  border-color: #0673b5;
  outline: 0;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.form-horizontal-control[disabled], .form-horizontal-control[readonly], fieldset[disabled] .form-horizontal-control {
  cursor: not-allowed;
  background-color: #eee;
}

/* COMPACT */
.label-compact-145 .label-compact {
  width: 145px;
}

.label-compact-160 .label-compact {
  width: 160px;
}

.label-compact-200 .label-compact {
  width: 200px;
}

.group-compact {
  margin-bottom: 3px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.label-compact {
  display: inline-block;
  font-family: "Arial Regular", "Arial";
  font-weight: 400;
  font-style: normal;
  margin-bottom: 1px;
}

.control-compact {
  padding-top: 0px !important;
  flex: 1;
  margin-left: 10px;
}

select.control-compact {
  height: auto;
}

.addon-compact {
  width: 35px;
  display: inline-block;
  margin-left: 5px;
}

/* END COMPACT */
table.formtable > thead > tr > th,
table.formtable > thead > tr > td,
table.formtable > tbody > tr > td,
table.formtable > tbody > tr > th {
  padding-right: 15px;
}

table.formtable > tbody > tr > td {
  padding-bottom: 10px;
}

table.formtable-compact > tbody > tr > td {
  padding-bottom: 2px;
}

table.formtable > tbody > tr > th {
  padding-bottom: 2px;
}

table.formtable > tbody > tr > td:last-child,
table.formtable > tbody > tr > th:last-child {
  padding-right: 0px;
}

table.formtable-right > tbody > tr > td:first-child {
  text-align: right;
}

table.formtable-minimal-padding > tbody > tr > td {
  padding-bottom: 2px;
}

table.formtable-zero-padding > tbody > tr > td {
  padding-bottom: 0px;
}

tr.compact-row > td {
  padding-bottom: 0 !important;
}

/*# sourceMappingURL=forms.css.map */

.noteringar-container {
  padding: 0;
}

.noteringar-list {
  padding-left: 0;
  margin-bottom: 0;
}

.noteringar-list > .notering-item:first-child {
  padding-top: 8px;
}

.notering-item {
  padding: 16px;
  border-bottom: 1px solid #e9ebec;
}

.notering-pinned {
  border: 1px solid #F5D513;
}

.pin-icon-active {
  color: #dc3545;
}

.notering-item-text {
  font-size: 14px;
  line-height: 1.42857143;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.notering-collapsed-item-text {
  max-height: 60.00000006px;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.notering-item-icon-button, .box-header h2 i.notering-item-icon-button {
  cursor: pointer;
  margin-right: 5px;
  color: #aaa;
  border: 0;
}

.notering-inner-container {
  margin-bottom: 8px;
}

.notering-inner-container-with-system-box {
  margin-bottom: 16px;
  padding-left: 16px;
  border-left-width: 4px;
}

.notering-header {
  color: #8c8b8b;
  margin-bottom: 4px;
  min-height: 20px;
}

.notering-footer {
  margin-top: 8px;
}
.notering-footer .notering-footer-bottom {
  display: flex;
  justify-content: flex-end;
}

.notering-footer-icon-button {
  color: #7c848d;
  float: right;
}

.notering-add-textarea {
  resize: vertical;
  min-height: 80px;
  margin-bottom: 8px;
}

.notering-add-validation-message {
  color: #a94442;
}

/*# sourceMappingURL=noteringar.css.map */

.table {
  border: 1px solid #EDEDED;
  background-color: #fff;
}

.table > thead > tr > th {
  border: none;
}

.table-striped > thead > tr > th {
  border-bottom: 1px solid #F5F5F5;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: none;
  padding: 8px;
}

.table > thead > tr > th:first-child,
.table > tbody > tr > th:first-child,
.table > tfoot > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > td:first-child,
.table > tfoot > tr > td:first-child {
  padding-left: 16px;
}

.table > thead > tr > th:last-child,
.table > tbody > tr > th:last-child,
.table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child {
  padding-right: 16px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 4px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #F5F5F5;
}

.table-striped > thead > tr > th,
.table-striped > tbody > tr > th,
.table-striped > tfoot > tr > th,
.table-striped > thead > tr > td,
.table-striped > tbody > tr > td,
.table-striped > tfoot > tr > td {
  border-top: 1px solid #F5F5F5;
}

.table-component-spinner-parent {
  position: relative;
}

.table-component-spinner-background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.table-component-spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pagination-button-enabled {
  cursor: pointer;
}

.tagble-component-pagination {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.filter-icon {
  color: #999;
}

.filter-icon-active {
  color: #000;
}

.sortable-icon {
  color: #999;
}

.sortable-icon-active {
  color: #000;
}

.table-download-excel-button {
  display: flex;
  align-items: flex-end;
}

@media (min-width: 500px) {
  .display-flex-larger-screens-only {
    display: flex;
  }

  .table-download-excel-button {
    flex: 1;
    justify-content: flex-end;
  }
}
.claimedHighlight {
  text-decoration-line: line-through;
}

.table-initial-width {
  width: initial;
}

.is-table-box .table {
  border: none;
  margin-bottom: 0;
  border-radius: 6px;
}

.is-table-box > .box-content {
  padding: 0;
}

.is-table-box .table-component-container {
  width: 100%;
}

.is-table-box .table-box-content {
  padding: 8px 16px;
}

.is-table-box .table-box-component-content {
  padding-left: 16px;
  padding-right: 16px;
}

.is-table-box .table-striped > tbody > tr:last-of-type > td:first-child {
  border-bottom-left-radius: 6px;
}

.is-table-box .table-striped > tbody > tr:last-of-type > td:last-child {
  border-bottom-right-radius: 6px;
}

.is-table-dialog .modal-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.is-table-dialog .modal-body .table {
  border: 0;
  margin-bottom: 0;
}

.table tr.deactivated-row td, .table tr.deactivated-row a {
  color: #b2b8bd;
}

button.jump-to-page-activation-btn {
  position: absolute;
  top: -10px;
  right: -8px;
  font-size: 12px;
  padding: 0px;
  border-radius: 10px;
  height: 20px;
  width: 20px;
  min-width: 20px;
  border: 1px solid #dbdee0 !important;
  background-color: #fff;
}

.pagination > li > span.jump-to-page-input {
  padding: 0;
  width: 50px;
}

.pagination > li > span.jump-to-page-input .form-control {
  border: 0;
  border-radius: 0;
  padding: 6px;
  height: inherit;
}

.jump-to-page-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.table-scrollable-container {
  border: 1px solid #EDEDED;
  overflow-y: auto;
}

.table-scrollable-container table {
  border: 0;
}

.table-scrollable-container thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: white;
  box-shadow: inset 0 0 0 0, inset 0 -1px 0 #EDEDED;
}

/*# sourceMappingURL=table-component.css.map */

.component-tooltip {
  position: relative;
  display: inline-block;
  color: black;
}

.component-tooltip:hover {
  color: black;
}

.component-tooltip .component-tooltiptext-top {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 10;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: black;
  border-radius: 4px;
  transition: all 0.2s ease-out 0s;
  left: 50%;
  /* relative to parent */
  bottom: 150%;
  transform: translate(-50%, 0);
  /* relative to this element*/
}

.component-tooltip .component-tooltiptext-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.component-tooltip:hover .component-tooltiptext-top, .component-tooltiptext-right {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in 0s;
}

.component-tooltip .component-tooltiptext-right {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 10;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  transition: all 0.2s ease-in-out 0s;
  top: -50%;
  left: calc(100% + 15px);
}

.component-tooltip .component-tooltiptext-right::after {
  content: " ";
  position: absolute;
  top: 13px;
  right: 100%;
  /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.component-tooltip:hover .component-tooltiptext-right {
  visibility: visible;
  opacity: 1;
  transition: all 0.2s ease-in-out 0s;
}

/*# sourceMappingURL=tooltip.css.map */

.message-box {
  display: flex;
  background: #fff;
  border-radius: 6px;
}

.message-box.has-box-shadow {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
}

.message-box-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  background-color: #fff;
  padding-left: 16px;
}
.message-box-icon-container i {
  font-size: 32px;
}

.message-box-content {
  padding: 16px;
  flex: 1;
  position: relative;
}

.message-box-content-message {
  font-size: 16px;
  white-space: pre-line;
}

.message-box-warning {
  border: 1px solid #ffc107;
}
.message-box-warning .message-box-icon-container i {
  color: #ffc107;
}

.message-box-info {
  border: 1px solid #0d6efd;
}
.message-box-info .message-box-icon-container i {
  color: #0d6efd;
}

.message-box-danger {
  border: 1px solid #dc3545;
}
.message-box-danger .message-box-icon-container i {
  color: #dc3545;
}

.message-box-success {
  border: 1px solid #198754;
}
.message-box-success .message-box-icon-container i {
  color: #198754;
}

/*# sourceMappingURL=messagebox.css.map */

.stepper-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
@media (max-width: 768px) {
  .stepper-item {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 17px;
  left: -50%;
  z-index: 1;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 17px;
  left: 50%;
  z-index: 1;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 6px;
  padding-top: 1px;
}

.stepper-item.active {
  font-weight: bold;
}

.stepper-item.completed .step-counter {
  background-color: #0673b5;
  border-color: #0673b5;
  color: #fff;
}

.stepper-item.active .step-counter {
  border-color: #0673b5;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #0673b5;
  width: 100%;
  top: 17px;
  left: 50%;
  z-index: 2;
}

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

.stepper-item > .step-name {
  color: #6a6a6a;
  white-space: pre-line;
  text-align: center;
}

.stepper-item.active > .step-name {
  color: #333;
}

.stepper-wrapper.warning .stepper-item.completed .step-counter {
  background-color: #ffc107;
  border-color: #ffc107;
}
.stepper-wrapper.warning .stepper-item.active .step-counter {
  border-color: #ffc107;
  background-color: #ffc107;
  color: #fff;
}
.stepper-wrapper.warning .stepper-item.active .step-counter {
  border-color: #ffc107;
}
.stepper-wrapper.warning .stepper-item.completed::after {
  border-bottom: 2px solid #ffc107;
}

.stepper-wrapper.error .stepper-item.completed .step-counter {
  background-color: #dc3545;
  border-color: #dc3545;
}
.stepper-wrapper.error .stepper-item.active .step-counter {
  border-color: #dc3545;
  background-color: #dc3545;
  color: #fff;
}
.stepper-wrapper.error .stepper-item.active .step-counter {
  border-color: #dc3545;
}
.stepper-wrapper.error .stepper-item.completed::after {
  border-bottom: 2px solid #dc3545;
}

@media (max-width: 767px) {
  .stepper-item:not(.active) > .step-name:not(.force-display-step-name) {
    display: none;
  }

  .stepper-item > .step-name {
    max-width: 70px;
    overflow: hidden;
  }
}

/*# sourceMappingURL=progress-step-bar.css.map */

#snackbar-container {
  position: fixed;
  bottom: 10px;
  left: 10px;
  right: 10px;
  z-index: 1000000;
}
#snackbar-container .message-box {
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 1px rgba(60, 64, 67, 0.16);
  cursor: pointer;
}
#snackbar-container .message-box:hover {
  box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.2), 0 1px 3px 1px rgba(60, 64, 67, 0.4);
}

.snackbar-instance {
  margin: 10px 0;
  width: 100%;
  animation: message-box-in 200ms ease;
  transition: opacity 200ms ease;
}

.snackbar-instance button {
  animation: none;
  transition: none;
}

@keyframes message-box-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.snackbar-icon {
  font-size: 20px;
  color: #bbb;
  display: block;
  margin-bottom: 6px;
}

.snackbar-icon:hover {
  color: #888;
}

.snackbar-vertcal-centered-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.snackbar-vertcal-centered-container .ul-with-circle {
  margin-bottom: 0;
}

.snackbar-vertical-timer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  visibility: hidden;
  width: 100%;
  animation: snackbar-timer-grow 15000ms linear;
}

@keyframes snackbar-timer-grow {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
    visibility: hidden;
  }
}
.message-box-warning .snackbar-vertical-timer {
  background-color: #f0ad4e;
}

.message-box-error .snackbar-vertical-timer {
  background-color: #d9534f;
}

.message-box-info .snackbar-vertical-timer {
  background-color: #5bc0de;
}

.message-box-success .snackbar-vertical-timer {
  background-color: #5cb85c;
}

/*# sourceMappingURL=snackbar.css.map */

@charset "UTF-8";
/* COMMON */
.direktSakerhet, .direktSakerhet a {
  color: #999;
}

.lan-sakerheter-list {
  max-width: 1300px;
}

.lan-sakerheter-list .box2 {
  border-bottom: 1px solid #ccc;
}

.lan-sakerheter-list .direktSakerhet, .lan-sakerheter-list .direktSakerhet a {
  color: black;
}

.lan-sakerheter-list .direktSakerhet a.blue {
  color: #36a9e1;
}

.lan-sakerheter-list .generellSakerhet, .lan-sakerheter-list .generellSakerhet a {
  color: #999;
}

.sakerhet-lan-link {
  display: inline-block;
  margin-left: 5px;
}

.lan-sakerheter-list .sakerhet-lan-link {
  display: none;
}

.sakerhetstyp-icon-container {
  display: inline-block;
  width: 18px;
  text-align: center;
  vertical-align: top;
}

.pill.slappt-sakerhet-pill {
  background: #ffc107;
  color: #000;
}

.beredning-sakerhet-pill {
  background: #aaa;
}

.slappt-sakerhet-pill, .beredning-sakerhet-pill {
  margin-left: 6px;
}

/* SÄKERHETER OVERVIEW */
.sakerhet-overview-table {
  width: 100%;
}

.sakerhet-overview-table td {
  padding-bottom: 7px;
}

/* SÄKERHETER DIALOG */
.sakerhet-field-label {
  display: inline-block;
  width: 185px;
}

.sakerheter-dialog-container .field-section-break {
  margin-top: 8px;
}

.sakerhetstyp-container {
  padding-bottom: 10px;
}

.sakerhetstyp-container:last-of-type {
  border-bottom: none;
}

.sakerhetstyp-dialog-header {
  font-size: 16px;
  font-weight: bold;
}

.sakerhetstyp-header {
  margin-bottom: 15px;
  background: #f7f7f8;
  border: 1px solid #dbdee0;
  width: 100%;
  height: 40px;
}

.sakerhetstyp-header h3 {
  font-size: 16px;
  margin: 10px;
}

.add-sakerhet-button {
  float: right;
}

.sakerhet-subheader {
  font-weight: bold;
}

.sakerheter-list-container {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.sakerheter-list-item {
  margin-bottom: 8px;
  border-bottom: 1px solid #cecece;
  padding-bottom: 8px;
}

.sakerheter-list-item:last-of-type {
  border-bottom: none;
}

.left-container {
  display: inline-block;
  width: 400px;
}

.right-container {
  display: inline-block;
  width: 330px;
  vertical-align: top;
}

.no-sakerheter-message {
  margin-bottom: 20px;
  margin-left: 10px;
}

.sakerheter-item-actions {
  float: right;
}

.sakerhetstyp-container-empty {
  color: #888888;
}

/*# sourceMappingURL=sakerheter.css.map */

.checkmark-container {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 18px;
  min-height: 18px;
  padding-left: 18px;
  line-height: 18px;
  margin: 0;
}

.checkmark-container.disabled {
  cursor: not-allowed;
}

.checkmark-mark-label {
  margin-left: 6px;
  font-weight: normal;
  line-height: 1;
}

.checkmark-mark-label.bold {
  font-weight: bold;
}

.checkmark-container input {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}

.checkmark-mark {
  position: absolute;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: white;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: background-color 100ms linear, border-color 100ms linear, box-shadow 100ms linear;
}

.checkmark-container input:checked ~ .checkmark-mark {
  background-color: #0789d8;
  border: none;
}

.checkmark-container input:disabled ~ .checkmark-mark {
  background-color: #bbb;
  border-color: #bbb;
  opacity: 0.65;
}

.checkmark-container:hover input:enabled ~ .checkmark-mark {
  background-color: #e6e6e6;
  box-shadow: none;
}

.checkmark-container:hover input:checked:enabled ~ .checkmark-mark {
  background-color: #0673b5;
}

.checkmark-mark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkmark-container input:checked ~ .checkmark-mark:after {
  display: block;
}

.checkmark-container .checkmark-mark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark-container.checkbox-box-header {
  margin-right: 8px !important;
  font-size: 14px;
  color: #828282;
}

.checkmark-container.has-error {
  color: #dc3545;
}

.checkmark-container.has-error > .checkmark-mark {
  border-color: #dc3545;
}

/*# sourceMappingURL=checkmark.css.map */

.radio-container {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 18px;
  min-height: 18px;
  padding-left: 18px;
  margin: 0;
}

.radio-container.horizontal {
  padding-right: 20px;
}

.radio-container.vertical {
  margin-bottom: 4px;
}

.radio-container.disabled {
  cursor: not-allowed;
}

.radio-label {
  margin-left: 8px;
  font-weight: normal;
  line-height: 1;
}

.radio-container input {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}

.radio-mark {
  border: 1px solid #999;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.radio-mark:after {
  content: "";
  display: none;
}

.radio-container:hover input ~ .radio-mark {
  opacity: 0.7;
}

.radio-container input:checked ~ .radio-mark {
  border-color: #0789d8;
}

.radio-container input:checked ~ .radio-mark:after {
  display: block;
  background-color: #0789d8;
}

.radio-container input:disabled ~ .radio-mark:after {
  background-color: #bbb;
}

.radio-container input:disabled ~ .radio-mark {
  border-color: #bbb;
}

.radio-container:hover input:checked ~ .radio-mark {
  border-color: #0673b5;
}

.radio-container:hover input:checked ~ .radio-mark:after {
  background-color: #0673b5;
}

.radio-container:hover input:disabled ~ .radio-mark:after {
  background-color: #888888;
}

.radio-container:hover input:disabled ~ .radio-mark {
  border-color: #888888;
}

.radio-container.has-error .radio-mark {
  border-color: #dc3545;
}

.radio-container.has-error input:checked ~ .radio-mark {
  border-color: #dc3545;
}

.radio-container.has-error input:checked ~ .radio-mark:after {
  background-color: #dc3545;
}

.radio-container.has-error:hover input:checked ~ .radio-mark {
  border-color: #921925;
}

.radio-container.has-error:hover input:checked ~ .radio-mark:after {
  background-color: #921925;
}

.radio-container.has-error input:disabled ~ .radio-mark:after {
  background-color: #dbb;
}

.radio-container.has-error input:disabled ~ .radio-mark {
  border-color: #dbb;
}

.radio-container.has-error:hover input:disabled ~ .radio-mark {
  border-color: #bb7777;
}

.radio-container.has-error:hover input:disabled ~ .radio-mark:after {
  background-color: #bb7777;
}

.radio-container .radio-mark:after {
  width: 14px;
  height: 14px;
  border-radius: 9px;
}

/*# sourceMappingURL=radiobuttongroup.css.map */

.ck.ck-editor ol > li {
  list-style: decimal;
}

.ck.ck-editor ul > li {
  list-style: disc;
}

.ck.ck-editor h1 {
  font-size: 2em;
  line-height: 1.1;
  font-weight: bold;
  margin: 6px 0;
}

.ck.ck-editor h2 {
  font-size: 1.5em;
  line-height: 1.1;
  font-weight: bold;
  margin: 6px 0;
}

.ck.ck-editor h3 {
  font-size: 1.17em;
  line-height: 1.1;
  font-weight: bold;
  margin: 6px 0;
}

.ck.ck-editor h4 {
  font-size: 1em;
  line-height: 1.1;
  margin: 6px 0;
}

.ck.ck-editor .table table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px double #b3b3b3;
}

.ck.ck-editor .table table td, .ck.ck-editor .table table th {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid #d9d9d9;
}

.ck.ck-balloon-panel:has(.ck-link-form),
.ck.ck-balloon-panel:has(.ck-link-actions) {
  z-index: 10000 !important;
}

/*# sourceMappingURL=ckeditor-overrides.css.map */

@charset "UTF-8";
.pill {
  font-size: 10px;
  padding: 4px 6px;
  border-radius: 2px;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
  margin-top: -2px;
  margin-bottom: -2px;
}

/* Used at least in Inkassera ärendevy */
.pill-semilarge {
  font-size: 14px;
  padding: 4px 6px;
  border-radius: 2px;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
  margin-top: -2px;
  margin-bottom: -2px;
}

/* Used at least in LånA låndetails */
.pill-large {
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 2px;
  color: white;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
  margin-top: -3px;
  margin-bottom: -3px;
}

.box-header .pill {
  margin-left: 8px;
}

.pill-förfallen {
  background-color: #34495E;
}

.pill-avskriven {
  background-color: #CCC;
}

.pill-default {
  background-color: #828282;
}

.pill-primary {
  background-color: #0d6efd;
}

.pill-success {
  background-color: #198754;
}

.pill-info {
  background-color: #0dcaf0;
}

.pill-warning {
  background-color: #ffc107;
  color: #000;
}

.pill-danger {
  background-color: #dc3545;
}

/*# sourceMappingURL=pill.css.map */

.react-popover-container {
  position: absolute;
  min-width: 200px;
  margin-left: 5px;
  z-index: 1000;
  text-align: left;
}

.react-popover-content {
  top: 0;
  background: #fff;
  padding: 16px;
  position: relative;
  left: -50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 6px;
  width: 280px;
  max-width: 280px;
}

.react-popover-header {
  font-weight: 400;
  display: flex;
  align-items: center;
}

.react-popover-body {
  font-weight: initial;
}

/*# sourceMappingURL=popover.css.map */

.form-control {
  box-shadow: none;
  border: 1px solid #D4D4D4;
  transition: border-color 100ms linear, box-shadow 100ms linear;
  border-radius: 6px;
}

.dark-input {
  color: white;
  background: #34373C;
  border: 1px solid #555;
}

.form-control:focus,
.form-control:focus-within {
  border-color: #0789d8;
  outline: 0;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.input-group > input, .input-group > textarea {
  border-width: 1px;
  margin-bottom: -1px;
  border-style: solid;
}

.input-group,
.input-group input[type=text],
.input-group input[type=number] {
  line-height: 24px;
  width: 100%;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  height: 34px;
}

div .input-group:last-child {
  margin-bottom: 10px;
  cursor: pointer;
}

.input-group,
.input-group textarea {
  border-color: #ddd;
  line-height: 24px;
  width: 100%;
}

.input-group-addon:last-child {
  border-color: #ddd;
  border-left: 1px solid #ddd;
}

.input-file {
  margin-left: 10px;
  margin-bottom: 8px;
  margin-top: 5px;
}

.input-group > .input-email {
  width: 100%;
  border-color: #ddd;
  padding: 8px;
}

.input-group-relative {
  position: relative;
  margin-bottom: 10px;
}

.input-group-relative label {
  font-weight: normal;
  cursor: text;
}

.input-group-relative input + label, .input-group-relative textarea + label, .input-group-relative select + label {
  top: 0;
  left: 5px;
  font-size: 12px;
  position: absolute;
  transition: all 0.1s linear;
  opacity: 1;
  padding-top: 0;
  line-height: initial;
  z-index: 4;
  color: #888;
}

/*IE10+ CSS styles go here*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .input-group-relative input + label, .input-group-relative textarea + label, .input-group-relative select + label {
    display: none;
  }
}
.input-group-relative input[type=text]:placeholder-shown + label,
.input-group-relative input[type=email]:placeholder-shown + label,
.input-group-relative input[type=number]:placeholder-shown + label,
.input-group-relative textarea:placeholder-shown + label,
.input-group-relative select:placeholder-shown + label {
  opacity: 0;
  top: 13px;
}

.input-group > input:first-child {
  margin-right: -30px;
}

.info-bubble-icon {
  margin-right: 6px;
  margin-top: 7px;
  font-size: 18px;
  color: #999;
}

.input-addon-text {
  margin-right: 6px;
  margin-top: 7px;
  color: #999;
}

.delete-icon {
  z-index: 5;
  position: absolute;
  right: 4px;
  top: 2px;
  color: #777777;
}

.sticky-input input,
.sticky-input select {
  height: 38px;
}

.btn.file-input-button:not(.file-input-file-name-container-is-hidden) {
  border-radius: 6px 0 0 6px;
}

.file-input-file-name-container {
  width: 300px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #ccc;
  border-left: none;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: background-color 250ms ease;
}

.formtable .file-input-file-name-container {
  width: 100%;
}

.file-input-file-name-container.is-disabled {
  cursor: not-allowed;
  background-color: #eee;
}

.drop-zone-highlighted {
  border: 1px dashed #ccc;
}

.drop-zone-hovered {
  background-color: #F0F0F0;
}

.btn {
  text-shadow: none;
  border: 1px solid #D4D4D4;
  color: #222;
  background: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: background-color 200ms linear, border-color 200ms linear, box-shadow 200ms linear, transform 0.05s ease, color 200ms linear;
}

.btn:hover,
.btn:active,
.btn.active {
  box-shadow: none;
}

.btn-primary {
  color: #ffffff;
  background: #0789d8;
  border: 1px solid #0789d8;
}

.btn-primary:hover,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active {
  background-color: #0673b5;
  border-color: #0673b5;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: #045484;
  border-color: #045484;
}

.btn-default {
  border: 1px solid #D4D4D4;
  color: #222;
  background: #fff;
}

.btn-default.icon-button {
  color: #828282;
}

.btn.btn-box-header-default,
.btn-box-header-default,
.btn-box-header-default.icon-button,
.btn.btn-box-header-default.icon-button {
  border: 1px solid #D4D4D4;
  color: #555;
  background: #fff;
}

.btn-default:hover,
.btn-default.disabled,
.btn-default[disabled],
.btn-default:active,
.btn-default:focus,
.btn-default.active,
.btn.btn-box-header-default:hover,
.btn-box-header-default:hover {
  background-color: #EBEBEB;
  border-color: #D4D4D4;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  background-color: #d2d2d2;
  border-color: #bbbbbb;
}

.btn-warning {
  color: #222;
  background: #ffc107;
  border: 1px solid #ffc107;
}

.btn-warning:hover,
.btn-warning.disabled,
.btn-warning[disabled],
.btn-warning:active,
.btn-warning:focus,
.btn-warning.active {
  color: #222;
  background-color: #e2aa00;
  border-color: #e2aa00;
}

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #222;
  background-color: #af8400;
  border-color: #af8400;
}

.btn-danger {
  color: #ffffff;
  background: #dc3545;
  border: 1px solid #dc3545;
}

.btn-danger:hover,
.btn-danger.disabled,
.btn-danger[disabled],
.btn-danger:active,
.btn-danger:focus,
.btn-danger.active {
  background-color: #bb2d3b;
  border-color: #bb2d3b;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  background-color: #92232e;
  border-color: #92232e;
}

.btn-success {
  color: #fff;
  background: #198754;
  border: 1px solid #198754;
}

.btn-success:hover,
.btn-success.disabled,
.btn-success[disabled],
.btn-success:active,
.btn-success:focus,
.btn-success.active {
  background-color: #157347;
  border-color: #157347;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  background-color: #0d482c;
  border-color: #0d482c;
}

.clickable-icon {
  cursor: pointer;
}

.icon-button, .btn.icon-button {
  padding: 0 7px;
  margin: 1px;
  min-width: 20px;
  border-radius: 4px;
  height: 20px;
  border: none !important;
  box-shadow: none;
}

.btn.btn-compact {
  padding: 0 2px;
}

.secondary-icon-button {
  color: #9b9b9b;
  cursor: pointer;
  border-radius: 0;
}

.secondary-icon-button:hover {
  color: #000;
}

.btn.btn-box-header, .btn-box-header {
  padding: 4px 8px;
  margin-left: 16px;
  line-height: 1;
}

.default-color {
  color: #828282;
}

.input-container {
  position: relative;
}

.input-container input + label,
.input-container textarea + label,
.input-container select + label {
  top: 0;
  left: 5px;
  font-size: 10px;
  position: absolute;
  transition: all 0.1s linear;
  opacity: 1;
  padding-top: 0;
  line-height: initial;
  z-index: 4;
  color: #888;
  font-weight: normal;
}

.input-container input[type=text]:placeholder-shown + label,
.input-container input[type=email]:placeholder-shown + label,
.input-container input[type=number]:placeholder-shown + label,
.input-container input[type=password]:placeholder-shown + label,
.input-container textarea:placeholder-shown + label,
.input-container select:placeholder-shown + label {
  opacity: 0;
  top: 13px;
}

.input-container > .info-bubble-icon {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
}

.input-container > .input-addon-text {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
}

.input-container > input.has-error,
.input-container > select.has-error,
.input-container > textarea.has-error {
  border: 1px solid #dc3545;
}

.input-label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.input-label .fa-asterisk {
  padding-top: 4px;
  font-size: 6px;
}

.input-container .input-label {
  position: absolute;
  top: -20px;
}

/*# sourceMappingURL=inputs.css.map */

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}

.bs-callout code {
  border-radius: 3px;
}

.bs-callout + .bs-callout {
  margin-top: -5px;
}

.bs-callout-default {
  border-left-color: #777;
}

.bs-callout-default h4 {
  color: #777;
}

.bs-callout-primary {
  border-left-color: #0673b5;
}

.bs-callout-primary h4 {
  color: #0673b5;
}

.bs-callout-success {
  border-left-color: #198754;
}

.bs-callout-success h4 {
  color: #198754;
}

.bs-callout-danger {
  border-left-color: #dc3545;
}

.bs-callout-danger h4 {
  color: #dc3545;
}

.bs-callout-warning {
  border-left-color: #ffc107;
}

.bs-callout-warning h4 {
  color: #ffc107;
}

.bs-callout-info {
  border-left-color: #6aabd3;
}

.bs-callout-info h4 {
  color: #6aabd3;
}

/*# sourceMappingURL=bootstrap-callout.css.map */

.icon-default {
  color: #828282;
}
.icon-default.clickable-icon:hover {
  color: #4f4f4f;
}

.icon-warning {
  color: #ffc107;
}
.icon-warning.clickable-icon:hover {
  color: #a07800;
}

.icon-error {
  color: #dc3545;
}
.icon-error.clickable-icon:hover {
  color: #921925;
}

.icon-success {
  color: #198754;
}
.icon-success.clickable-icon:hover {
  color: #09311e;
}

/*# sourceMappingURL=icon.css.map */