html {
  font-size: 62.25%;
  height: auto; /* 100% from react-usit-ui breaks */
}

a {
  text-decoration: underline;
}

/* Astrid. Fjern etter user/index er på React */
#frontpage-wrapper {
  width: 470px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

.category {
  width: 470px;
  padding: 20px 0 20px 0;
}

.category h2 {
  padding-bottom: 5px;
}

.category:after,
.frontpage-wrapper:after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.category-picture {
  width: 105px;
  height: 105px;
  overflow: hidden;
  margin-right: 20px;
  display: block;
  float: left;
  position: relative;
}

span.id-porten {
  display: block;
  margin-bottom: 10px;
}

.not-available {
  color: #858585;
}

/* ^ Astrid. Fjern etter user/index er på React ^ */

::selection {
  color: white;
  background: black;
  text-shadow: none;
}

::-moz-selection {
  color: white;
  background: black;
  text-shadow: none;
}

#version-info {
  text-align: right;
  font-size: 0.85em;
  margin-top: 10px;
  width: 970px;
  height: 50px;
  float: left;
}

#version-info a {
  color: #747474;
}

/* TSD-infobanner */
.tsd-info-banner-wrapper {
  box-sizing: border-box;
  background-color: #3776a6;
  color: #fff;
  font-size: 18px;
  padding-top: 20px;
  line-height: 25px;
}

.tsd-info-banner-container {
  max-width: 940px;
  background: url(../images/info-icon-banner.svg) 0 3px no-repeat;
  margin: auto;
}

.tsd-info-banner-short-text {
  max-width: 700px;
  display: inline-block;
  padding-left: 50px;
  padding-bottom: 20px;
}

.tsd-info-banner-expand-collapse {
  background: url(../images/expand.svg) no-repeat right;
  display: inline-block;
  color: #fff;
  border: none;
  font-size: 18px;
  vertical-align: top;
  width: 100px;
  text-align: right;
  cursor: pointer;
  padding-left: 50px;
  padding-right: 30px;
  line-height: 28px;
  word-wrap: none;
}

.tsd-info-banner-expand-collapse.collapse {
  background: url(../images/collapse.svg) no-repeat right;
}

.tsd-info-banner-expanded {
  max-width: 700px;
  padding-left: 50px;
  display: inline-block;
}

.tsd-info-banner-expanded a {
  color: #fff;
  text-decoration: underline;
}

.tsd-info-banner-expanded-paragraph {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Beskjeder */
#system-message-wrapper {
  background-color: #0278ad;
}

#system-message-wrapper .system-message {
  max-width: 940px;
  padding-right: 50px;
  width: auto;
  margin: 0 auto;
  position: relative;
  right: 22px;
}

#system-message-wrapper p {
  margin: 0;
}

#error-message-wrapper {
  background-color: #fde8e9;
}

#error-message-wrapper .error-message-text {
  color: #e80a13;
}

#error-message-wrapper .error-message {
  background: #fde8e9 url('../images/error.gif') no-repeat 50px center;
}

.answer-option-error {
  background: #fde8e9;
  padding: 14px;
}

#error-message-wrapper .error-message,
#system-message-wrapper .system-message {
  padding-top: 16px;
  padding-bottom: 16px;
  height: auto !important;
  margin-top: 5px;
}

#system-message-wrapper .system-message-text,
#error-message-wrapper .error-message-text {
  font-size: 1.231em;
  text-align: left;
  margin: 0 0 0 45px;
  padding-left: 50px;
}

#system-message-wrapper .system-message-text {
  color: #fff;
}

#system-message-wrapper .system-message {
  background: #0278ad url(../images/info-icon-banner.svg) no-repeat 50px center;
}

#system-message-wrapper .system-message-text a {
  color: #fff;
  font-weight: bolder;
  text-decoration: underline;
}

#system-message-wrapper .system-message-text a:focus {
  color: #0278ad;
  background-color: #fff;
}

#info-message-wrapper {
  margin-bottom: 10px;
}

.info-message-wrapper {
  margin-bottom: -15px;
}

#info-message-wrapper,
.info-message-wrapper,
#info-wrapper,
.error-wrapper,
#contact-wrapper,
#info-wrapper-no-js,
#new-design-link-wrapper {
  background-color: #fff;
}

#info-wrapper,
.error-wrapper,
#contact-wrapper,
#info-wrapper-no-js,
#new-design-link-wrapper {
  border: 1px solid #d0d0d0;
  padding: 10px;
}

#info-wrapper,
.error-wrapper,
#info-wrapper-no-js {
  margin-bottom: 20px;
  margin-top: -10px;
}

#contact-wrapper,
#new-design-link-wrapper {
  float: left;
  clear: both;
  width: 940px;
  margin-top: 10px;
  padding: 14px;
}

#new-design-link-wrapper {
  font-size: 16px;
  padding-top: 19px;
}

#new-design-link-wrapper p {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

#new-design-link-wrapper a {
  font-weight: bold;
  display: flex;
  align-items: center;
}

#new-design-link-wrapper a > img {
  margin-left: 8px;
  height: 13px;
  width: 15px;
}

#info-message-wrapper .info-message,
#info-wrapper .info-message,
#info-wrapper-no-js .info-message {
  background: #fff url(../images/info.png) no-repeat 0 center;
}

#info-wrapper .info-ok-message {
  background: #fff url(../images/ok-icon.gif) no-repeat 0 center;
}

#info-message-wrapper .info-message-text,
#info-wrapper .info-message-text,
.error-wrapper .small-error-message-text,
.small-error-message-wrapper .small-error-message-text,
.small-error-message-wrapper-answer .small-error-message-text,
.small-error-message-wrapper-invitation .small-error-message-text,
.small-error-message-wrapper-reminder .small-error-message-text,
#info-wrapper-no-js .info-message-text {
  margin: 0 0 0 10px;
  padding-left: 50px;
  text-align: left;
  padding: 5px 0 2px 20px;
}

#info-wrapper .info-ok-message .info-message-text {
  padding-left: 10px !important;
}

.info-message-wrapper .info-message-text {
  margin: 0;
  padding: 0;
  color: #858585;
}

.small-error-message-wrapper,
.small-error-message-wrapper-answer {
  background-color: #ecf3f9;
}

.small-error-message-wrapper-answer {
  margin-top: 10px;
}

.small-error-message-wrapper .small-error-message {
  background: #ecf3f9 url('../images/error.gif') no-repeat 0 center;
}

.small-error-message-wrapper-answer .small-error-message,
.error-wrapper .small-error-message,
.small-error-message-wrapper-invitation .small-error-message,
.small-error-message-wrapper-reminder .small-error-message {
  background: #fff url('../images/error.gif') no-repeat 0 center;
}

.small-error-message-wrapper .small-error-message-text,
.error-wrapper .small-error-message-text,
.form-error,
.small-error-message-wrapper-answer .small-error-message,
.small-error-message-wrapper-invitation .small-error-message,
.small-error-message-wrapper-reminder .small-error-message {
  color: #363534;
}

.form-error,
.new-form-error,
.file-upload-not-supported {
  color: #ff0000;
}

.error-message-dialog {
  display: block;
  clear: both;
}

.form-error {
  margin-bottom: 10px;
}

.form-error-with-margin-top {
  margin-top: 10px;
}

ul.questions li div .form-error div ul li {
  list-style-type: disc !important;
  margin-left: 25px;
}

.icon-help {
  padding-left: 15px;
  background: url('../images/icon-help.png') no-repeat scroll 0 0 transparent;
  background-size: 15px 15px;
}

/* ^ Beskjeder */

* {
  margin: 0;
  padding: 0;
}

body {
  color: #363534;
  text-align: left !important;
  background-color: #f8f8f8;
}

sub,
sup {
  font-size: smaller;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

h1,
h1.top,
h2,
h3,
h4 {
  font-weight: bold;
}

h1,
h1.top {
  font-size: 2em;
}

h1 {
  line-height: 1.2em;
}

h1.top {
  padding: 0 10px 0 0;
  margin-top: -15px !important;
  cursor: text;
}

h2 {
  font-size: 1.38em;
}

h2.settings-title {
  margin-top: 10px;
}

h3 {
  font-size: 1.23em;
  line-height: 1.29em;
  margin: 10px 0 5px;
}

h4 {
  font-size: 1.1em;
  margin: 10px 0 5px;
}

button {
  cursor: pointer;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}

#app-head-wrapper #head-login ul .global-menu {
  background: url('../images/seperator-grey-gradient.png') no-repeat scroll
    right top transparent;
  height: 30px;
  padding: 25px 18px 0 0;
  position: relative;
  top: 15px;
}

#app-head-wrapper #head-login ul .global-menu a {
  position: relative;
  top: -12px;
}

#privacy {
  position: absolute;
  right: 250px;
  width: auto;
  padding-right: 50px;
}

#privacy-uio {
  position: absolute;
  right: 490px;
  width: auto;
}

/* override uio-app-top-bottom.css */
#app-content {
  padding: 10px !important;
  background-color: transparent;
  border: 0;
}

input[type='radio'] {
  -webkit-appearance: radio;
}

input[type='checkbox'] {
  -webkit-appearance: checkbox;
}

input[type='text'],
input[type='password'],
textarea {
  -webkit-appearance: none; /*remove inner shadow in Safari on iOS*/
  background-image: none; /*remove inner shadow in Firefox on Android*/
}

/* ^override uio-app-top-bottom.css */

#head-login.multiple-links {
  font-size: 0.92em !important;
}

#head-login ul li {
  padding-left: 10px !important;
}
/* ^app-profile */

a {
  color: #0b5a9d;
  text-decoration: underline;
}

a:hover,
a:focus {
  text-decoration: underline;
}

hr {
  background: url(../images/line-dotted-grey-white-bg.png) repeat-x -4px 0;
  border: none;
  color: #fff;
  height: 2px;
  margin: 10px 0;
  width: 100%;
  clear: both;
}

div.question-description span,
div.element-description span {
  display: inline-block;
}

ol li,
ul.questions li div.question-description ol li,
.element-description ol li {
  list-style-type: decimal !important;
}

ol,
ul li,
div.submission-details ul li,
div.open-questions ul.web-report-answer li,
ul.questions li div.question-description ul li,
.element-description ul li {
  padding-left: 15px;
  margin: 2px 0 3px 6px;
}

ul li,
div.submission-details ul li,
div.open-questions ul.web-report-answer li,
ul.questions li div.question-description ul li,
.element-description ul li {
  background: url('../images/bullet.png') no-repeat scroll 0 5px transparent;
  list-style-type: none;
}

