html, body { padding: 0; margin: 0; }
html { font-size:96%; line-height: 1.2em; }
body, input, select, textarea, button { font-family: Roboto, Arial, Helvetica, sans-serif; font-size:1em; }
.no-list, .no-list > li { margin: 0; padding: 0; list-style-type: none; }
a[href] { color: #1a8e96; text-decoration:none; }
html.no-touch a[href]:not([disabled]):hover { color: #06757c; }
header, main, section, nav { display: block; }

/* LAYOUT */
.site-width { width: 98%; max-width: 1200px; margin: 0 auto; position: relative; box-sizing: border-box; }

header { background-color: #004467; padding: 2rem 0 1rem; position: sticky; top: 0; z-index: 10002; }
header .site-width { padding-right: 10em; }
.header-action-link { display: block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; background-color: white; color: #004467; text-decoration: none; font-size: 1.2em; font-weight: 500; text-align: center; border-radius: 50%; }
.header-action-link i { color: #004467; line-height: 2.5rem; font-weight: 600; }

#breadcrumb { color: white; font-size: 1.1em; }
#breadcrumb a { text-decoration: none; color: #c3d0dc; text-transform: uppercase; font-weight: 500; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.35em; }
#breadcrumb a[href] { color: white; }
.breadcrumb-list { display: flex; flex-direction: row; flex-wrap: nowrap; }
.breadcrumb-list li { max-width: 18em; }
.breadcrumb-list li:not(:last-child) { padding-right: 1em; position: relative; }
.breadcrumb-list li:not(:last-child)::after { content: '/'; position: absolute; width: 1em; text-align: center; right: 0; bottom: .15rem; }

#user-widget { position: absolute; right: 3em; top: -1rem; }
#user-widget > a { display: block; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; background-color: white; color: #004467; text-decoration: none; font-size: 1.2em; font-weight: 500; text-align: center; border-radius: 50%; }

#notification-widget { position: absolute; right: 6em; top: -1rem; }
#notification-widget > a { position: relative; }
#notification-widget > a[data-count]::after { content: attr(data-count); position: absolute; text-align: center; color: white; font-size: .5em; background-color: red; display: block; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; border-radius: 50%; color: white; text-align: center; top: -0.25rem; right: -0.25rem; left: auto; }
#notification-widget .menu { min-width: 25em; }
#notification-widget .menu .content { padding: .5rem 0 .5rem 1rem; }
#notification-widget .menu .content ul { font-size: .8em; max-height: 20rem; overflow-x: auto; padding-right: 1rem; }
#notification-widget .menu .content ul li { display: block; padding: .5rem 2.5rem .5rem .5rem; position: relative; }
#notification-widget .menu .content ul li + li { border-top: solid 1px #e1e1e1; }
#notification-widget .menu .content ul li a { display: block; }
#notification-widget .menu .content ul li a span { display: block; line-height: 1.1rem; }
#notification-widget .menu .content ul li a span.header { font-weight: 500; }
#notification-widget .menu .content ul li a span.text { font-size: .95em; }
#notification-widget .menu .content ul li .action { position: absolute; right: 0; font-size: .9em; top: 0.6rem; }
#notification-widget .menu .content ul li a:not(.action) { color: inherit; }

#notification-widget .action { }
#notification-widget .dismiss-all { position: absolute; margin-top: -2.55rem; font-size: .8em; }

body.busy .user-notification-menu.active { cursor: not-allowed; }
body.busy .user-notification-menu.active .content { opacity: .6; pointer-events: none; }

#search-widget { position: absolute; right: 0; top: -1rem; }
#search-widget a { opacity: .7; }

main { padding: 2em 0; position: relative; }
body {  }

body.editprofile #search-widget,
body.changepassword #search-widget { display: none; }
body.editprofile #user-widget,
body.changepassword #user-widget { right: 0; }
body.editprofile #notification-widget,
body.changepassword #notification-widget { right: 3rem; }

.message { padding: 1em; margin-bottom: 2em; max-width: 40em; border-radius: 4px; #272727; }
.info-message { background-color: #b2c7d1; }
.warning-message { background-color: #b2c7d1; }

/* dialogs */
.dialog-wrapper { position: fixed; z-index: 10100; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); }
.dialog { background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.26); min-width: 20em; max-width: 30em; padding: 0 0 1rem; border-radius: 4px; }
.dialog-header { padding: 1rem 2rem; background-color: #004467; color: white; border-radius: 4px 4px 0 0; }
.dialog-content { padding: 2rem 2rem 0; overflow: auto; max-height: 500px; }
.dialog-content p { margin: 0; }
.dialog-content p + p { margin-top: 1rem; }

.dialog-header + .dialog-content { padding-top: 1.5rem; }
.dialog-actions { padding: 2rem 2rem 0; text-align: center; }
.dialog-actions .action + .action { margin-left: 1.5rem; }
.dialog-actions a.action { color: #999; }
.dialog-actions a.action:hover { color: #444; }
/* search */
#search-form { background-color: white; position: absolute; left: 100%; top: -1.5rem; right: 0; bottom: -.45rem; display: flex; align-items: center; z-index: 101; overflow: hidden; transition: left .25s ease-in-out; }
#search-form input { font-size: 1.25em; padding: .8rem; border: none; outline: none; width: calc(100% - 3em); vertical-align: middle; margin-top: .05em; }
#search-form input.error {  }
#search-form .close { position: absolute; right: 0; width: 2rem; top: .9rem; color: black; vertical-align: middle; }
#search-form .close i { vertical-align: middle; }
#search-form label.error { display: none !important; }
body.search-mode #search-form { left: 0; }

/* search */
#search-layer { position: fixed; top: 4.2rem; right: 0; left: 0; bottom: 0; background-color: white; z-index: 101; height: 0; max-height: 0; overflow: hidden; transition: max-height .25s ease-in-out; z-index: 10001; }
#search-layer .site-width { height: 98%; }
#search-layer #search-results { height: 100%; overflow: hidden; }
#search-layer .result-list { overflow-y: auto; max-height: 96%; }
#search-layer .result-list li { border-bottom: solid 1px #e1e1e1; }
#search-layer .result-list li:first-child { border-top: solid 1px #e1e1e1; }
#search-layer .result-list a { display: inline-block; padding: .75em .25em; text-decoration: none; color: black; display: block; }
html.no-touch #search-layer .result-list a:hover { background-color: #f9f9f9; }
#search-layer .result-list a span { display: block; }
#search-layer .result-list .title { font-size: 1.2em; font-weight: 500; }
#search-layer .result-list .sub-title { font-size: .9em; text-transform: uppercase; margin-bottom: .35em; }
#search-layer .result-summary,
#search-layer .no-results { font-size: 1.2em; margin-bottom: 1em; }


body.show-search-layer #search-layer { height: auto; max-height: calc(100vh - 4rem); padding-top: 2em; }
body.show-search-layer { overflow: hidden; }

/* nav menu */
nav.menu { margin-top: .25em; box-shadow: rgba(0,0,0,.2) 0 2px 3px; background: #fff; border-radius: 4px; height: 0; max-height: 0; overflow: hidden; position: absolute; transition: max-height .5s ease-in-out; z-index: 100001; min-width: 15em; }
nav.menu:not(.no-right) { right: 0; }
nav.menu .info { padding: 1em; text-align: right; border-bottom: solid 1px #dde6ee; }
nav.menu .info .title { display: block; white-space: nowrap; font-weight: 500; }
nav.menu .info .sub-title { font-size: .85em; }
nav.menu ol { padding: 1em 0; }
nav.menu ol li.group { position: relative; }
nav.menu ol li.group .group-buttons { height: 0; max-height: 0; left: 0; right: 0; overflow: hidden; transition: max-height .5s ease-in-out; box-shadow: rgba(0,0,0,.2) 0 2px 3px; background: #fff; border-radius: 4px; }
nav.menu ol li.group > button::after { content: '…'; font-weight: 700; position: absolute; right: 1em; top: .25em; color: black; }
nav.menu ol li.group.active .group-buttons { height: auto; max-height: 20em; z-index: 100; }
nav.menu ol li.group.active > button { background-color: #f1f1f1; color: black; }
nav.menu ol li.group.active > button::after { transform: rotate(90deg); top: .5em; right: .5em; }
nav.menu ol a { display: block; padding: .5em 1em; color: black; text-decoration: none; }
nav.menu ol button { display: block; border: none; background: none; padding: .5em 1em; color: black; width: 100%; text-align: left; outline: none; }
nav.menu ol button:disabled { opacity: .5; cursor: not-allowed; }
nav.menu ol button.emphasize { border-left: solid 4px #ffae68; }
html.no-touch nav.menu ol a[href]:hover,
html.no-touch nav.menu ol button:not(:disabled):hover { background-color: #f1f1f1; color: black; }
html.no-touch nav.menu ol button.emphasize:not(:disabled):hover { border-color: #ffa558; }
nav.menu.active { height: auto; max-height: 50em; border: solid 1px #f0f2f5; }

.card-tool-list button[disabled] { display: none; }

/* home page */
body.home { background-color: #f0f2f5; }
.card-list { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -1em; }
.card-list > li { box-sizing: border-box; flex: 33.33%; max-width: 33.33%; padding: 1em; }

.card-list .card { box-shadow: rgba(0,0,0,.2) 0 2px 3px; background: #fff; border-radius: 3px; height: 100%; }
.card-list .card .content { display: block; padding: 1.5em; box-sizing: border-box; text-decoration: none; }
.card-list .card .content .header { position: relative; display: block; }
.card-list .card .content .header.icon-header { padding-left: 3.5em; }
.card-list .card .content .header .icon { position: absolute; left: 0; top: -.05em; width: 1.6em; height: 1.6em; line-height: 1.6em; background-color: #999; border-radius: 50%; color: white; text-align: center; }
.card-list .card .content .header .title { font-weight: 500; color: black; font-size: 1.1em; display: block; }
.card-list .card .content .header .sub-title { font-size: .9em; color: #666; margin-top: 0; display: block; }
.card-list .card .actions { position: relative; padding: .5em 1.5em 1em; }
.card-list .card .actions .action { text-decoration: none; text-transform: uppercase; font-size: .9em; font-weight: 600; display: inline-block; }
.card-list .card .actions .action + .action { margin-left: 1em; }
.card-list .card .actions .action.menu-trigger { position: absolute; right: 1em; color: black; }
.card-list .card .actions .menu { margin-top: .65em; }

/* client list */

#client-filter { position: relative; text-align: right; margin-bottom: 1em; }
#client-filter form { position: absolute; right: 0; left: 100%; overflow: hidden; background-color: white; transition: left .25s ease-in-out;  }
#client-filter input { border: none; padding: .5em 1em; width: calc(100% - 2em); outline:none; }
#client-filter .trigger { width: 2.2em; height: 2.2em; line-height: 2.2em; background-color: #004467; color: white; text-decoration: none; display: inline-block; text-align: center; border-radius: 50%; }
#client-filter .trigger i { font-size: 1.6em; vertical-align: middle; }
#client-filter .close { position: absolute; right: .5em; top: .45rem; }
#client-filter .close i { color: black; font-size: 1.4em; }

body.show-client-filter #client-filter form { left: calc(66.66% + 1.2em); border: solid 1px #dee0e3; }

.client-list .client.new-client .card:not(:hover) { background:transparent; box-shadow:none; }
.client-list .client.new-client .content { color: #ccc; height: 100%; display: flex; align-items: center; justify-content: center; }
.client-list .client.new-client .content i { font-size: 4em; }
.client-list .menu ol { max-height: 15em; overflow: auto; }

/* entity card */
.card-header { margin-bottom: 1em; }
.card-header h2 { display: inline-block; margin: 0; padding: 0; font-weight: 500; font-size: 1.6em; line-height: 1.2em;  vertical-align: middle; }
#card-tools { display: inline-block; vertical-align: middle; }
#card-tools .trigger { display: inline-block; margin-left: .5em; }
#card-tools .trigger i { background-color: #1a8e96; color: white; border-radius: 50%; display: inline-block; font-size: 1.2em; vertical-align: middle; line-height: 2rem; width: 2rem; text-align: center; }
#card-tools .trigger span { display: inline-block; font-size: 1.2em; width: 2rem; line-height: 2rem; text-align: center; vertical-align: middle; color: black; margin-left: .25em; border-radius: 50%; }
#card-tools .trigger.emphasize span { background-color: #ffbc82; }

#card-tools .trigger span::after { content: '…'; font-weight: 700; transform: rotate(90deg); display: block; margin-left: .5em; }
#card-tools .trigger:hover i { }
#card-tools .trigger i:hover { }
#card-tools .trigger span:hover,
#card-tools nav.menu.active + .trigger span { background-color: #f1f1f1; }
#card-tools .trigger.emphasize span:hover,
#card-tools nav.menu.active + .trigger.emphasize span { background-color: #ffae68; }
#card-tools nav.menu { margin-top: 2.5em; }

/* info list */
.info-list { max-width: 50em; display: inline-block; width: 40%; vertical-align: top; }
.info-list > li { padding: .35em 0; position: relative; padding-left: 10rem; }
.info-list label { font-weight: 500; position: absolute; left: 0; width: 10rem; }
.info-list span { display: block; min-height: 1.2em; }
.info-list + .info-list { margin-left: 2em; }

/* tabs */
.tab-list { display: flex; flex-direction: row; flex-wrap: nowrap; margin-top: 2em; }
.tab-list > li { max-width: 15em; }
.tab-list > li:not(:last-of-type) { margin-right: .25em; }
.tab-list a { display: block; text-decoration: none; padding: .65em 1em; border: solid 1px #ccc; border-radius: 3px 3px 0; background-color: #f8f8f8; position: relative; margin-bottom: -1px; color: #222; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.no-touch .tab-list a:hover { color: #1a8e96; }
.tab-list a.active { border-bottom-color: #fff; background: #fff; border-bottom: solid 1px #fff; }
.tab-content { padding: 1em; border: solid 1px #e1e1e1; }
.tab-content:not(.active) { display: none; }

/* tools and filter */
.tools-and-filter { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; position: sticky; top: 4.45rem; background-color: white; padding: .5em 1em 1em; margin: -.5em -1em .5em -1em; z-index: 10001; }
.tools-and-filter form { order: 2; padding: 0; display: flex; flex-direction: column; }
.tools-and-filter form label:not(.checkbox-toggler) { font-size: .8em; display: none; }
.tools-and-filter form label.checkbox-toggler { margin: 0; left: auto; text-align: center; }
.tools-and-filter form label.checkbox-toggler::before { width: 1.6em; height: 1.5em; margin: 0; }
.tools-and-filter form label.checkbox-toggler::after { display: block; font-size: .7rem; margin-top: 0; }
.tools-and-filter .tool-list { position: static; top: auto; margin: 0; padding: 0; }



/* toolbar */
.tool-list { display: flex; flex-direction: row; flex-wrap: nowrap; margin: -.5em -1em 1em -1em; padding: .5em 1em 1em; position: sticky; background-color: white; top: 4.15rem; z-index: 10001; max-width: 100%; }
.tool-list > li:not(:last-of-type) { margin-right: .5em; }
.tool-list button { }
.tool-list button[disabled] { cursor: not-allowed; opacity: .5; }
.tool-list .group > button:not(.disabled):hover { opacity: .8; background-color: #F1F2F3; border-color: #E1E6E8; color: inherit; }
.tool-list .group > button:after { content: '▼'; display: inline-block; margin-left: .75em; font-size: .67em; position: relative; top: -1px; }
.tool-list .group.active > button:after { content: '▲'; top: -2px; }
.tool-list .group .group-buttons { display: none; position: absolute; background-color: white; width: 100%; max-width: 15em; margin-top: .25em; z-index: 10001; box-shadow: rgba(0,0,0,.2) 0 0 2px 0; }
.tool-list .group .group-buttons button { display: block; width: 100%; border-bottom: none; text-align: left; }
.tool-list .group.active .group-buttons { display: block; }

/* data table */
.data-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.data-table tbody .col,
.data-table thead .tablesorter-filter-row td { user-select: none; -ms-user-select: none; padding: .75em 1em; border: solid 1px #E1E6E8; vertical-align: top; }
.data-table tbody .col { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.data-table thead th { text-align: left; font-weight: 500; font-size: 1.05em; border-bottom: solid 4px #C2CAD2; padding: 0 24px .5em .85em; background-position: right .5em; background-repeat: no-repeat; }
.data-table thead th div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.data-table thead .help { display: none; }

.data-table tbody tr:hover .col { text-overflow: clip; white-space: normal; word-break: break-word; }

.data-table .col.align-center { text-align: center; }
.data-table .col.align-right { text-align: right; }
.data-table .col.col-bool { width: 10%; text-align: center; }
.data-table .col.col-number { width: 10%; text-align: center; }
.data-table .col.col-date { width: 12%; }
.data-table .col.col-datetime { width: 18%; }
.data-table .col .ellipsis { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 25em; }


.data-table thead .tablesorter-header-inner { outline: none; }
.data-table thead .tablesorter-filter-row td { padding: .2em .25em; border-bottom-color: #CFD7E0; background: #F9FAFB; position: relative; outline: none; }
.data-table thead .tablesorter-filter { border: none; font-size: .9em; background: transparent; width: 100%; padding: .5em .75em; outline: none; box-sizing: border-box; }
.data-table thead .tablesorter-header { cursor: pointer; outline: none; }
.data-table th.tablesorter-headerDesc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); }
.data-table th.tablesorter-headerAsc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); }

.data-table tbody > tr.filtered { display: none; }
html.no-touch .data-table.grid tbody tr:not(.empty):hover .col { background-color: #DDE3EA; cursor: pointer; }
.data-table.grid tbody tr.selected .col { background-color: #D1D8E0; opacity: 1; }

.data-table-comment { font-style: italic; font-size: .9em; }

.entity-cache-info { font-size: .9em; text-align: right; margin-top: 1em; }
#reset-table-filter { font-size: .85em; text-decoration: none; color: #666; margin-top: .5em; display: inline-block; }

#active-licenses-table tbody tr .col:first-of-type,
#user-client-entity-license-status-table tbody tr .col:first-of-type { position: relative; }
#active-licenses-table tbody tr.state-completed .col:first-of-type::before,
#user-client-entity-license-status-table tbody tr.status-completed .col:first-of-type::before,
#active-licenses-table tbody tr.status-failed .col:first-of-type::before,
#user-client-entity-license-status-table tbody tr.status-failed .col:first-of-type::before { content: ''; position: absolute; left: -1px; top: 0; bottom: 0; width: 5px; }
#active-licenses-table tbody tr.state-completed .col:first-of-type::before,
#user-client-entity-license-status-table tbody tr.status-completed .col:first-of-type::before { background-color: #1a8e96; }
#active-licenses-table tbody tr.status-failed .col:first-of-type::before,
#user-client-entity-license-status-table tbody tr.status-failed .col:first-of-type::before { background-color: #a93f3f; }

/* forms */
form { }
fieldset { padding: 0; margin: 0; border: none; }
fieldset > p,
form .form-info { max-width: 40em; margin: 0 0 2em; }
legend { display: none; }
form.visible-legend legend { display: block; font-size: 1.6em; margin-bottom: 1em; font-weight: 500; }
form .actions .status { padding: .75em 1.5em; margin: 0 0 1em; background-color: #999; color: white; max-width: 30em; box-sizing: border-box; border-radius:2px; font-size:smaller; }
form .actions .status.success { background-color: #1a8e96; }
form .actions .status.error { background-color: #a93f3f; }
form input:read-only { color: #999; border-color: #e1e1e1; cursor: not-allowed; background-color: #f9f9f9; }
form input:disabled { cursor: not-allowed; }



.text-box, select, button { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 1em; }
.text-box, select { width: 100%; padding: .45em .5em; box-sizing: border-box; border: solid 1px #c1c1c1; outline-color: #004467; }

textarea.text-box { min-height: 10em; resize: vertical; }
button { border: solid 1px #E1E6E8; padding: .5em 1em; min-width:7em; background: #F1F2F3; border-radius: 2px; cursor: pointer; white-space: nowrap; }
button:disabled,
.text-box:disabled,
select:disabled,
a[disabled],
.chosen-container.chosen-disabled,
.chosen-disabled .chosen-single { cursor: not-allowed !important; }

html.no-touch button:not(:disabled):hover { background: #1a8e96; color: #fff; border-color: #1a8e96; }
.text-box.error,
select.error,
select.error + label.error + .chosen-container > .chosen-single,
select.error + label.error + .chosen-container > .chosen-choices { border: solid 1px #a93f3f; outline-color: #a93f3f; }

.form-field-message { display: block; margin: .25rem 0 0 .15rem; line-height: 1.1rem; font-size: .7em; width: 100%; }
.form-field-conditional-message:not(.visible) { display: none; }

.entity-access .step2 .form-field-message { max-width: 31.5rem; }

.form-list small { display: block; margin-top: .25em; color: #777; }
.form-message { padding: 1em; margin-bottom: 2em; max-width: 40em; border-radius: 4px; color: #272727; }
.form-info-message {  background-color: #b2c7d1;  }
.form-warning-message { background-color: #b2c7d1; }

.form-list, .form-list > li { margin: 0; padding: 0; list-style-type: none; }
.form-list > li { position: relative; padding-left: 10em; max-width: 30em; }
.form-list > li:not(:last-of-type) { margin-bottom: 1em; }
.form-list label.error { display: none !important; }
.form-list label:not(.checkbox-toggler) { width: 10em; position: absolute; left: 0; top: .55rem; }
.form-list .actions {  }
.form-list .actions button + a { display: inline-block; margin-left: 1em; }
.form-list > .conditional { display: none; }

.check-box { position: absolute; left: -100vw; }
.check-box + .checkbox-toggler { left: .35rem; position: relative; cursor: pointer; }
.check-box + .checkbox-toggler::before { transform: scale(1.5); }
.check-box + label.checkbox-toggler::before { content: ''; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBjbGFzcz0idG9nZ2xlci1iZyIgZD0iTTE3IDdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWgxMGMyLjc2IDAgNS0yLjI0IDUtNXMtMi4yNC01LTUtNXpNNyAxNWMtMS42NiAwLTMtMS4zNC0zLTNzMS4zNC0zIDMtMyAzIDEuMzQgMyAzLTEuMzQgMy0zIDN6Ii8+PHBhdGggY2xhc3M9InRvZ2dsZXItaGFuZGxlIiBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PC9zdmc+'); display: inline-block; margin-right: 1em; vertical-align: middle; width: 2.25em; height: 2.25em; background-size: cover; cursor: pointer; opacity: .7; }
.check-box + label.checkbox-toggler::after {  display: inline-block; vertical-align: middle; font-size: smaller; }
.check-box + label.checkbox-toggler[data-false]::after { content: attr(data-false); }
.check-box + label.checkbox-toggler:not([data-false])::after { content: 'Nej'; }
.check-box:checked + label.checkbox-toggler::before { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBjbGFzcz0idG9nZ2xlci1iZyIgZD0iTTE3IDdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWgxMGMyLjc2IDAgNS0yLjI0IDUtNXMtMi4yNC01LTUtNXptMCA4Yy0xLjY2IDAtMy0xLjM0LTMtM3MxLjM0LTMgMy0zIDMgMS4zNCAzIDMtMS4zNCAzLTMgM3oiLz48cGF0aCBjbGFzcz0idG9nZ2xlci1oYW5kbGUiIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4='); opacity: 1; }
.check-box:checked + label.checkbox-toggler[data-true]::after { content: attr(data-true); }
.check-box:checked + label.checkbox-toggler:not([data-true])::after { content: 'Ja'; }
.check-box:disabled + label.checkbox-toggler::before { cursor:not-allowed; }
.check-box:disabled + label.checkbox-toggler::after { cursor: not-allowed; }
.check-box:disabled:not(.locked) + label.checkbox-toggler::before { opacity: .25; }
.check-box:disabled:not(.locked) + label.checkbox-toggler::after { opacity: .4; }

.check-box:not(:checked).locked + label.checkbox-toggler::before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzE0MTMiCiAgIHNvZGlwb2RpOmRvY25hbWU9InRvZ2dsZV9vZmZfbG9ja2VkLTI0cHguc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjQgKDVkYTY4OWMzMTMsIDIwMTktMDEtMTQpIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExNDE5Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTQxNyIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjY0MCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI0ODAiCiAgICAgaWQ9Im5hbWVkdmlldzE0MTUiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjM1LjMzMzMzMyIKICAgICBpbmtzY2FwZTpjeD0iMTIiCiAgICAgaW5rc2NhcGU6Y3k9IjEyIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzE0MTMiIC8+CiAgPHBhdGgKICAgICBkPSJNMTcgN0g3Yy0yLjc2IDAtNSAyLjI0LTUgNXMyLjI0IDUgNSA1aDEwYzIuNzYgMCA1LTIuMjQgNS01cy0yLjI0LTUtNS01ek03IDE1Yy0xLjY2IDAtMy0xLjM0LTMtM3MxLjM0LTMgMy0zIDMgMS4zNCAzIDMtMS4zNCAzLTMgM3oiCiAgICAgaWQ9InBhdGgxNDA5IiAvPgogIDxwYXRoCiAgICAgZmlsbD0ibm9uZSIKICAgICBkPSJNMCAwaDI0djI0SDB6IgogICAgIGlkPSJwYXRoMTQxMSIgLz4KICA8cGF0aAogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgZD0iTSAxNy4zMTU0MzksMTAuNjcwNTgyIEggMTcuMDAxODggdiAtMC42MDUzMjcgYyAwLC0wLjgzNTM1MSAtMC43MDIzNzMsLTEuNTEzMzE4IC0xLjU2Nzc5NywtMS41MTMzMTggLTAuODY1NDI0LDAgLTEuNTY3Nzk2LDAuNjc3OTY3IC0xLjU2Nzc5NiwxLjUxMzMxOCB2IDAuNjA1MzI3IGggLTAuMzEzNTYgYyAtMC4zNDQ5MTUsMCAtMC42MjcxMTgsMC4yNzIzOTcgLTAuNjI3MTE4LDAuNjA1MzI3IHYgMy4wMjY2MzQgYyAwLDAuMzMyOTMgMC4yODIyMDMsMC42MDUzMjcgMC42MjcxMTgsMC42MDUzMjcgaCAzLjc2MjcxMiBjIDAuMzQ0OTE1LDAgMC42MjcxMTksLTAuMjcyMzk3IDAuNjI3MTE5LC0wLjYwNTMyNyB2IC0zLjAyNjYzNCBjIDAsLTAuMzMyOTMgLTAuMjgyMjA0LC0wLjYwNTMyNyAtMC42MjcxMTksLTAuNjA1MzI3IHogbSAtMS44ODEzNTYsMi43MjM5NzEgYyAtMC4zNDQ5MTUsMCAtMC42MjcxMTksLTAuMjcyMzk3IC0wLjYyNzExOSwtMC42MDUzMjcgMCwtMC4zMzI5MyAwLjI4MjIwNCwtMC42MDUzMjcgMC42MjcxMTksLTAuNjA1MzI3IDAuMzQ0OTE1LDAgMC42MjcxMTksMC4yNzIzOTcgMC42MjcxMTksMC42MDUzMjcgMCwwLjMzMjkzIC0wLjI4MjIwNCwwLjYwNTMyNyAtMC42MjcxMTksMC42MDUzMjcgeiBtIDAuOTcyMDM0LC0yLjcyMzk3MSBoIC0xLjk0NDA2OCB2IC0wLjYwNTMyNyBjIDAsLTAuNTE3NTU1IDAuNDM1ODQ4LC0wLjkzODI1NyAwLjk3MjAzNCwtMC45MzgyNTcgMC41MzYxODYsMCAwLjk3MjAzNCwwLjQyMDcwMiAwLjk3MjAzNCwwLjkzODI1NyB6IgogICAgIGlkPSJwYXRoNDUzNiIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDowLjMwODA2MzIxIiAvPgo8L3N2Zz4K'); }
.check-box:checked.locked + label.checkbox-toggler::before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjI0IgogICBoZWlnaHQ9IjI0IgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzgxOSIKICAgc29kaXBvZGk6ZG9jbmFtZT0idG9nZ2xlX29uX2xvY2tlZC0yNHB4LnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi40ICg1ZGE2ODljMzEzLCAyMDE5LTAxLTE0KSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhODI1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzODIzIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iNjQwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjQ4MCIKICAgICBpZD0ibmFtZWR2aWV3ODIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIzNS4zMzMzMzMiCiAgICAgaW5rc2NhcGU6Y3g9IjEyIgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc4MTkiIC8+CiAgPHBhdGgKICAgICBkPSJNMTcgN0g3Yy0yLjc2IDAtNSAyLjI0LTUgNXMyLjI0IDUgNSA1aDEwYzIuNzYgMCA1LTIuMjQgNS01cy0yLjI0LTUtNS01em0wIDhjLTEuNjYgMC0zLTEuMzQtMy0zczEuMzQtMyAzLTMgMyAxLjM0IDMgMy0xLjM0IDMtMyAzeiIKICAgICBpZD0icGF0aDgxNSIgLz4KICA8cGF0aAogICAgIGZpbGw9Im5vbmUiCiAgICAgZD0iTTAgMGgyNHYyNEgweiIKICAgICBpZD0icGF0aDgxNyIgLz4KICA8cGF0aAogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgZD0ibSAxMC42NTQ5NDEsMTAuNzk5MTcgaCAtMC4zMTM1NTkgdiAtMC42MDUzMjcgYyAwLC0wLjgzNTM1MTUgLTAuNzAyMzczMSwtMS41MTMzMTg1IC0xLjU2Nzc5NzEsLTEuNTEzMzE4NSAtMC44NjU0MjQsMCAtMS41Njc3OTcsMC42Nzc5NjcgLTEuNTY3Nzk3LDEuNTEzMzE4NSB2IDAuNjA1MzI3IGggLTAuMzEzNTU5IGMgLTAuMzQ0OTE1LDAgLTAuNjI3MTE5LDAuMjcyMzk3IC0wLjYyNzExOSwwLjYwNTMyNyB2IDMuMDI2NjM0IGMgMCwwLjMzMjkzIDAuMjgyMjA0LDAuNjA1MzI3IDAuNjI3MTE5LDAuNjA1MzI3IGggMy43NjI3MTIxIGMgMC4zNDQ5MTUsMCAwLjYyNzExOSwtMC4yNzIzOTcgMC42MjcxMTksLTAuNjA1MzI3IHYgLTMuMDI2NjM0IGMgMCwtMC4zMzI5MyAtMC4yODIyMDQsLTAuNjA1MzI3IC0wLjYyNzExOSwtMC42MDUzMjcgeiBtIC0xLjg4MTM1NjEsMi43MjM5NzEgYyAtMC4zNDQ5MTUsMCAtMC42MjcxMTksLTAuMjcyMzk3IC0wLjYyNzExOSwtMC42MDUzMjcgMCwtMC4zMzI5MyAwLjI4MjIwNCwtMC42MDUzMjcgMC42MjcxMTksLTAuNjA1MzI3IDAuMzQ0OTE1LDAgMC42MjcxMTksMC4yNzIzOTcgMC42MjcxMTksMC42MDUzMjcgMCwwLjMzMjkzIC0wLjI4MjIwNCwwLjYwNTMyNyAtMC42MjcxMTksMC42MDUzMjcgeiBtIDAuOTcyMDM0LC0yLjcyMzk3MSBoIC0xLjk0NDA2OCB2IC0wLjYwNTMyNyBjIDAsLTAuNTE3NTU1NSAwLjQzNTg0OCwtMC45MzgyNTc1IDAuOTcyMDM0LC0wLjkzODI1NzUgMC41MzYxODYsMCAwLjk3MjAzNCwwLjQyMDcwMiAwLjk3MjAzNCwwLjkzODI1NzUgeiIKICAgICBpZD0icGF0aDQ1MzYiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MC4zMDgwNjMyMSIgLz4KPC9zdmc+Cg=='); }


/* USER IMPORT GUIDE */
#user-import-guide { }
#user-import-guide.busy { opacity: .75; }
#user-import-guide div.error { background-color: #a93f3f; padding: 1em; color: white; max-width: 40em; }
#user-import-guide .step-list { border-top: solid 1px #e1e1e1; }
#user-import-guide .step-list > li { padding: 1em 2em; border-bottom: solid 1px #e1e1e1; background:#f8f8f8; position:relative; }
#user-import-guide .step-list > li::before { content: attr(data-step) ' / 6'; font-size: 1em; position: absolute; right: 1rem; top: 1em; opacity: .8; }
#user-import-guide .step-list > li.active:nth-child(n+1) { background: #fff; }
#user-import-guide .step-list > li.active:nth-child(n+1)::before { font-weight: 600; }

#user-import-guide .step-list li.step.completed h2 span { display: inline-block; vertical-align: middle; }
#user-import-guide .step-list li.step.completed h2::after { content: 'OK'; font-size: .8rem; font-weight: 400; display: inline-block; margin-left: 2em; background: #1a8e96; color: #fff; padding: .25em 1.5em; border-radius: 15px; vertical-align: middle; }
#user-import-guide a.reset-user-import { text-decoration: none; display: inline-block; margin-right: 1em; }

table.user-import-record-table { margin: 2em 0 1em; }
table.user-import-record-table .col-status { width: 15%; }
table.user-import-record-table .col-status span { font-weight: 400; }
table.user-import-record-table tr.success .col-status { color: #1a8e96; font-weight: 500; }
table.user-import-record-table tr.error .col-status { color: #a93f3f; font-weight: 500; }

#user-import-guide .steps { display: none; }
#user-import-guide.ready .steps { display: block; }

#import-form.busy .actions textarea,
#import-form.busy .actions span,
#import-form.busy .actions button { display: none; }

#import-form label { vertical-align: middle; display: inline-block; margin-left: .5em; }
#import-form .check-box { vertical-align: middle; }

#import-form textarea { max-height: 2.2rem; min-height: 2.2rem; line-height: 1.2rem; resize: none; padding: .5em .5em .2em; max-width: 24rem; }
#import-form .actions span,
#import-form textarea,
#import-form button { display: inline-block; vertical-align: middle; margin-right:1em; }
#import-form .actions { margin-top: .5em; }

#import-form .status { min-width: 40em; }

#user-state-form select { min-width: 45em; margin-bottom:2em; }

#import-form .check-box + .checkbox-toggler { left: 0; }

#user-import-guide .actions { text-align: left; margin: 2em 0 1em; }

#user-import-guide .step .content a { display: inline-block; margin-left: 1em; }


/* step 1 */
#user-import-guide .column-map-list li { padding: .25rem 0 .25rem 10rem; position: relative; }
#user-import-guide .column-map-list li label { position: absolute; left: 0; top: .75em; }
#user-import-guide .actions a { margin-left: 3em; }
#user-import-guide .form-list label { width: 20em; }
#user-import-guide .form-list li { padding-left: 20em; }

/* step 2 */
#user-import-guide .step-2 .column-map-list .header { font-weight: 500; margin-bottom: 1rem; border-bottom: solid 1px #ccc; font-size: 1.1em; }

#user-import-guide .step-2 .column-map-list .header::before { content: 'Systemfelt'; position: absolute; left: 0; }
#user-import-guide .step-2 .column-map-list .header::after { content: 'I data'; }

/* step 3 */



/* step 4 */
/* step 5 */

#user-import-guide .step-5 .form-list > li { padding-left: 15em; }
#user-import-guide .step-5 .form-list label:not(.checkbox-toggler) { width: 15em; }
 
/* step 6 */


/* ENTITY ACCESS GUIDE */
#entity-access { }
#entity-access.busy { position: relative; pointer-events: none; }
#entity-access.busy .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: rgba(255,255,255,.5); cursor: wait; }

#entity-access .step-1 fieldset.template { display: none; }

#entity-access label.error { display: none !important; }

#user-queue h2 { margin: 0; font-weight: 600; }
#queue-header { margin-bottom: .5em; }
#queue-records { max-height: calc(100vh - 15em); margin: 1em 0; overflow: auto; }
#queue-records li { padding: .75em 2.5em .75em 0; border-bottom: solid 1px #e1e1e1; position: relative; }
#queue-records li .remove { position: absolute; color: black; right: .25em; top: .75em; }
#queue-records li .remove:hover { color: #a93f3f; }
#queue-records li .remove i { font-size: 1.4em; }
#queue-records .record-list { font-size: .9em; }
#queue-records .record-list .name { font-weight: 500; }
#queue-records .record-list .username {  }
#queue-footer { margin-top: 1em; padding: 0 .35em; text-align:right; }
#queue-footer a.back { float: left; position: relative; top: .5em; }

/* step 1 */
#user-search-filter { height:auto; max-height:200px; max-width:50em; }
#user-search-filter fieldset .no-list > li { padding: .25em 0; }
#user-search-filter fieldset .no-list > li > label { font-size: .8em; display:block; margin-bottom:.25em; }

#user-search-result { clear:both; }

#entity-access .text-box { box-sizing: border-box; width: 100%; }
#entity-access .text-box.expiration-date { max-width:10em; }
#entity-access select { width: 100%; display: block; }
#entity-access .conditional { display: none; }

#entity-access .text-box.error,
#entity-access select.error + label.error + .chosen-container { border: solid 1px #a93f3f; }

#advanced-search fieldset { padding: 1em 1.5em; background:#f9f9f9; border: solid 1px #e1e1e1; position: relative; margin-top: 1em; }
#advanced-search fieldset > i { font-size: 3em; position: absolute; left: 0; color: #999; top: 50%; margin-top: -.5em; }
#advanced-search fieldset .remove { position: absolute; right: .5rem; top: .5rem; font-size: 1em; text-decoration: none; color: black; }

#advanced-search .advanced-search-actions { margin: 2em 0; float: right; }
#advanced-search .advanced-search-actions a { background: #eeeeee; padding: .5em 1em; color: inherit; font-size: .85em; border-radius: 2px; margin-left: 1em; }
#advanced-search .advanced-search-actions a:hover { background: #f5f5f5; }

#user-search .actions { margin: 1em 0; }
#user-search h2 i { transform: rotate(90deg); vertical-align:middle; opacity:.5; transition:all .2s ease-in-out; }

#entity-access .step-1,
#entity-access .step-2 { display: flex; flex-direction: row; flex-wrap: nowrap; }

#user-search { flex: 75%; box-sizing: border-box; padding-right: 5em; }
#user-queue { flex: 25%; margin-top: 1.5em; }

#entity-access .step-1.with-results:not(.search-expanded) #user-search-filter { overflow: hidden; height:0; margin:0; transition:all .35s ease-in-out; }
#entity-access .step-1.with-results:not(.search-expanded) #user-search > h2 { margin-bottom:1rem; }
#entity-access .step-1.with-results #user-search > h2 { cursor: pointer; }
#entity-access .step-1.with-results #user-search > h2 i { display:inline-block; cursor:pointer; transform:none; opacity:1; }
#entity-access .step-1.with-results.search-expanded #user-search > h2 i { transform:rotate(90deg); }

#entity-access .step-1.with-results.search-expanded #user-search-result { margin-top: 2.5em; }
#entity-access .step-1.with-results #user-search-result h2 { border-top:solid 1px #eee; padding-top:2rem; }

#user-search-result table { }
#user-search-result .added-as-record .col { opacity:.5; cursor: not-allowed; }



/* step 2 */
#licenses { flex: 75%; box-sizing: border-box; padding-right: 5em; }
#licenses .license { padding: 1.5em; border: solid 1px #e1e1e1; margin-bottom: 1em; position: relative; background:#f9f9f9; }
#licenses .license .delete { position: absolute; right: 1em; top: 1em; color: black; }
#licenses .license h2 { margin: 0 0 .5em; font-weight: 500; font-size: 1.1em; }
#licenses #add-license-form { padding: 2em; border: solid 1px #e1e1e1; }
#licenses #add-license-form fieldset { max-width:45em; }
#licenses #add-license-form ul.no-list > li { padding: .25em 0; }
#licenses #add-license-form label { display: block; font-size: .8em; margin: 0 0 .25em; }
#licenses #add-license-form .actions { margin-top:1em; }
#licenses #add-license-form .date-box { max-width:12em; }

/* step 3 + 4 */
#entity-access .step-3 { max-width: 45em; }
#entity-access .step-3 form {  }
#entity-access .step-3 form .actions { text-align: right; padding-top: 2rem; }
#entity-access .step-3 form .actions .form-action { display: inline-block; margin: .65rem 1em 0 0; float: left; }
#entity-access .step-3 select { width: auto; }

#entity-access .step-3 fieldset:first-of-type { border-bottom: solid 1px #e1e1e1; padding-bottom: 1rem; }
#entity-access .step-3 fieldset.hidden { max-height: 0; height: 0; overflow: hidden; transition: all .3s ease-in-out; }
#entity-access .step-3 fieldset.active { max-height: 50em; height: auto; margin-top: 2rem; padding-bottom: 2rem; border-bottom: solid 1px #e1e1e1; }
#entity-access .step-3 fieldset#email.active {  }
#entity-access .step-3 fieldset h3 { margin: 0 0 .25rem; }
#entity-access .step-3 fieldset p { margin: 0; }

#entity-access .step-3 .record-list { font-size: small; }
#entity-access .step-3 .record-list > li:last-child { border-bottom: none; padding-bottom: 0; }
#entity-access .step-3 .record-list + p { margin-top: 1em; }

.record-list .record { padding: 1em 0 .75em; border-bottom: solid 1px #e1e1e1; border-left: 5px solid transparent; }
.record-list .user { display: block; color: inherit; text-decoration: none; }
.record-list .user .name { display: block; font-weight: 500; }
.record-list .user .name span { font-weight: normal; }
.record-list .user .email { font-size: small; }

.record-list .record.processed { padding-left: 1em; }
.record-list .record.processed.success { border-left-color: green; }
.record-list .record.processed.success:not(.expanded) { border-left-color: green; }
.record-list .record.processed.error { border-left-color: red; }
.record-list .record.processed.error .error-list { color: red; margin-top: .5em; font-size: .8em; }

.record-list .license-list { margin: 0; padding: .5rem 0 .5rem 2rem; list-style-type: disc; }
.record-list .license-list li { padding: .25em 0; }
.record-list .license-list .skip { opacity: .5; }
.record-list .license-list .name { display: block; }
.record-list .license-list .period,
.record-list .license-list .existing { font-size: .8em; }
.record-list .record:not(.expanded) { }
.record-list .record:not(.expanded) .license-list,
.record-list .record:not(.expanded) .user-will-receive-email,
.record-list .record:not(.expanded) .user-will-not-receive-email,
.record-list .record:not(.expanded) .email-details { display: none; }

#entity-access .step-4 { max-width: 45em; }
#entity-access .step-4 form { padding: 2em 0; }
#entity-access .step-4 form .actions { text-align: right; }
#entity-access .step-4 form .actions .form-action { display: inline-block; margin: .65rem 1em 0 0; float: left; }

 
#entity-access .step-4 .email-details { max-height: 0; height: 0; overflow: hidden; transition: max-height .3s ease-in-out; font-size: small;  }
#entity-access .step-4.show-emails .email-details { max-height: 50em; height: auto; padding: 1rem; border: solid 1px #e1e1e1; margin-top: .5rem; }
#entity-access .step-4 .email-details .subject { font-weight: 500; font-size: 1.1em; margin-bottom: .5rem; }
#entity-access .step-4 .email-details .to::before { content: 'Til: '; }
#entity-access .step-4 .email-details .body { border-top: dashed 1px #e1e1e1; margin-top: 1rem; }
#entity-access .step-4 .user-will-receive-email,
#entity-access .step-4 .user-will-not-receive-email { font-size: small; }
#entity-access .step-4.show-emails .user-will-receive-email { display: none; }

#complete-entity-access-form .status { min-width: 40em; text-align: left; }

#back-to-client { display: none; }

/* email template */
.email-template { padding: 2rem; margin-top: 2rem; border: solid 1px #ddd; }
.email-template .email-head .subject { font-size: 1.1em; margin: 0 0 .5rem; font-weight: 700; }
.email-template .email-head .address { font-size: .85em; }
.email-template .email-head .address + .address { margin-top: .25rem; }
.email-template .email-head .recipient-address::before { content: 'Til: '; }
.email-template .email-head .cc-address::before { content: 'CC: '; }
.email-template .email-head .bcc-address::before { content: 'BCC: '; }
.email-template .email-body { margin-top: 1.5rem; padding-top: 1rem; border-top: dashed 1px #ddd; }

/* user client entity license summary */
.usercliententitylicense.summary { }
.usercliententitylicense.summary .no-results { font-size: .9em; font-style: italic; }

.usercliententitylicense.summary .excel-download-wrapper { margin-bottom: 0; padding-right: 2rem; }
.usercliententitylicense.summary .excel-download-wrapper a { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: end; align-items: center; }
.usercliententitylicense.summary #filter-form { padding: 1em 2em; background-color: #fbfbfb; border: solid 1px #e1e1e1; margin-bottom: 1rem; }
.usercliententitylicense.summary #filter-form fieldset > ul { display: flex; flex-direction: row; flex-wrap: wrap; }
.usercliententitylicense.summary #filter-form fieldset > ul > li { padding: .5rem 0; margin-right: 2rem; }
.usercliententitylicense.summary #filter-form fieldset > ul > li:last-of-type { margin-right: 0; }
.usercliententitylicense.summary #filter-form label { display: block; font-size: .9em; margin-bottom: .25rem; }
.usercliententitylicense.summary #filter-form input { width: 12rem; }
.usercliententitylicense.summary #filter-form .chosen-container { width: 30rem !important; }
.usercliententitylicense.summary #filter-form .navigation { flex: 1; text-align: right; }
.usercliententitylicense.summary #filter-form + .client-list { margin-top: 3rem; }

.usercliententitylicense.summary .client-list > li + li { border-top: solid 1px #f1f1f1; margin-top: 2rem; padding-top: 2rem; }
.usercliententitylicense.summary h2,
.usercliententitylicense.summary h3,
.usercliententitylicense.summary h4,
.usercliententitylicense.summary h5,
.usercliententitylicense.summary h6 { margin: 0; font-weight: 400; }

.usercliententitylicense.summary .type-list { margin: 2rem 0 0 0; }
.usercliententitylicense.summary .type-list > li + li { margin-top: 2rem; }

.usercliententitylicense.summary .entity-list { margin: 1rem 0 0 0; }
.usercliententitylicense.summary .entity-list > li { list-style-type: disc; }
.usercliententitylicense.summary .entity-list > li + li { margin-top: 2rem; }
.usercliententitylicense.summary .entity-list > li .details { height: 0; max-height: 0; overflow: hidden; transition: max-height .2s ease-in-out; }
.usercliententitylicense.summary .entity-list > li.expand .details { max-height: 600rem; height: auto; }
.usercliententitylicense.summary .entity-list > li.expand .details-toggler .not-expanded,
.usercliententitylicense.summary .entity-list > li:not(.expand) .details-toggler .expanded { display: none; }

.usercliententitylicense.summary .entity-list h4 { font-weight: 500; }
.usercliententitylicense.summary .entity-list .summary { font-size: .8em; margin: .25rem 0; }

.usercliententitylicense.summary .period-list { margin: .5rem 0 0 1rem; }
.usercliententitylicense.summary .period-list h5 { font-size: 1em; font-weight: 500; }
.usercliententitylicense.summary .period-list > li + li { margin-top: 1rem; }
.usercliententitylicense.summary .period-list .license-count { font-size: .8em; font-weight: 400; }

.usercliententitylicense.summary .group-list { margin: .45rem 0 0 1rem; font-size: .8em; }
.usercliententitylicense.summary .group-list > li + li { margin-top: .65rem; }
.usercliententitylicense.summary .group-list h6 { font-size: 1em; font-weight: 500; }

.usercliententitylicense.summary .user-list { margin: 0 0 0 1rem; }

.usercliententitylicense.summary .user-list li[data-disabled="true"] { opacity: .7; }
.usercliententitylicense.summary .user-list li[data-disabled="true"]::after { content: '(deaktiveret)'; }

body.dirty-filter .excel-download-wrapper,
body.dirty-filter .client-list { opacity: .5; }


/* chosen styles */
.chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; user-select: none; width: calc(100% - 2px); max-width: 31.65rem; background: #fff; }
.chosen-container * { box-sizing: border-box; }
.chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 3px 0; clip: rect(0, 0, 0, 0); margin-bottom: 2em; }
.chosen-container.chosen-with-drop .chosen-drop { clip: auto; }
.chosen-container a { cursor: pointer; }
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; }
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; }
.chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }
.chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; white-space: nowrap; }
.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }
.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }
.chosen-container .chosen-results li.highlighted { background-color: #eee; color: #111; }
.chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; }
.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; }
.chosen-container .chosen-results li.group-option { padding-left: 15px; }
.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }

.chosen-container-single { font-size: 1em; }
.chosen-container-single .chosen-single { display: block; padding: .5em .75em; border: solid 1px #ccc; position: relative; }
.chosen-container-single .chosen-single:hover { color: #212121; }
.chosen-container-single .chosen-single::after { content: '⯆'; position: absolute; right: .5em; top: .65em; font-size: .75em; }
.chosen-container-single .chosen-search { margin: .5em .75em; }
.chosen-container-single .chosen-search input { padding: .25em .5em; width: 100%; }
.chosen-container-single .chosen-results li.no-results { margin: .5em .75em; white-space: normal; line-height: 1.4em; font-size: .9em; }
.chosen-container-single .chosen-results li.no-results span { font-weight: 500; }

.chosen-container-multi { font-size: 1em; }
.chosen-container-multi .chosen-choices::after { content: '⯆'; position: absolute; right: .5em; top: .65em; font-size: .75em; }
.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 1px 16px 6px 11px; width: 100%; height: auto; border: 1px solid #ccc; background-color: #fff; cursor: text; }
.chosen-container-multi .chosen-choices li { float: left; list-style: none; }
.chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 2px 0 0 0; white-space: nowrap; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 3px 0 0; padding: 0; height: 21px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #111; font-size: 100%; line-height: normal; border-radius: 0; width: 25px; }
.chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 5px 5px 0 0; padding: 3px 20px 3px 5px; border: 1px solid #e8e8e8; max-width: 100%; border-radius: 2px; background-color: #eee; color: #333; line-height: 13px; cursor: default; }
.chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; font-size: .9em; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; font-size: 1.4em; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { color: #BF4949; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after { content: "×"; }
.chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; color: #666; }
.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }
.chosen-container-multi .chosen-results { margin: 0; padding: 0; }
.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; }
.chosen-container-active .chosen-single { border: 1px solid #adc2d8; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 1px 0 #fff inset; }
.chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; }
.chosen-container-active .chosen-choices { border: 1px solid #adc2d8; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); }
.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; }
.chosen-disabled { opacity: 0.5 !important; cursor: default; }
.chosen-disabled .chosen-single { cursor: default; }
.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }
.chosen-container-single-nosearch .chosen-search { display: none; }
/* chosen styles end */
/* pickmeup styles*/
.pickmeup { background: #fff; border: solid 1px #ccc; font-size: .9em; border-radius: 3px; display: inline-block; position: absolute; z-index: 20; box-shadow: rgba(0,0,0,.15) 1px 1px 10px 0; }
.pickmeup * { -moz-box-sizing: border-box; box-sizing: border-box; }
.pickmeup .pmu-instance { display: inline-block; height: 18.5em; padding: 1em; text-align: center; width: 23.25em; border-right: solid 1px #ddd; margin-left: .5em; }
.pickmeup.pmu-hidden { display: none }
.pickmeup.pmu-flat { position: relative }
.pickmeup .pmu-instance .pmu-button { color: #464646; cursor: pointer; outline: 0; text-decoration: none; }
.pickmeup .pmu-instance .pmu-today { color: #1a8e96; font-weight: 800; }
.pickmeup .pmu-instance .pmu-button:hover { background: #C8DEB2; }
.pickmeup .pmu-instance nav .pmu-button:hover { background: #fff; color: #1a8e96; }
.pickmeup .pmu-instance .pmu-not-in-month { color: #c5c5c5; }
.pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover { background: transparent; color: #e0e0e0; cursor: default; }
.pickmeup .pmu-instance .pmu-selected { background: #1a8e96; color: #fff !important; }
.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: transparent; color: #665F54; }
.pickmeup .pmu-instance nav { display: -ms-flexbox; display: -webkit-flex; display: flex; color: #565656; line-height: 2em; font-weight: 600; }
.pickmeup .pmu-instance nav *:first-child :hover { background: #C8DEB2; }
.pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next { display: none; height: 2em; width: 1em; }
.pickmeup .pmu-instance nav .pmu-month { width: 19em; font-size: 1.1em; font-weight: 800; padding-bottom: .3em; }
.pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * { display: inline-block; line-height: 3.6em; width: 3.5em; }
.pickmeup .pmu-instance .pmu-day-of-week { color: #999; cursor: default; }
.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * { display: inline-block; line-height: 1.85em; width: 2.85em; margin: .075em; }
.pickmeup .pmu-instance .pmu-day-of-week * { line-height: 1.8em; }
.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next { display: block; }
.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month { width: 18em; }
.pickmeup .pmu-instance:first-child:last-child .pmu-month { width: 17em; }
.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years { display: none; }
.pickmeup .pmu-instance .selected_but_disabled { background: #ccc; }
.pickmeup .pmu-instance:last-child { border-right: none; }