ul.ul-ie li {
  width: 225px;
  float: left;
}

#login-info ul.ul-ie li {
  width: 170px !important;
}

.principal {
  background: url('../images/person.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  padding-left: 28px;
}

a.back {
  margin-bottom: 10px;
  display: block;
}

label {
  font-size: 1.1em;
}

/* CONTENT */
/*embedding*/
#embeddable-content {
  height: auto;
  float: left;
  clear: both;
  color: #000000;
  display: block;
  width: 100%;
  font-size: 130%;
}

#embeddable-wrapper #main-content {
  float: left !important;
  width: 100%;
  clear: both;
  border: none;
  display: block;
  margin: 0 auto;
  padding: 0;
}

#embeddable-wrapper {
  float: left;
  width: 100%;
}

#embeddable-content #app-footer-wrapper {
  float: left;
  clear: both;
}

#embeddable-wrapper .error-wrapper {
  border: 0;
  font-weight: bold;
  margin-top: -10px;
  margin-left: -10px;
}

#embeddable-wrapper .error-wrapper .small-error-message-text {
  padding-left: 25px;
}

#embeddable-wrapper div .error-element {
  padding-right: 0 !important;
  width: 100%;
}

#embeddable-wrapper div .published-answers {
  margin-bottom: 15px !important;
}

#embeddable-wrapper div .published-answers table.sortable th.sortable-text a,
#embeddable-wrapper
  div
  .published-answers
  table.sortable
  th.sortable-numeric
  a {
  padding-right: 15px !important;
}

#embeddable-content #app-responsible,
#embeddable-content #contact-info {
  float: left;
  clear: both;
  padding: 10px 0 0;
  display: block;
}

#embeddable-content #app-footer span {
  float: left;
  clear: both;
}

#embeddable-content span.vrtx-label {
  float: left;
  font-size: 1em;
  clear: both;
}

#embeddable-content h1 {
  text-align: left;
  float: left;
  clear: both;
  margin: 10px 0 0 0;
  padding: 20px 0 0 0;
}

#embeddable-content #main-content h2,
#embeddable-content #main-content h2.element-header {
  font-size: 1.38em;
  font-weight: bold;
  line-height: 1.33em;
  margin: 0;
}

#embeddable-wrapper div {
  clear: both;
  width: auto;
}

#embeddable-wrapper div .form-question {
  width: 100% !important;
}

#embeddable-wrapper div .email-confirmation {
  margin-top: -30px;
  width: 300px;
  display: inline-block;
}

#embeddable-wrapper div div.send-email-confirmation {
  bottom: 0;
  display: inline;
}

@-moz-document url-prefix() {
  #embeddable-wrapper div div.send-email-confirmation {
    bottom: 11px;
  }
}

#embeddable-wrapper #answer-controls {
  display: block;
}

#embeddable-content #main-content h2:first {
  margin: 15px 0 8px;
}

#embeddable-content #main-content #message p {
  min-height: 50px;
  height: auto !important;
}

#embeddable-wrapper div .element-description {
  margin-bottom: 15px;
}

#embeddable-wrapper div .question-description {
  margin-bottom: 10px;
}

#embeddable-wrapper div .answer {
  margin-bottom: 25px;
  margin-top: 0;
  clear: both;
}

#embeddable-wrapper div .answer label {
  margin-left: 8px;
}

#embeddable-wrapper .matrix {
  margin-top: 0px;
}

#embeddable-wrapper .matrix-wrapper {
  margin-top: -5px;
}

#embeddable-wrapper div td.alternative,
#embeddable-wrapper div th.alternative {
  padding: 0;
  word-break: break-word;
}

#embeddable-wrapper div .question {
  float: none !important;
  clear: both !important;
}

#embeddable-wrapper div .question-description p,
#embeddable-wrapper div .element-description p,
#embeddable-wrapper div .question span,
#embeddable-wrapper div .answer label {
  font-size: 1.15em;
  margin: 0;
}

#embeddable-wrapper div #answer-controls {
  clear: both;
}

#embeddable-wrapper div span.e-mail {
  float: left;
  clear: both;
}

#embeddable-wrapper .email-receipt {
  margin-bottom: 20px;
}

#embeddable-wrapper div .horizontal {
  clear: none;
}
/* ^embedding */

#wrapper {
  min-width: 970px;
  margin: 0 auto;
}

#wrapper:after {
  content: '';
  display: table;
  clear: both;
}

#main-content {
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  width: 940px;
  padding: 14px;
  text-align: left;
  float: right;
  min-height: 200px;
}

#main-content.preview {
  width: 970px;
}

#main-content p {
  font-size: 1.1em;
}

/* SEARCH/FILTERS MINE SKJEMAER */
#search,
#open-closed,
#with-and-without-answers {
  float: left;
  margin-top: 5px;
}

#open-closed ul,
#with-and-without-answers ul {
  height: 40px;
  position: relative;
  top: 6px;
}

#with-and-without-answers ul {
  background: url('../images/seperator-grey-gradient.png') no-repeat scroll left
    bottom transparent;
  margin-left: 10px;
}

#with-and-without-answers ul li.filter-all {
  margin-left: 15px !important;
}

#open-closed ul li,
#with-and-without-answers ul li,
#open-closed ul li.active-filter,
#with-and-without-answers ul li.active-filter {
  background: none;
  height: 22px;
  float: left;
  list-style-type: none;
  overflow: visible;
  padding-left: 0;
  white-space: nowrap;
}

#open-closed ul li,
#with-and-without-answers ul li {
  color: #0b5a9d;
  position: relative;
  top: 2px;
  cursor: pointer;
}

#open-closed ul li.active-filter,
#with-and-without-answers ul li.active-filter {
  /* color gradient */
  background: -webkit-linear-gradient(top, #d1d1d1, #dddedd);
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#d1d1d1),
    to(#dddedd)
  );
  background: -moz-linear-gradient(top, #d1d1d1, #dddedd);
  background: -ms-linear-gradient(top, #d1d1d1, #dddedd);
  background: -o-linear-gradient(top, #d1d1d1, #dddedd);
  /* ^color gradient */
  border: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px !important;
  color: #363534;
  margin-right: 5px;
  cursor: text;
  top: 4px;
}

#open-closed ul li.active-filter span,
#with-and-without-answers ul li.active-filter span {
  margin: -5px 0;
  padding: 3px 9px 5px 10px;
  top: 3px;
}

#open-closed span,
#with-and-without-answers span {
  margin-right: 10px;
  position: relative;
  top: 5px;
}

#open-closed ul li span:hover,
#open-closed ul li span:focus,
#with-and-without-answers ul li span:hover,
#with-and-without-answers ul li span:focus {
  text-decoration: underline;
}

#open-closed ul li.active-filter span:hover,
#open-closed ul li.active-filter span:focus,
#with-and-without-answers ul li.active-filter span:hover,
#with-and-without-answers ul li.active-filter span:focus {
  text-decoration: underline;
}

#open-closed span,
#with-and-without-answers span,
#filter-no-results span {
  font-size: 1em;
}

#filter-no-results {
  margin-bottom: 10px;
}

#search {
  margin-left: -10px;
  width: 200px;
}

#search input {
  width: 210px;
  position: relative;
  bottom: 18px;
  padding-left: 10px;
}

#search label {
  position: relative;
  top: 20px;
  visibility: hidden;
}

.email-confirmation {
  padding: 0 0 0 10px !important;
}

.email-receipt {
  margin-top: 20px;
}

@-moz-document url-prefix() {
  .send-email-confirmation {
    position: relative;
    bottom: 11px;
  }
}

.email-description-text p {
  line-height: 0.92em !important;
  margin-top: 5px;
}

#email-draft-link {
  cursor: pointer;
}

.email-receipt label {
  margin-top: 10px;
  display: inline-block;
}

.remove-edit-list-entry,
#remove-search-criteria {
  background: url('../images/icon-delete.png') no-repeat scroll 0 4px
    transparent;
  cursor: pointer;
  width: 12px;
}

#remove-search-criteria {
  bottom: 42px;
  float: right;
  position: relative;
  height: 15px;
}
/* ^SEARCH/FILTERS MINE SKJEMAER */

.cleanup {
  color: red;
}

.info-link img {
  position: relative;
  top: 4px;
}

.remove-edit-list-entry {
  display: inline-block;
  margin-left: 5px;
  overflow: hidden;
  text-indent: -9999px;
}

.back {
  background: url('../images/arrow-back.gif') no-repeat scroll left center
    transparent;
  padding-left: 14px;
  margin-bottom: 5px;
}

.back-from-report-page {
  float: left;
}

.back a {
  font-weight: bold;
}

a.printer-friendly-version {
  background: url('../images/print-icon.gif') no-repeat scroll left center
    transparent;
  padding-left: 20px;
  float: right;
  display: block;
}

table.my-forms {
  margin-bottom: 10px;
}

table.table-list {
  border: none;
  width: 100%;
  font-size: 1.14em;
  margin-top: 15px;
}

table.table-list th {
  font-size: 0.85em !important;
  font-weight: bold;
  color: #0b5a9d;
  cursor: pointer;
  text-align: left;
}

table.my-forms .buttons,
table.table-list .name {
  padding-bottom: 10px;
}

table.table-list .name {
  width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.my-forms .buttons {
  width: auto;
}

table.my-forms th.sortable-text,
table.my-forms th.sortable-numeric,
table.my-forms th.sortable-date-dmy,
table.table-list th .name,
table.my-forms th .status,
table.my-forms th .last-modified,
table.my-forms th .replies,
table.invitations th .date,
table.invitations th .invited-by {
  font-weight: bold;
}

table.my-forms th.sortable-text,
table.my-forms th.sortable-numeric,
table.my-forms th.sortable-date-dmy {
  background-image: none !important;
}

table.my-forms td .name,
table.my-forms td .buttons {
  border: medium none;
}

table.my-forms .buttons div.medium-button {
  margin-bottom: 0;
  vertical-align: middle;
}

table.my-forms .last-modified,
table.invitations .date {
  width: 135px;
  margin-right: 25px;
}

table.my-forms td.status,
table.my-forms th .status,
table.my-forms td .is-open,
table.my-forms td .replies {
  width: 100px;
}

table.my-forms td .name,
table.my-forms th .name,
table.invitations td .name,
table.invitations th .name {
  margin-right: 10px;
}

table.invitations th .name,
table.invitations td .name,
table.my-forms th .name,
table.my-forms td .name {
  text-align: left;
}

.buttons form {
  display: inline-block;
}

.name a {
  line-height: 1.1em;
}

.left {
  clear: both;
  float: left;
  margin: 0 0 20px 0;
}

.invite-textarea {
  width: 509px;
  height: 130px;
  border: 1px solid #bbb;
  outline: none;
  padding: 5px;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  margin-top: 10px;
  clear: both !important;
}

span.mandatory,
.invalid-value {
  color: red;
}

.question-description,
.question-text,
.element-description {
  margin: 10px 15px 15px 0px;
}

.retype-personal-id-headline {
  margin-top: 10px;
  margin-bottom: 5px;
}

.personal-id-validation {
  display: block;
  margin-top: 5px;
}

.confirm-delete .remove {
  position: relative;
  top: 3px;
}

.confirm-delete .remove span {
  color: red;
  position: relative;
  left: 3px;
  bottom: 3px;
  padding: 10px 10px !important;
}

a.confirm-delete {
  text-decoration: underline;
}

a.confirm-delete:hover,
a.confirm-delete:focus {
  text-decoration: underline;
}

a.link-space {
  margin-right: 15px;
}

#collapse {
  width: 968px;
  margin-left: -14px;
  margin-top: 15px;
}

.collapse-view,
.collapse-row {
  background: #ecf3f9;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #d9d9d9;
  margin-bottom: -1px;
  margin-top: -1px;
}

.collapse-view:last-child {
  border-bottom: none;
  margin-bottom: -14px;
}

div.headline {
  background: #fff;
}

div.headline-with-table {
  padding-bottom: 20px;
}

div.headline h3 {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 10px;
}

.permission-list {
  max-width: 80%;
  display: inline-block;
}

.predefined-text {
  padding-bottom: 8px;
}

.editors-through-api-users {
  font-size: 1.1em;
  padding-left: 15px;
}

.predefined,
.open-time,
.respondents,
.is-anonymous,
.editors,
.e-mail-details {
  padding-left: 15px;
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 1.1em;
}

.predefined,
.resource-element span.modified-by,
span.number,
span.number-description {
  display: block;
}

#open-from-to h4 {
  display: block;
  float: left;
  clear: both;
}

div.toggle-container {
  padding: 10px 10px 10px 20px;
}

div.headline div.change-settings,
.add-permissions {
  display: inline-block;
}

.add-permissions {
  float: left;
}

div.headline div.change-settings button,
.top,
.up,
.down,
.bottom,
button.small-button-answer,
.add-permissions button {
  cursor: pointer;
}

#compat-icon {
  background: url('../images/compat-icon.png') no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 22px;
  margin: -10px 0 0;
  width: 27px;
}

.close-window a {
  background: url('../images/lightbox-close.png') no-repeat scroll center center
    transparent;
  display: block;
  float: right;
  overflow: hidden;
  text-indent: -9999px;
  height: 18px;
  width: 20px;
}

.notabene {
  margin-top: 20px;
}
/* ^CONTENT */

/* BREADCRUMBS */
#breadcrumb-wrapper {
  background: url('../images/app-head-breadcrumb-bg.png') repeat scroll left top
    transparent;
  margin: 0 0 -1px;
  overflow: hidden;
}

#breadcrumb-wrapper #breadcrumbs {
  overflow: hidden;
  height: auto;
  text-align: left;
  margin: 0 auto;
  position: relative;
}

#breadcrumb-wrapper #breadcrumbs span {
  height: 32px;
  display: block;
  float: left;
  font-size: 1.15em;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-active {
  height: 26px !important;
  padding: 4px 21px 0 11px;
  font-size: 1em;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-active span {
  font-size: 1em;
  padding-top: 1px;
}

.ellipsis {
  max-width: 400px;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element .breadcrumb-active,
#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:hover:last-child,
#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:focus:last-child {
  background: url('../images/app-head-breadcrumb-active-bg.png') no-repeat
    scroll right bottom #d9d9d9;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element .breadcrumb-active {
  max-width: 400px;
  margin: 1px 0 0;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:hover:last-child,
#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:focus:last-child {
  margin-left: 0;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element a {
  color: #363534;
  height: 26px !important;
  padding: 6px 11px 0;
  text-decoration: none;
  display: block;
  float: left;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:hover a,
#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:focus a {
  color: #ffffff;
  padding-left: 21px;
}

#breadcrumb-wrapper
  #breadcrumbs
  .breadcrumb-element:hover
  .breadcrumb-delimiter,
#breadcrumb-wrapper
  #breadcrumbs
  .breadcrumb-element:focus
  .breadcrumb-delimiter {
  background: url('../images/app-head-breadcrumb-delimiter-rollover-right.png')
    no-repeat scroll right;
  height: 33px;
  margin-top: -1px;
  margin-bottom: -1px;
}

#breadcrumb-wrapper
  #breadcrumbs
  .breadcrumb-element:hover
  .breadcrumb-before-active,
#breadcrumb-wrapper
  #breadcrumbs
  .breadcrumb-element:focus
  .breadcrumb-before-active {
  background: url('../images/app-head-breadcrumb-delimiter-rollover-right-active.png')
    no-repeat scroll right bottom transparent;
  height: 33px;
  margin-top: -1px;
  margin-bottom: -1px;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:hover,
#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:focus {
  background: url('../images/app-head-breadcrumb-delimiter-rollover-left.png')
    no-repeat scroll left bottom #53a62a;
  margin-left: -10px;
  max-width: 400px;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:hover a.first,
#breadcrumb-wrapper #breadcrumbs .breadcrumb-element:focus a.first {
  background: none repeat scroll 0 0 #53a62a;
}

#breadcrumbs {
  padding-right: 50px;
  width: auto;
  max-width: 940px;
  left: 15px;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-element .breadcrumb-delimiter {
  background: url('../images/app-head-breadcrumb-delimiter.png') no-repeat
    scroll right bottom transparent;
  width: 10px;
  height: 30px;
  margin-top: 1px;
}

#breadcrumb-wrapper #breadcrumbs .breadcrumb-before-active {
  background: url('../images/app-head-breadcrumb-delimiter-active.png')
    no-repeat scroll 0 0 transparent;
  height: 30px;
  width: 9px;
  margin-top: 1px;
}
/* ^BREADCRUMBS */

/* RESOURCE MENU */
#title-container {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  min-height: 75px;
}

#title-container::after {
  clear: both;
  display: block;
  content: ' ';
}

#form-title {
  padding-top: 8px;
  position: relative;
  display: inline-block;
  float: left;
  clear: none;
  max-width: 38%;
}

#form-title h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 380px;
}

h1.overflow {
  hyphens: auto;
  -webkit-hyphens': auto;
  -ms-hyphens': auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

h1.title-decrease {
  font-size: 1.54em !important;
}

.form-controls-wrapper {
  display: flex;
}

.resource-element {
  background: url('../images/seperator-grey-gradient-big.png') no-repeat scroll
    left top transparent;
  display: inline-block;
  position: relative;
  float: left;
  clear: none;
  margin: -15px 0 0 25px;
  padding: 0 10px 0 25px;
}

.resource-status {
  width: 19%;
}

.resource-modified {
  width: 15%;
}

span.active,
span.open,
span.closed {
  font-weight: bold;
}

span.active,
span.closed,
span.ok {
  color: #549401 !important;
}

span.open,
span.not-ok {
  color: #e80a13;
}

.form-actions-error {
  display: none;
}

/* ^RESOURCE MENU */

/* TABS MENU */
#tabs {
  margin: 1px 0 0 0;
  padding: 0;
  position: relative;
  top: 1px;
  left: 0;
  width: 73em;
}

#tabs ul {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  width: 73em;
  border-left: 1px solid #d0d0d0;
}

#tabs ul li {
  background: none;
}

#tabs ul li,
#tabs ul li.current {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  float: left;
}

#tabs ul li a,
#tabs ul li.current a {
  line-height: 1.25em;
  display: block;
  float: left;
  margin: 0;
  padding: 6px 22px 5px 19px;
  /* color gradient */
  background: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#f0f0f0),
    to(#e6e6e6)
  );
  background: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
  background: -ms-linear-gradient(top, #f0f0f0, #e6e6e6);
  background: -o-linear-gradient(top, #f0f0f0, #e6e6e6);
  /* ^color gradient */
  text-align: center;
  font-size: 1.15em;
  text-decoration: none;
  color: #363534;
}

#tabs ul li a {
  border: 1px solid #d0d0d0;
  border-left: none;
  text-decoration: none;
}

#tabs ul li:not(.disabled) a:hover,
#tabs ul li:not(.disabled) a:focus {
  background: #62ba36;
  color: #fff;
  border-bottom: 1px solid #53a62a;
  margin-left: -1px;
  padding-left: 20px;
}

#tabs ul li.current a {
  background: #fff;
  border-bottom: 1px solid #fff;
}

#tabs ul li.current a:hover,
#tabs ul li.current a:focus {
  background: none repeat scroll #fff;
  color: #363534;
  margin-left: 0;
  padding-left: 19px;
  border-bottom-color: white;
}

#tabs .disabled a {
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#e5e5e5),
    to(#dfdfdf)
  );
  background: -webkit-linear-gradient(top, #e5e5e5, #dfdfdf);
  background: -moz-linear-gradient(top, #e5e5e5, #dfdfdf);
  background: -ms-linear-gradient(top, #e5e5e5, #dfdfdf);
  background: -o-linear-gradient(top, #e5e5e5, #dfdfdf);
  cursor: help;
  color: #666;
}

/* ^TABS MENU */

/* SUB MENU */
.sub-menu {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
}

.embed .sub-menu {
  margin-top: -5px;
}

ul.sub-tabs {
  margin-top: 15px;
  float: left;
}

.sub-menu ul li,
.sub-menu ul li.current-sub-tab {
  float: left;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: -15px;
  margin-bottom: -11px !important;
}

.sub-menu ul li.current-sub-tab {
  background: url('../images/sub-menu-current-right.gif') no-repeat scroll right
    top transparent;
  height: 26px;
  margin-right: 10px;
}

.sub-menu ul li.current-sub-tab span {
  background: url('../images/sub-menu-current-left.gif') no-repeat scroll 0 0
    transparent;
  display: block;
  height: 26px;
  padding: 5px 0 3px 8px;
  margin-right: 5px !important;
  margin-top: -5px;
  white-space: nowrap;
}

.sub-menu ul li {
  background: none;
}

.sub-menu ul li a {
  color: #0b5a9d !important;
  text-decoration: underline;
  margin-right: 10px !important;
}

.sub-menu ul li.current-sub-tab a {
  color: #000 !important;
}

.sub-menu ul li.current-sub-tab a,
.sub-menu ul li a {
  text-align: center;
  margin: 5px;
}

.sub-menu ul li a:focus {
  text-decoration: underline;
}
/* ^SUB MENU */

/* Tab menu */

.tab-menu {
  width: 90%;
}

.tab-group {
  border-bottom: 1px solid #e6e6e6;
}

.tab-group .tab {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: -20px;
  margin-bottom: -11px !important;
  cursor: pointer;
  background-image: none;
  display: inline-block;
}

.tab-group .tab.active {
  background: url('../images/sub-menu-current-right.gif') no-repeat scroll right
    top transparent;
  height: 26px;
  margin-right: 10px;
}

.tab-group .tab.active span {
  background: url('../images/sub-menu-current-left.gif') no-repeat scroll 0 0
    transparent;
  height: 26px;
  display: block;
  padding: 5px 4px 3px 8px;
  margin-right: 5px !important;
  margin-top: -5px;
  white-space: nowrap;
}

.tab-group .tab span {
  text-decoration: underline;
  margin-right: 10px !important;
  text-align: center;
  margin: 5px;
}

.tab-menu .tab-content {
  margin-top: 10px;
}

.tab-group .tab:focus {
  text-decoration: underline;
}

.tab-group .tab.active span,
.tab-group .tab.active:focus {
  color: #000;
}

.tab-group .tab span,
.tab-group .tab:focus {
  color: #0b5a9d;
}
/* ^ Tab menu */

/* Embedding code */

.embed-container {
  clear: both;
  margin: 3px 0;
}
.embed-code-container {
  margin-left: 25px;
  margin-top: 5px;
}

.embed-code-textareas .textarea-medium {
  float: none;
  margin-left: 0;
}

.embed-code-textareas textarea {
  max-width: 875px;
}

.embed-info {
  margin: 10px 0 4px 0;
  display: block;
}

.embed-header {
  cursor: pointer;
  padding-left: 2px;
}

.embed-header .icon,
.embed-header.active .icon {
  padding-left: 15px;
}

.embed-header a:hover,
.embed-header a:focus,
.embed-header a:hover .icon,
.embed-header a:focus .icon {
  text-decoration: underline;
}

.embed-header a:hover span,
.embed-header a:focus span {
  text-decoration: underline;
}

.embed-header .icon {
  background: url('../images/arrow-right.gif') no-repeat center left;
  background-size: 14px;
}

.embed-header.active .icon {
  background: url('../images/arrow-down.gif') no-repeat center left;
  background-size: 14px;
}

/* ^ Embedding code */

/* BUTTONS */
button.big-button-green,
button.big-button-gray {
  cursor: pointer;
  font-size: 10pt;
  white-space: nowrap;
  clear: none;
  outline: none;
  margin-right: 10px;
  font-weight: bold;
  height: 40px;
  padding: 0 3px 0 0;
  display: inline-block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px !important;
}

.receipt-link-as-button {
  display: inline-block;
  background: #53a62a;
  color: #fff;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-width: 1px;
  font-weight: bold;
  padding: 5px 10px;
  margin: 10px auto;
  font-family: arial;
}

.receipt-link-as-button:hover,
.receipt-link-as-button:focus {
  /* color gradient */
  background: -webkit-linear-gradient(top, #4cd311, #2d8600);
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#4cd311),
    to(#2d8600)
  );
  background: -moz-linear-gradient(top, #4cd311, #2d8600);
  background: -ms-linear-gradient(top, #4cd311, #2d8600);
  background: -o-linear-gradient(top, #4cd311, #2d8600);
  /* ^color gradient */
  text-decoration: underline;
}

div.large-button-green button,
div.medium-button-green button,
div.medium-button button:hover,
div.large-button-green-add button,
div.small-button button:hover,
div.xsmall-button button:hover,
div.browse-form button.hover,
div.medium-button-green button[disabled]:hover,
button.big-button-green[disabled]:hover,
button.big-button-green,
button.big-button-gray:hover,
.link-as-button:hover,
div.medium-button-green button,
div.medium-button button:focus,
div.small-button button:focus,
div.xsmall-button button:focus,
div.medium-button-green button[disabled]:focus,
button.big-button-green[disabled]:focus,
button.big-button-gray:focus,
.link-as-button:focus {
  background: #53a62a;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px !important;
  border-width: 1px;
}

div.large-button-green button:hover,
div.medium-button-green button:hover,
div.large-button-green-add button:hover,
button.big-button-green:hover,
div.large-button-green button:focus,
div.medium-button-green button:focus,
div.large-button-green-add button:focus,
button.big-button-green:focus,
.small-button-green button:hover,
.small-button-green button:focus {
  /* color gradient */
  background: -webkit-linear-gradient(top, #4cd311, #2d8600);
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#4cd311),
    to(#2d8600)
  );
  background: -moz-linear-gradient(top, #4cd311, #2d8600);
  background: -ms-linear-gradient(top, #4cd311, #2d8600);
  background: -o-linear-gradient(top, #4cd311, #2d8600);
  /* ^color gradient */
}

div.medium-button button,
div.small-button button,
div.xsmall-button button,
div.browse-form button.disabled:hover,
button.big-button-gray,
.link-as-button,
div.browse-form button.disabled:focus {
  /* color gradient */
  background: -webkit-linear-gradient(top, #fdfdfd, #ecebeb);
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#fdfdfd),
    to(#ecebeb)
  );
  background: -moz-linear-gradient(top, #fdfdfd, #ecebeb);
  background: -ms-linear-gradient(top, #fdfdfd, #ecebeb);
  background: -o-linear-gradient(top, #fdfdfd, #ecebeb);
  /* ^color gradient */
  border: 1px solid #cbcbcb !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px !important;
  margin-right: 5px;
}

.small-button-green {
  background: #fff;
}

.small-button-green button {
  background: #53a62a;
  color: #fff;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-right: 5px;
  height: 23px;
}

.small-button-green button span {
  padding: 8px;
}

div.large-button-green span,
div.medium-button-green span,
div.large-button-green-add span,
button.big-button-green span {
  background: none;
  color: #ffffff;
  font-weight: bold;
}

button.big-button-green span,
button.big-button-gray span {
  padding: 20px;
}

div.large-button-green span {
  padding: 20px;
}

div.medium-button-green span,
div.medium-button span {
  padding: 10px;
}

div.large-button-green-add .button-text {
  padding: 0 25px 0 25px !important;
  font-size: 1.1em !important;
  top: 11px;
}

div.small-button button {
  height: 23px;
}

div.small-button span,
div.xsmall-button span,
.link-as-button span {
  padding: 8px;
}

div.small-button,
.link-as-button {
  margin: 5px 3px 0 0;
}

div.xsmall-button {
  margin: 5px;
  position: relative;
  bottom: 1px;
}

div.xsmall-button button,
div.xsmall-button button:hover,
div.xsmall-button button:focus {
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}

div.large-button-green button,
div.large-button-green button:hover,
div.large-button-green button:focus {
  height: 35px;
}

div.medium-button-green button,
div.medium-button-green button:hover,
div.medium-button button,
div.medium-button button:hover,
div.medium-button-green button:focus,
iv.medium-button button:focus {
  height: 30px;
}

div.large-button-green-add button {
  height: 40px;
}

.add-icon-large {
  clear: both;
  float: left;
  margin-top: 3px;
  margin-bottom: 20px;
}

div.large-button-green-add .add-icon-large {
  background: url('../images/add-icon.png') no-repeat scroll 0 0 transparent;
  padding: 10px;
  left: 20px;
  top: 10px;
}

div.large-button-green-add span {
  position: relative;
}

div.medium-button span,
div.small-button span,
div.xsmall-button span {
  color: #333;
}

div.medium-button button:hover,
div.small-button button:hover,
div.xsmall-button button:hover,
div.browse-form button.hover,
button.big-button-gray:hover,
.link-as-button:hover,
div.medium-button button:focus,
div.small-button button:focus,
div.xsmall-button button:focus,
button.big-button-gray:focus,
.link-as-button:focus {
  border: 1px solid #53a62a !important;
}

div.medium-button button:hover span,
div.small-button button:hover span,
div.xsmall-button button:hover span,
div.browse-form button.hover span,
button.big-button-gray:hover span,
.link-as-button:hover span,
div.medium-button button:focus span,
div.small-button button:focus span,
div.xsmall-button button:focus span,
button.big-button-gray:focus span,
.link-as-button:focus span {
  color: #fff;
}

div.medium-button-green {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

div.small-button,
div.medium-button,
div.medium-button-green,
div.large-button-green-add,
div.large-button-green {
  margin-bottom: 10px;
}

#change-title div.small-button {
  float: left;
}

#invitation-settings div.medium-button-green span,
#reminder-settings div.medium-button-green span {
  display: inline;
}

div.browse-form button {
  margin-left: 0;
}

button .inactive-text {
  display: inline;
}

button .active-text {
  display: none;
}

button[active] .inactive-text {
  display: none;
}

button[active] .active-text {
  display: inline;
}

#accept-tos-button span {
  position: relative;
  bottom: 1px;
}

/* link as button */
.link-as-button {
  color: #333333;
  display: inline-block;
  margin-left: 5px;
  margin-right: 8px;
  height: 21px;
  position: relative;
  bottom: 3px;
}

.link-as-button span {
  cursor: pointer;
  position: relative;
  top: 3px;
}

.link-as-button:hover,
.link-as-button:hover span,
.link-as-button:focus,
.link-as-button:focus span {
  text-decoration: underline;
}
/* ^link as button */
/* ^BUTTONS */

/* INPUT FIELDS */
.email-confirmation {
  margin-left: 0 !important;
  display: inline-block;
  top: 0 !important;
  margin: 10px 20px 0 0 !important;
  padding: 0 !important;
}

.textfield-big,
.textfield-medium {
  height: 32px;
  margin: 0 15px 15px 30px;
  padding: 0 0 10px 10px;
  clear: both;
}

.textfield-big input,
.textfield-medium input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: block;
  height: 32px;
  outline: none;
  clear: both;
  padding-left: 10px;
}

.input-medium,
.input-small,
.input-xsmall {
  display: inline-block;
  clear: none;
}

.input-medium,
.input-small {
  float: left;
}

.input-medium input,
.input-small input,
.input-xsmall input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: block;
  font-size: 14pt;
  margin: -1px 0 5px 7px;
  padding-left: 10px;
  height: 40px;
  width: 625px;
  outline: none;
}

.input-small input {
  width: 330px;
}

.input-xsmall input {
  width: 90px;
}

.input-small input,
.input-xsmall input {
  margin-top: 3px;
  margin-bottom: 10px;
  height: 25px;
  margin-left: 0;
  font-size: 1.1em;
}

.textfield-medium {
  position: relative;
  top: 6px;
  width: 300px;
}

.textfield-medium input {
  width: 310px;
}

.textarea-medium {
  display: inline-block;
  float: left;
  margin: 0 15px 10px 7px;
  clear: none;
}

.textarea-medium textarea,
.textarea-large textarea {
  padding: 5px;
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  outline: none;
  display: block;
  margin: 10px 0px;
}

.textarea-medium textarea {
  height: 60px;
  width: 575px;
}

.textarea-large textarea {
  min-height: 60px;
  min-width: 575px;
}

textarea {
  white-space: pre-wrap;
}

.search-form {
  display: inline-block;
  clear: right !important;
  top: 0 !important;
  margin: 10px 20px 0 0;
  padding-left: 0;
  vertical-align: middle;
}

input:disabled {
  background-color: #f0f0f0;
  color: #363534;
  cursor: not-allowed;
}

.auto-populated-info {
  font-style: italic;
}

.search-form-button button {
  vertical-align: middle;
}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  div.send-email-confirmation {
    bottom: 0;
  }
}
/*^chrome*/
/* ^INPUT FIELDS */

/* LOGIN/TOS */
#login-wrapper,
#terms-of-use {
  background: #ffffff;
  border: 1px solid #d0d0d0;
}

#login-wrapper {
  width: 600px;
  margin: 0 auto;
  padding: 0;
}

#terms-of-use {
  margin: 0 0 0 170px;
  padding: 14px;
  width: 570px;
}

/*Astrid: Sjekk at dette funker. Har tatt flere av selectorene ut i index-page.less */
.settings:after,
#answer-controls:after,
#embeddable-wrapper div #error-container:after {
  content: '.';
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.edit-form-title {
  width: 940px;
  display: none;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  padding: 13px 15px;
  margin: 0;
  margin-bottom: 20px;
  position: relative;
  float: left;
}

.edit-form-title h2 {
  margin-bottom: 10px;
}

.edit-title-buttons {
  position: relative;
  clear: both;
}

.form-shortcut-menu-container {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.form-shortcut-menu {
  margin: 10px 0 10px 0;
  box-sizing: border-box;
}

.form-shortcut-menu-item {
  background: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
}

.dropdown-shortcut-edit-title {
  background: -webkit-linear-gradient(top, #fdfdfd, #ecebeb);
  background: -webkit-gradient(
    linear,
    0% 0%,
    0% 100%,
    from(#fdfdfd),
    to(#ecebeb)
  );
  background: -moz-linear-gradient(top, #fdfdfd, #ecebeb);
  background: -ms-linear-gradient(top, #fdfdfd, #ecebeb);
  background: -o-linear-gradient(top, #fdfdfd, #ecebeb);
  color: #000;
  cursor: pointer;
  text-decoration: none;
  padding: 5px 8px;
  margin: 0;
  display: inline-block;
  border: 1px solid #d0d0d0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
}

.dropdown-shortcut-edit-title:hover,
.dropdown-shortcut-edit-title:focus {
  background: #53a62a;
  color: #fff;
  text-decoration: none;
  border: 1px solid #53a62a;
}

.dropdown-menu-container {
  display: inline-block;
  position: relative;
}

.dropdown-shortcut-menu span {
  display: inline-block;
  padding: 5px 12px;
}

.dropdown-shortcut-menu {
  background: url('../images/dropdown-arrow.png') no-repeat 8px 10px,
    -webkit-linear-gradient(top, #fdfdfd, #ecebeb);
  background: url('../images/dropdown-arrow.png') no-repeat 8px 10px,
    -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#ecebeb));
  background: url('../images/dropdown-arrow.png') no-repeat 8px 10px,
    -moz-linear-gradient(top, #fdfdfd, #ecebeb);
  background: url('../images/dropdown-arrow.png') no-repeat 8px 10px,
    -ms-linear-gradient(top, #fdfdfd, #ecebeb);
  background: url('../images/dropdown-arrow.png') no-repeat 8px 10px,
    -o-linear-gradient(top, #fdfdfd, #ecebeb);
  border: 1px solid #d0d0d0;
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  margin: 0px;
  cursor: pointer;
}

.dropdown-shortcut-menu:hover,
.dropdown-shortcut-menu:focus {
  background: #53a62a url('../images/dropdown-arrow-hover.png') no-repeat 8px
    10px;
  border: 1px solid #53a62a;
  border-left: 0;
}

.button-dropdown-list {
  display: none;
  width: 70px;
  position: absolute;
  z-index: 99;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  background-color: #fff;
  text-decoration: underline;
  left: -1px;
  margin-top: -1px;
}

.button-dropdown-list li {
  background: none;
  margin: 0;
  padding: 0;
}

.button-dropdown-list button {
  background: none;
  border: none;
  border-bottom: 1px solid #cbcbcb;
  color: #0b5a9d;
  cursor: pointer;
  font-weight: normal;
  width: 100%;
  box-sizing: border-box !important; /* while we have different box-sizing for react and non-react code*/
  padding: 8px 17px;
}

.button-dropdown-list button:hover {
  background: #f6fafe;
}

#terms {
  margin: 20px;
}

#terms ol li {
  margin-bottom: 5px;
}

#accept {
  background: url('../images/bottombar.png') repeat-x top left;
  background-color: white;
  border-top: 1px solid e1e1e1;
  width: 570px;
  min-height: 50px;
  margin: 0 -14px -14px -14px;
  padding: 14px;
}

#accept-field {
  margin-bottom: 10px;
}

button[disabled] {
  cursor: default !important;
  opacity: 0.3;
}

#login-out-link,
#user-fullname {
  background-image: none;
  display: inline-block;
}

#app-head-wrapper #head-login hr {
  display: none;
}

#login-out-link,
#user-fullname {
  background-image: none;
  display: inline-block;
}

#app-head-wrapper #head-login hr {
  display: none;
}
/* placeholders */
.placeholder-text::-webkit-input-placeholder {
  color: #ffffff;
}

.placeholder-text:-moz-placeholder {
  color: #ffffff;
}

.placeholder-text::-moz-placeholder {
  color: #ffffff;
}

.placeholder-text:-ms-input-placeholder {
  color: #ffffff !important;
}

::-webkit-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999 !important;
}

.placeholder {
  color: #999 !important;
}
/* ^placeholders */

/* MODALE DIALOGER */
.lightbox.reauthentication-dialog,
.local-storage-dialog {
  width: 300px;
}

.reauthentication-dialog hr,
.local-storage-dialog hr {
  width: 340px;
  margin: 15px 0 15px -20px;
}

.lightbox.reauthentication-dialog .lightbox-buttons,
.local-storage-dialog .lightbox-buttons {
  margin-top: 25px;
}

.reauthentication-dialog input[type='text'],
.local-storage-dialog input[type='email'] {
  border: 1px solid #848484;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 250px;
  height: 25px;
  padding-left: 10px;
  margin-top: 2px;
}

.reauthentication-dialog label,
.local-storage-dialog label {
  font: 13px Arial, sans-serif;
  display: block;
  margin-top: 10px;
  margin-bottom: 2px;
}

.lightbox-dialog hr {
  margin-left: -20px;
}

.lightbox img {
  width: 180px;
  height: 19px;
}

.lightbox h2 {
  text-align: center;
  margin: 30px 0 30px 0;
}

.lightbox-dialog h1,
.lightbox-dialog h2 {
  font-size: 15pt;
  font-weight: normal;
  color: black;
}

.lightbox-dialog h1 {
  font-size: 15pt;
}

.lightbox-dialog h2 {
  font-size: 12pt;
}

.lightbox-big-forced {
  height: auto !important;
  width: auto !important;
  padding: 20px !important;
}

.lightbox-big-forced hr {
  width: auto !important;
}

.lightbox {
  display: none;
  border: 2px solid #848484;
  box-shadow: 1px 1px 5px 2px #848484;
  background-color: #ffffff;
  padding: 20px;
  text-align: left;
}

.reauthentication-dialog input[type='text'] {
  border: 1px solid #848484;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 250px;
  height: 25px;
  padding-left: 10px;
  margin-top: 2px;
}
.reauthentication-dialog label {
  font: 13px Arial, sans-serif;
  display: block;
  margin-top: 10px;
  margin-bottom: 2px;
}

.lightbox-dialog .close {
  float: right;
}

.lightbox-buttons {
  margin-top: 8px;
}

.lightbox-button {
  display: inline-block;
}

.lightbox .error-message {
  color: #f00;
}

#change-title label {
  visibility: hidden;
}

#change-title .input-small {
  position: relative;
  bottom: 15px;
}

#create-new-form,
#change-title,
#change-url-dialog,
#delete-form {
  width: 345px;
}

#invitation ul li {
  list-style-type: square;
}

#invitation-settings,
#reminder-settings {
  width: 450px;
}

#create-new-form-error {
  float: left;
  clear: both;
  color: red;
}

#create-new-form hr {
  margin-bottom: 0px;
}

#create-new-form #title {
  outline: none;
  clear: both;
  float: left;
  width: 323px;
  padding: 0 10px 0 10px;
  margin: 0;
}

#create-new-form .textfield-medium {
  width: 340px;
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin: 0 0 10px 0;
  padding-top: 0;
  float: left;
}

#create-new-form .max {
  margin-left: 5px;
}

#create-new-form .max span {
  font-size: 1.1em;
}

#create-new-form .max input {
  margin-top: 3px;
}

#create-new-form .title-label {
  float: left;
  clear: both;
  padding: 15px 0 3px 0;
}

#create-new-form span.title-label {
  font-size: 1.1em;
}

#create-new-form input[type='radio'] {
  margin-right: 5px;
}

#create-new-form label,
#create-new-form input[type='radio'] {
  vertical-align: middle;
}

#create-new-form #new-form-submit {
  float: left;
  clear: both;
  padding: 20px 0 0 0 !important;
  margin: 0 !important;
  height: 32px;
}

#create-new-form div.create-right,
#create-new-form div.radio-groups,
#delete-content,
#retain-access,
.radio-group {
  float: left;
  clear: both;
}

#create-new-form #close-new-form {
  margin-left: 10px;
  font-size: 1.1em;
}

#max-submissions-person .radio-group {
  margin-top: -5px;
}

#new-form-submit .medium-button {
  display: inline;
  margin-right: 5px;
}

#new-form-submit .medium-button span {
  font-weight: bold;
}

.new-form-error {
  font-size: 1em !important;
  display: block;
}

#delete-form button {
  margin-top: 5px;
}

#form-delete-editor-and-cp-list {
  margin-bottom: 10px;
}

@-moz-document url-prefix() {
  .lightbox input {
    bottom: 2px;
  }
}

/* ^MODALE DIALOGER */

/* SETTINGS */
.additional-padding td {
  padding: 5px !important;
}

.additional-padding .info {
  top: 0 !important;
}

.form-settings {
  margin-top: 14px;
  margin-bottom: 0 !important;
}

.form-settings button {
  margin-right: 10px;
}

.settings h4 {
  padding-top: 10px !important;
}

.contact-person,
.max {
  float: none;
  margin-bottom: 0 !important;
}

.contact-person,
.max,
.permissions {
  height: 25px;
  top: 0;
  clear: none;
}

.contact-person,
.pemissions {
  margin-left: -10px;
}

.max {
  margin: 0;
  padding-left: 0 !important;
}

.permissions {
  float: left;
  margin: 0 15px 0 0 !important;
  padding: 0;
}

form span.respondents {
  display: block;
  margin: 5px 0 0 6px;
}

.settings input[type='radio'],
.settings input[type='checkbox'],
.settings label {
  margin-right: 5px;
}

label[for='anonymous'] {
  position: relative;
  bottom: 1px;
}

.settings input#email,
.settings label[for='email'],
.contact-person span {
  position: relative;
  top: 8px;
}

#send-email-to input,
#send-email-to label {
  float: left;
}

#send-email-to input[type='radio'] {
  top: 10px;
}

.contact-person input,
.permissions input {
  display: inline-block;
  float: left;
}

.receipt-text,
.crypt-key {
  float: none !important;
  display: block;
}

.receipt-text,
.crypt-key {
  margin-left: 0;
}

.receipt-text textarea,
.crypt-key textarea {
  width: 400px;
}

.receipt-text textarea {
  margin-bottom: 15px !important;
}

.crypt-key textarea {
  margin-top: 5px;
}

.pgp,
#tsd {
  display: none;
}

.pgp,
#tsd,
.link-form {
  margin: 5px 0 0 23px;
}

.pgp span,
#tsd span,
.link-form span {
  font-weight: bold;
}

.pgp span,
.send-email-to span.email,
#tsd span,
.link-form span {
  font-size: 1.1em;
}

.tooltips {
  padding-left: 5px !important;
}

.max input {
  width: 50px;
}

.max {
  width: 40px;
}

.advanced-settings {
  float: none;
  clear: left;
}

.administrators,
.copypermission {
  display: inline-block;
  float: left;
  clear: none;
  margin-right: 20px;
}

.permissions-input-tooltip {
  clear: both;
}

.link-to-form {
  margin-left: 0;
  padding-left: 0;
}

.link-to-form input {
  width: 150px !important;
}

/*table*/
table.settings-table {
  border: 1px solid #d0d0d0;
  border-collapse: separate;
  margin-left: 15px;
  width: 97%;
}

table tr.even {
  background-color: #f9f9f9;
}

table.settings-table tr.first td {
  border-top: medium none;
}

table.settings-table tr td {
  border-top: 1px solid #f0f0f0;
}

table.settings-table tr td {
  padding: 1px 5px 0 5px;
}

table.settings-table .key {
  font-weight: bold;
}

table.settings-table .key,
table.settings-table .key-info {
  vertical-align: middle;
  white-space: nowrap;
}

table.settings-table .key-info {
  width: 1px;
}

table.settings-table .key-info span.info {
  position: relative;
  top: 5px;
  margin-right: 5px;
  max-width: 550px;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

table.settings-table .xsmall-button button,
table.settings-table .xsmall-button span {
  font-size: 0.89em;
}

table.settings-table tr .collapse-row {
  padding: 0 !important;
  border: 0;
}

#contact-information,
#form-language,
#locking-settings,
#max-total-submissions-settings,
#max-submissions-per-person-settings {
  border-top: 1px solid #f0f0f0;
}
/*^table*/

.user-wrapper {
  margin-bottom: 5px;
}

.added-user {
  position: relative;
  bottom: 4px;
}
/* ^SETTINGS */

/* COLLECT-RESPONSES */
div.invite,
div.embed,
div.receipt,
.share-form-url {
  display: block;
  margin-bottom: 15px;
  clear: both;
}

.share-form-url h3 {
  margin-bottom: 1px;
}

.change-url {
  margin: 0 7px !important;
  display: inline-block;
}

.change-url-description {
  clear: both;
}

.change-url-field {
  clear: both;
  margin-bottom: 30px;
}

.change-url-field label {
  visibility: hidden;
  display: none;
}

.change-url-field input {
  margin: 0;
}

.change-url-field .input-xsmall {
  vertical-align: middle;
}

.change-url-controls .small-button {
  display: inline-block;
}

.prefixed-url {
  margin: 0 3px;
}

.embed-code {
  display: block;
  clear: both;
  float: none;
  margin-top: 10px;
  margin-left: -3px;
}

div.invitation-page,
div.send-invitations,
div.send-reminder {
  margin-top: 10px;
}

div.send-invitations button,
div.send-reminder button {
  margin-right: 10px;
}

.invite-persons {
  margin: 0 50px 0 0;
}

.invite-persons textarea,
.invitation-text textarea,
.reminder-text textarea {
  display: inline-block;
  width: 400px;
}

.invite-persons-info-text,
.invite-sms-info-text {
  max-width: 390px;
}

.invite-persons .notabene-message {
  margin-top: 5px;
}

.invite-persons-back {
  margin-bottom: 10px;
}

textarea.error-sms-invitations-border {
  border: 1px solid #d0021b;
  margin-bottom: 0;
}

.error-sms-invitations {
  color: #d0021b;
  background-color: #ffdcdc;
  margin-top: -7px;
  margin-bottom: 7px;
  padding: 10px 7px 7px 7px;
  text-align: center;
}

.invitation-text,
.reminder-text {
  margin-top: 10px;
  margin-bottom: 10px;
  float: none;
}

.maxlength-reached-message {
  margin-left: -7px;
  color: red;
  display: none;
}

.send-invitations,
.reminders,
.invited-persons {
  float: left;
  clear: both;
}

hr.invitation-page-delimiter {
  position: relative;
  top: 8px;
}

.slide-setting-header {
  padding-bottom: 5px;
}

.slide-setting-header .icon-help {
  background-size: 17px 17px;
  padding-left: 17px;
  margin-left: 5px;
  vertical-align: middle;
}

.slide-setting-content {
  padding-left: 22px;
}

.slide-setting-header h2 {
  text-align: left;
  font-weight: normal;
  margin: 0;
  cursor: pointer;
}

.slide-setting-wrapper.active h2 {
  cursor: auto;
}

.slide-setting-wrapper .icon {
  background: url('../images/arrow-right.gif') no-repeat center left;
  background-size: 14px;
  padding-left: 14px;
  padding-right: 7px;
}

.slide-setting-wrapper.active .icon {
  background: url('../images/arrow-down.gif') no-repeat center left;
  background-size: 14px;
}

.slide-setting-group .separator {
  height: 1px;
  background: #ccc;
  margin-bottom: 5px;
}

.slide-setting-controls {
  padding-top: 5px;
}

.slide-setting-controls .save-button {
  margin: 0;
}

/* ^COLLECT-RESPONSES */

/* SHOW SUBMISSION */
.user-info {
  margin-top: 10px;
}

.user-info ul li {
  background: none !important;
}

.user-info ul li {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 10px;
}

.user-info .score {
  font-size: 1.2em;
  font-weight: bold;
}

.solid {
  background: none;
  border-top: 1px solid #e7e7e7;
  margin: 15px 0;
}
/* ^SHOW-SUBMISSION */

/* VIEW/ANSWER */
hr.group-content {
  background: #363534;
  border: 1px solid #363534;
}

hr.form-title {
  margin-top: 3px;
}

#main-content #info-wrapper,
#main-content .error-wrapper {
  margin-top: 10px;
}

#main-content #info-wrapper {
  padding: 0 10px;
}

#main-content #info-wrapper .info-message-text {
  padding-top: 10px;
  position: relative;
  top: 4px;
}

#main-content #info-wrapper .edit-submission {
  top: -3px;
}

#main-content #info-wrapper input,
#main-content .error-wrapper input {
  font-weight: normal;
  margin: 0;
}

#info-wrapper .small-button {
  display: inline !important;
  position: relative;
  bottom: 1px !important;
}

h1.form-title,
h2.form-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 940px;
}

.multiple-pages {
  display: inline;
}

span.page-number {
  float: right;
}

.textfield textarea {
  clear: both !important;
  margin: 10px 0 0 -25px !important;
}

h2.element-header {
  text-align: left;
  margin-top: 25px;
}

hr.answer-page {
  position: relative;
  top: 15px;
}

.answer-page img,
.submission-page img,
.element-image img {
  max-width: 940px;
}

.answer-page img {
  margin-top: 10px;
}

hr.preview-pagebreak {
  clear: none;
  float: left;
  width: 850px;
  margin: 25px 0 15px 0;
}

.loading-info {
  margin: 20px 0;
}

.loading-info span {
  vertical-align: middle;
  font-size: 1.15em;
}

.loading-info img {
  vertical-align: middle;
  margin: 0 3px;
}

.ajax-loading-bar {
  text-align: center;
  width: 220px;
  margin: 100px auto;
}

span.preview-pagebreak,
span.pagebreak-icon {
  display: block;
  float: left;
}

span.preview-pagebreak {
  margin-top: 15px;
  text-align: center;
  width: 70px;
}

span.pagebreak-icon {
  background: url('../images/pagebreak.png') no-repeat scroll 0 0 transparent;
  height: 24px;
  margin-top: 10px;
  width: 20px;
}

.form-question {
  display: block;
  clear: both;
  margin-bottom: 15px;
}

.form-question label {
  font-weight: bold;
  margin-left: 0 !important;
}

.answer .form-question label {
  font-size: 1.38em;
}

.answer,
.question-external-id {
  margin-top: 25px;
}

.question-external-id h2 {
  float: left;
  margin-right: 10px;
}

.matrix-question .question-external-id:not (:first-child ) {
  margin-top: 0 !important;
}

.element-description p,
.form-question span,
.answer label,
#codebook label {
  font-size: 1.15em;
}

#main-content .question-description p {
  font-size: 1.05em;
}

.question-description p,
.element-description p,
.form-question span,
#codebook label {
  margin: 5px 0 10px 0;
}

.answer-option-list {
  overflow: hidden;
}

.answer-option-row {
  margin-bottom: 10px;
}

.answer-option-row {
  margin: 10px;
  text-align: left;
}

.answer-option-row .answer-option-text {
  vertical-align: middle;
}

.answer-option-row img {
  max-width: 160px;
  max-height: 90px;
}

.answer-option-row .image-placeholder {
  width: 90px;
  height: 90px;
}

.answer-option-row.vertical img {
  vertical-align: middle;
}

.answer-option-row.vertical.vertical-with-image {
  margin-bottom: 30px;
}

.answer-option-row.vertical .answer-option-text-block {
  display: block;
  margin: 5px 0 0 41px;
}

.answer-option-row.horizontal {
  vertical-align: bottom;
  display: inline-block;
  float: none;
}

.answer-option-row.horizontal .imgdiv {
  text-align: center;
  margin-right: 10px;
}

.answer-option-row.horizontal .imgdiv img {
  padding-left: 17px;
}

.horizontal {
  float: left;
}

.vertical {
  clear: both;
}

.answer-option-row label,
.answer-option-row input {
  vertical-align: middle;
}

.save-buttons {
  display: block;
  margin-top: 30px;
  float: left;
  clear: both;
}

.postpone {
  background: none;
  color: #0b5a9d;
  cursor: pointer;
  border: none;
}

.postpone:hover,
.postpone:focus {
  text-decoration: underline;
}

.inline-loading-icon {
  position: relative;
  top: 1px;
  margin: 0 5px;
}

ul.questions,
ul.questions li {
  list-style: none !important;
  background: none;
  clear: both !important;
  margin: 2px 0 3px 0;
  padding: 0;
}

.answer input[type='radio'],
.answer input[type='checkbox'],
.answer-option-external-id {
  margin-left: 20px;
}

.answer input[type='text'],
#codebook input[type='text'] {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 25px;
  padding-left: 10px;
}

.answer input[type='text'] {
  font-size: 12pt;
  width: 450px;
}

#codebook input[type='text'] {
  clear: right;
  width: 150px;
}

.answer input[type='text'].date-field,
.answer input[type='text'].time-field {
  color: #000;
  width: 100px;
}

.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flexbox .date-field,
.flex .time-field {
  margin-right: 10px;
}

#codebook div {
  margin-bottom: 10px;
}

.answer .textfield textarea {
  margin: 0 !important;
  margin-left: -5px !important;
  width: 450px;
}

.answer .textfield {
  float: none;
}

.answer label span {
  margin-left: 8px;
}

.questions .invalid-field {
  background: #fde8e9;
  padding: 14px 0 14px 14px;
  width: 101.5%;
  margin-left: -14px;
}

.file-upload-field {
  border: 1px solid #ccc;
}

.delete-attachment {
  font-weight: normal !important;
}

.file-size {
  display: block;
  margin-top: 5px;
}

#answer-controls {
  width: 100%;
}

#answer-controls,
.secnav {
  float: left;
  padding-top: 5px;
  margin: 20px 0 10px 0;
}

.secnav input {
  margin-left: 5px;
  position: relative;
  top: 12px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .secnav input {
    top: 13px;
  }
}

.secnav input.cannot-deliver-submission {
  top: 0 !important;
}

#answer-controls a,
#answer-controls .postpone,
.secnav a {
  font-weight: bold;
}

.secnav {
  margin-left: 5px;
  width: 300px;
}

.secnav span.or {
  float: left;
  position: relative;
  font-size: 1.15em;
  top: 10px;
}

.secnav button {
  margin-left: 10px;
}

#no-forms {
  margin: 10px 0;
}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  button.browse {
    top: -20px;
  }
}
/*^chrome*/

/*matrix*/
.matrix-wrapper {
  overflow-x: auto;
}

.matrix-wrapper table.all-submissions {
  width: 60% !important;
  margin-top: 0;
  margin-left: 20px;
}

.matrix-wrapper.all-submissions {
  margin-top: -10px;
}

.matrix-wrapper table.all-submissions .alternative {
  text-align: left;
}

.table-wrapper-responsive .matrix-wrapper {
  overflow-x: auto;
}

.matrix {
  width: 99%;
  margin-top: 20px;
  margin-bottom: 30px !important;
}

.matrix tr th.matrix {
  font-weight: bold;
  padding: 10px 0;
  vertical-align: middle;
  font-size: 1.15em;
}

.matrix tbody tr {
  border: 1px solid #ccc;
}

.matrix .repeated-header {
  border: 0;
}

.matrix .repeated-header th {
  padding: 4px 0;
}

#embeddable-wrapper div th.alternative {
  vertical-align: middle;
}

.matrix td .form-question {
  margin: 0;
}

.matrix .matrix-question {
  min-width: 200px;
  max-width: 470px;
  padding: 10px 0 10px 10px;
  margin: 0 10px 0 0;
  vertical-align: middle !important;
}

.matrix .alternative input,
.matrix .alternative {
  vertical-align: middle;
}

.matrix .alternative .answer-option {
  padding: 0 3px;
}

.matrix tr.invalid-field {
  background: #fde8e9;
}

.report-content .element-description {
  float: none !important;
  clear: none !important;
}

.report-content .matrix {
  margin-top: 5px;
}

.report-content .matrix td {
  vertical-align: middle;
  border: none;
}

.report-content .matrix td .form-question {
  text-align: left;
}

.report-content .matrix td.alternative,
.report-content .matrix td,
.report-content .matrix th.alternative {
  text-align: center;
}

td.alternative,
.report-content td.alternative,
th.alternative,
.report-content th.alternative {
  min-width: 40px;
  padding: 0 10px 0 10px;
  text-align: center;
  font-size: 1.1em;
  vertical-align: middle;
}

th {
  text-align: inherit;
}

/*^matrix*/

.button-as-link {
  background: none;
  border: medium none;
  color: #0b5a9d;
  font-size: 1em !important;
  font-weight: bold;
  cursor: pointer;
  margin: 0 10px 0 5px;
  text-decoration: underline;
}

.button-as-link[disabled] {
  color: #96948e;
}

.button-as-link:hover,
.button-as-link:focus {
  text-decoration: underline;
}

.button-as-link[disabled]:hover,
.button-as-link[disabled]:focus {
  text-decoration: underline;
}

.button-as-link.non-bold {
  font-weight: normal;
}

.pagebreak-line {
  clear: both;
}

/* for CK */
.nettskjema-img-container p {
  margin: 0;
  padding: 0;
}

.nettskjema-container-left {
  float: left;
  margin: 0 1em 1em 0;
}

.nettskjema-container-right {
  float: right;
  margin: 0 0 1em 1em;
}

.nettskjema-container-middle {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.nettskjema-container-middle img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* ^for CK */

.pagebreak-after {
  page-break-after: always;
}

#send-email {
  margin-top: 10px;
}

.container-for-answer .info-message-wrapper {
  margin-top: 20px;
  clear: both;
}

.container-for-answer {
  clear: both;
}

.answer-messages {
  display: inline;
}
/* ^VIEW/ANSWER */

/* RESULTS */
#numbers,
#title-bar {
  clear: both;
  float: left;
  width: 100%;
  vertical-align: middle;
}

#numbers {
  margin: 10px 0 20px 0;
}

#title-bar {
  margin: 0 0 10px 0;
}

.delivered-submissions,
.saved-submissions,
.valid-invitations,
.delete-submissions {
  width: 235px;
  float: left;
  clear: none;
}

.collect-data,
.result-data {
  float: left;
  width: 200px;
  margin-right: 20px;
}

.download-link-disabled {
  color: #bbb;
  cursor: progress;
  text-decoration: underline;
}

.download-link-disabled:hover,
.download-link-disabled:focus {
  text-decoration: underline;
}

span.number {
  color: #96948e;
  font-size: 1.538em;
  font-weight: bold;
}

span.number-description {
  color: #363534;
  font-size: 1.15em;
}

hr.results {
  margin-left: -14px;
  width: 965px;
  margin-top: 10px !important;
}

#right {
  float: right;
  width: 450px;
  padding: 0 10px 10px 10px;
}

#right ul span {
  display: block;
  font-weight: bold;
  margin: 10px 0;
}

#right ul {
  float: left;
  width: 230px;
  min-height: 50px;
}

#right ul li {
  list-style-type: none;
  margin: 2px 0 3px 6px;
  padding-left: 15px;
}

#left {
  width: 450px;
  float: left;
  padding: 0 14px 14px 0;
}

#left ul {
  margin-bottom: 10px;
}

#load-report,
#load-submissions.loading {
  background: url('../images/ajax-loader.gif') no-repeat center;
  min-height: 100px;
  width: 100%;
  float: left;
}

.info,
.report-title,
.report-info,
.sub-menu,
.no-submissions {
  float: left;
}

.report-info,
.sub-menu,
.no-submissions {
  clear: both;
}

.report-info,
.sub-menu,
.no-submissions {
  margin-top: 5px;
}

.report-info ul {
  margin-top: 10px;
}

.report-info ul li {
  background: none;
  padding-left: 0;
  margin: 8px 0;
}

.report-info ul li span,
td.submissions,
td.percent {
  font-size: 1.3em !important;
  font-weight: bold;
  position: relative;
  top: 1px;
}

.report-title {
  margin-right: 50px;
  width: 550px;
}

.info-img {
  float: left;
  margin-left: 20px;
}

#create-new-form hr,
#change-title hr,
#change-url-dialog hr,
#delete-form hr {
  width: 385px;
}

.slide-setting-group hr {
  width: 490px;
  float: left;
}

.slide-setting-group .small-error-message-wrapper {
  margin-bottom: 10px;
  clear: both;
  background-color: #ffffff;
}

.slide-setting-group .small-error-message-wrapper .small-error-message {
  background-color: #ffffff;
}

.invitation-text-setting .invitation-text-element,
.reminder-text-setting .reminder-text-element {
  display: block;
  clear: both;
}

#invitation-settings .invitation,
#reminder-settings .reminder {
  width: 410px;
  margin-top: 15px;
}

#invitation-settings .invitation p,
#reminder-settings .reminder p {
  margin-bottom: 10px;
}

#invitation-repeat-setting .row,
,
#reminder-automatic-setting .row {
  padding: 5px 0;
}

#invitation-repeat-setting .input-xsmall,
#reminder-automatic-setting .input-xsmall {
  vertical-align: middle;
}

#invitation-repeat-setting input,
#reminder-automatic-setting input {
  width: 50px;
  height: 20px !important;
}

#invitation-repeat-setting .mandatory,
#reminder-automatic-setting .mandatory {
  margin-left: 3px;
}

.container img {
  margin-bottom: 10px;
}

div.submission-details {
  margin-top: 0;
  font-size: 1.15em;
  margin: 5px 0 10px 0;
}

div.submission-details ul li {
  margin-left: 18px;
  position: relative;
}

div.submission-details ul li:not(:last-child) {
  margin-bottom: 15px !important;
}

div.submission-details ul li.correct {
  border: 2px solid #55a12e;
}

div.submission-details ul li.wrong {
  border: 2px solid #ce413d;
}

div.submission-details ul li.correct,
div.submission-details ul li.wrong,
div.submission-details span.correct-answer {
  color: #363534 !important;
}

div.submission-details ul li.correct,
div.submission-details ul li.wrong {
  background-position: 16px 14px;
  display: inline-block;
  padding: 8px 20px;
  margin-left: 0;
}

div.submission-details ul li.correct span,
div.submission-details ul li.wrong span {
  margin-left: 11px;
}

div.submission-details span.correct-answer {
  font-weight: bold;
}

.not-answered {
  font-style: italic;
}

span.correct-answer span {
  font-weight: normal;
}

li.correct .answer-key,
li.wrong .answer-key {
  color: #55a12e;
  text-transform: uppercase;
}

li.wrong .answer-key {
  color: #ce413d;
}

li .answer-key {
  font-weight: bold;
}

div.submission-details ul.single-choice li {
  color: #7b7b7b;
}

div.submission-details ul li img {
  margin-left: 15px;
  position: relative;
}

.submission-details .without-image {
  background: url('../images/bullet.png') no-repeat scroll 0 transparent;
}

.submission-details .with-image {
  background: none;
}

.submission-details .text-answer {
  margin-left: 0;
}

.submission-details img.image-as-answer-option {
  max-width: 160px;
  max-height: 90px;
  margin-top: 10px;
  margin-bottom: 2px;
  margin-left: 0;
  width: auto;
  height: auto;
}

.submission-details .multiple-choice-wrapper {
  display: inline-block;
}

.submission-details .with-image .selected-option {
  margin-left: 10px;
}

.submission-details .multiple-choice-wrapper .text-and-image {
  display: block;
  margin-left: 0;
}

.submission-details .show-correct-answer-text {
  display: inline-block;
}

.submission-details .show-correct-answer-text-no-text {
  vertical-align: middle;
  margin-bottom: 14px;
  margin-left: 5px;
}

div.submission-details ul li.correct img {
  top: 1px;
}

div.submission-details ul li.wrong img {
  top: 2px;
}

.wrong img {
  width: 15px;
  height: 15px;
}

div.submission-details ul li span a.delete {
  margin-left: 5px;
  top: 1px;
  position: relative;
}

.print {
  background: none;
  color: #0b5a9d;
  cursor: pointer;
  border: none;
  margin-left: -3px;
  position: relative;
  bottom: 2px;
}

.publish-questions {
  margin: 10px 0;
}

.publish-questions input {
  margin: 5px 0;
}

.publish-questions label {
  margin-left: 5px;
}

.questions-to-publish h3,
.published-question h2,
p.answer-link {
  margin-top: 15px !important;
}
/* ^RESULTS */

/* TABELL */
table.data {
  margin-bottom: 20px;
}

table#published {
  margin-top: 15px;
}

.published-answers {
  overflow-x: auto !important;
}

.invited-persons table th,
.submission-list table th,
.tsd-queue-list table th,
table#published th,
.ckeditor-table th,
table.data th {
  background-color: #dbdee2;
  font-weight: bold;
}

.invited-persons table th,
.submission-list table th,
.tsd-queue-list table th,
table#published th,
.ckeditor-table th {
  color: #0b5a9d;
}

.invited-persons table th,
.invited-persons table td,
.submission-list table th,
.submission-list table td,
.tsd-queue-list table th,
.tsd-queue-list table td,
table#published th,
table#published td,
.ckeditor-table th,
.ckeditor-table td,
table.data th,
table.data td {
  border: 1px solid #d0d0d0;
  padding: 5px 10px 5px 10px;
  vertical-align: top;
}

.report-content .matrix tbody tr {
  border: none;
  border-bottom: 1px solid #d0d0d0;
}
.report-content .matrix td {
  min-width: 50px;
  padding: 10px 0;
}

.report-content .matrix td .form-question span {
  font-size: 1em;
}

.report-content table {
  width: 100%;
}

.report-content table td {
  border-style: solid;
  border-width: 1px 0;
  border-color: #d0d0d0;
}

.report-content table th,
.report-content table td {
  padding: 6px 20px 6px 0;
}

.report-content table th {
  color: #666;
}

table.report {
  margin-bottom: 35px;
  margin-top: -10px;
}

table.report img {
  margin-bottom: 0;
  vertical-align: middle;
}

table.report tr th:not(:first-child),
table.report tr td:not(:first-child) {
  padding-left: 20px;
  max-width: 250px;
}

table.report tr td.percent {
  width: 180px;
  padding-right: 20px;
}

table.report tr td {
  vertical-align: middle !important;
}

table.report tr td span {
  float: left;
  margin-right: 10px;
}

table.report tr td hr {
  margin: 0;
  background: none;
  display: inline-block;
}

table.report tr td hr.darkest {
  border: 3px solid #563ae4;
  background-color: #563ae4;
}

table.report tr td hr.darker {
  border: 3px solid #6b53e6;
  background-color: #6b53e6;
}

table.report tr td hr.lighter {
  border: 3px solid #a79be4;
  background-color: #a79be4;
}

table.report tr td hr.dark {
  border: 3px solid #8d7ce4;
  background-color: #8d7ce4;
}

table.report tr td hr.light {
  border: 3px solid #c7c2e3;
  background-color: #c7c2e3;
}

/*sortable table */
.invited-persons table {
  width: 100%;
}

.submission-list table,
.tsd-queue-list table {
  margin-top: 10px;
  width: 100%;
}

.submission-list.old {
  margin-top: 20px;
}

table tr th.delete-header,
table tr th.edit-header,
table tr th.pdf-header,
table tr td.delete-cell,
table tr td.edit-cell,
table tr td.pdf-cell {
  background-color: #fff;
  border: none;
}

table tr th.pdf-header,
table tr td img.pdf-icon {
  width: 14px;
}

table tr th.delete-header:hover,
table tr th.pdf-header:hover,
table tr th.edit-header:hover {
  text-decoration: underline;
}

table.sortable th.delete-header,
table.sortable th.pdf-header,
table.sortable th.edit-header {
  background-image: none !important;
}

.invited-persons table,
.submission-list table,
.tsd-queue-list table {
  margin-bottom: 20px;
}

.invited-persons table td {
  background-color: #fff;
}

.published-answers table.sortable th,
.invited-persons table.sortable,
.submission-list table.sortable th,
.tsd-queue-list table.sortable th {
  padding-right: 15px !important;
}

table.sortable th {
  background-image: url('../images/table-sortable.gif');
  background-position: 100% center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-right: 20px !important;
  text-align: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: underline;
}

table.my-forms tr th:hover,
table.invitations tr th:hover,
table.sortable th:hover,
table.my-forms tr th:focus,
table.invitations tr th:focus,
table.sortable th:focus {
  text-decoration: underline;
}

.published-answers table.sortable th {
  background-position: 100% 8px;
}

table.sortable th.sorting-desc {
  background-image: url('../images/table-sortable-forward-down.gif');
}

table.sortable th.sorting-asc {
  background-image: url('../images/table-sortable-forward-up.gif');
}

/* ^sortable table */
/* ^TABELL */

/* SUPERBRUKER */
table tbody tr.inactive-personal-data-suspected td {
  background-color: #cfbebe;
}

form.editor-user .textfield-medium {
  margin: 0px 15px 23px 0;
  padding: 0;
  clear: both;
  width: 500px;
}

form.editor-user .small-button {
  margin: 0 15px 0 0;
  padding: 0;
  clear: both;
}

.choose-theme input {
  margin-left: 7px;
}

.choose-theme div {
  margin-bottom: 7px;
}

.script-editor {
  margin-top: 20px;
}

.script-textarea,
.script-editor .textfield-medium {
  margin-left: 0;
  padding-left: 0;
}

.script-textarea textarea {
  min-height: 200px;
  font-family: monospace;
  font-size: 1em;
}

.script-table code {
  font-family: monospace;
}

.script-tester {
  display: inline-block;
}

.script-tester .textarea-medium {
  width: auto !important;
}

/* ^SUPERBRUKER */

/* SUPPORT */

.support-form-list {
  margin-bottom: 25px;
}

.support-form-list table {
  width: 100%;
}

.form-list tr:nth-child(even) {
  background-color: #eee;
}

/* ^SUPPORT */

/* remove action icons from IE10 */
input[type='text']::-ms-clear {
  display: none;
}
/* ^remove action icons from IE10 */

/* DEMO THEME */

.demo-theme #app-name a,
.demo-theme #tagline,
.demo-theme .info-embedding {
  color: red;
}

/* ^DEMO THEME */

/* PROGRESSBAR */

.progressbar-wrapper {
  display: none;
  width: 50%;
  margin: 0 auto;
}

.progressbar {
  position: relative;
  height: 14px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  margin: 10px auto 30px auto;
  text-align: center;
  white-space: nowrap;
}

.progress-indicator {
  width: 0;
  height: 10px;
  background: #28a7e6;
  margin: 2px;
}

.percent-item {
  display: inline-block;
  width: 33.33%;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

/* ^PROGRESSBAR */

/* React form preview */
iframe#react-preview {
  width: 100%;
  min-height: 500px;
}

.attachment-audio {
  padding-top: 3px;
  width: 100%;
}

#title-container * {
  box-sizing: unset;
}

#app-head-wrapper * {
  box-sizing: unset;
}