/* reset */

* {
  border: 0 none;
  font-variant: normal;
  margin: 0;
  padding: 0;
  text-shadow: none;
}

#verifikatLista {
  list-style: none;
}

#verifikatLista li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid lightgrey;
  padding: 0.5rem 0;
  align-items: center;
}

#verifikatLista li:first-of-type {
  border-top: 1px solid lightgrey;
}

#verifikatLista li span {
  text-align: left;
  font-size: 14px;
  flex: 1;
}

#verifikatLista li a {
  flex: 0.2;
  margin-left: 0.5rem;
}

body table.dataTable {
  /* width: 100%; */
  width: max-content;
}
/* badge */

.badge-hanterad {
  background-color: #eda04d;
  color: white;
}

.hide {
  display: none !important;
}

.dz-error-message {
  display: none !important;
}

.dz-button {
  width: 100%;
  padding: 2rem;
  background: white;
  border: 1px solid lightgrey;
}

.dropzone-previews {
  display: flex;
  flex-direction: column;
  margin-top: 0.6rem;
  margin-bottom: 1rem;
}

.dz-preview {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid lightgrey;
  padding: 0.5rem 0;
  align-items: center;
}

.dz-preview:first-of-type {
  border-top: 1px solid lightgrey;
}

.dz-details {
  display: flex;
  flex: 1.6;
  align-items: center;
}

.dz-details .dz-size {
  margin-right: 10px;
  font-size: 12px;
  color: lightgrey;
  max-width: 35px;
}
.dz-details .dz-filename {
  text-align: left;
  font-size: 14px;
}

.dz-remove {
  display: inline-block;
  font-weight: 400;

  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;

  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  flex: 0.4;

  padding: 0.25rem 0.5rem;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0.2rem;
  color: #dc3545;
  border-color: #dc3545;
}
.dz-remove:hover {
  text-decoration: none;
  background-color: #dc3545;
}

.dz-preview .dz-image,
.dz-preview .dz-error-mark,
.dz-preview .dz-success-mark {
  display: none;
}
/* navbar */

.fa-1x {
  font-size: 1.5rem;
}
.navbar-toggler.toggler-example {
  cursor: pointer;
}
.dark-blue-text {
  color: #0a38f5;
}
.dark-pink-text {
  color: #ac003a;
}
.dark-amber-text {
  color: #ff6f00;
}
.dark-teal-text {
  color: #004d40;
}

/* typography */

.light {
  font-weight: 100;
}

.semibold {
  font-weight: 600;
}

.extrabold {
  font-weight: 800;
}

strong {
  font-weight: 600;
}
/* .datepicker {font-size:0.9em !important;} */

/* layout */

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* text-rendering: optimizeLegibiity; */
}

body {
  margin: 0;
  padding: 0;
  border: 0;

  font-family: "Open Sans", sans-serif;
  background-color: #fdfdfe;
  width: 100%;
}

p {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;
  color: #757575;
  line-height: 1.618;
  margin-bottom: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

h2,
h3,
h4,
h5 {
  color: #993300;
  margin-bottom: 0.6em;
}

h6 {
  color: #777;
  text-align: left;
  margin-top: 1em;
}

h1 {
  display: block;
  float: left;
  font-weight: normal;
  width: 80%;
  text-align: left;
  margin-bottom: 0 !important;
  font-size: 1.5em;
  line-height: 1.5em;
}

h1 > a {
  color: white !important;
}

.navbar-brand {
  font-size: 1em;
  /* line-height: 1.65em; */
}

h1 > a:hover {
  color: white !important;
  border: 0 !important;
}

.navbar {
  width: 100%;
}

.navbar-toggler {
  margin: 0;
  border: 0;
}

.bg-primary {
  background-color: #455e9e !important;
}

.navbar-brand {
  padding: 0 !important;
}

a.nav-link {
  padding-left: 0.5em !important;
  color: #dde !important;
}

a.nav-link:hover {
  color: white !important;
  border: 0;
  background-color: #354e8e;
}

h2,
h3 {
  text-transform: uppercase;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

.halfw {
  width: 10em !important;
}

.fullw {
  display: block;
  clear: both;
  float: left;
  width: 90%;
}

.modal-body label {
  width: 100%;
  text-align: left !important;
  margin: 0.65em 0 0 0 !important;
}

form label {
  text-align: left !important;
  margin: 0.65em 0.5em 0 0 !important;
  float: left;
  clear: left;
}

.btn-primary {
  background-color: #455e9e !important;
  border-color: #455e9e !important;
}
/* 
.btn-gray {
	background-color: #fff !important;
	border-color: #fff !important;
  } */

#header {
  display: block;
  clear: both;
  /* float:left; */
  width: 100%;
  margin-bottom: 2em;
}

#headerimg {
  width: 100%;
  display: block;
  clear: both;
  float: left;
}

#headerimg img {
  display: block;
  width: 100%;
}

#outer {
  background-color: white;
  text-align: center;
  width: 100%;
}

.content {
  margin: 0 auto;
  padding: 1em 0;
  max-width: 50rem;
  font-size: 1em !important;
}

.content-2 {
  max-width: 100rem;
}

input[type="submit"],
#fortsatt,
#bStartaom,
#bTillbaka,
#spara,
#sammanstall,
#bMetodik,
#bBegrepp,
#bStang,
button:not(.btn):not(.dz-button),
a.button:link,
a.button:visited {
  background: #455e9e;
  display: inline-block;
  padding: 0.4em 0.8em;
  color: white;
  text-decoration: none;
  margin: 0.5em auto;
  font-size: 1em !important;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
input[type="submit"],
#fortsatt,
#bStartaom,
#bTillbaka,
#spara,
#sammanstall,
#bMetodik,
#bBegrepp,
#bStang,
button:not(.dz-button) {
  max-width: 10em;
}

input[type="submit"] {
  clear: both;
}

a.button:link,
a.button:visited {
  /* max-width:auto; */
}

a:not(.btn):not(.dz-remove):link,
a:not(.btn):not(.dz-remove):visited {
  text-decoration: none;
  color: #556f7a;
}

a:not(.btn):hover {
  color: #253031 !important;
  border-bottom: 1px solid rgba(37, 48, 49, 0.65);
}

a.btn {
  display: inline-block;
}

a.button:hover {
  color: #fff !important;
  border-bottom: 0;
}

/* todo: hover hand input button */

#lov {
  max-width: 20em;
}

#spara,
#sammanstall,
#bMetodik,
#bBegrepp,
#bStang {
  background-color: #455e9e;
}

#fortsatt {
  clear: both;
  display: block;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 0.6em;
}

th {
  padding: 0.3em 0;
}

td {
  text-align: left;
  margin: 0 !important;
  padding: 0 1% 0.6em 0;
}

tr {
  margin-bottom: 0.6em;
  /* display:block; */
  width: 100%;
}

.femp-table tr:nth-child(even) {
  background-color: #f4f4f8;
}

tr:not(table.femp-table tbody tr):first-child,
thead tr {
  background-color: #eff0fc;
}

.detalj {
  width: 100%;
}
.detalj tr {
  margin: 0;
  width: 100%;
}

.detalj tr th {
  font-weight: 600;
  border: 0;
}

.detalj tr td {
  border: solid 1px gray;
  padding: 0 !important;
}

.detalj td,
.detalj th {
  width: 8%;
  text-align: center;
  height: 2.5em;
}

.detalj td:first-child,
.detalj th:first-child {
  border: 0;
  width: 67% !important;
  text-align: left;
}

#infotext {
  background-color: #f9f9f9;
  border: 1px solid #cccccc;
  clear: both;
  display: none;
  float: left;
  margin: 0 1em 1em;
  padding: 1em 2em;
}

#infotext > h3 {
  color: #872e45 !important;
}

#infotext table {
  display: table;
  font-size: 0.9em;
  width: 100%;
}
#infotext tr {
  /* display:block; */
}

#infotext th {
  text-align: left !important;
}

#infotext td {
  padding-bottom: 0.6em;
  width: 33%;
}

.page_4sammanstall {
  /* content */
  max-width: 90% !important;
}

.page_4sammanstall p {
  text-align: center;
  /* max-width: 30em; */
  font-weight: 600;
  font-size: 1.4em;
  color: black;
}

.page_4sammanstall th {
  text-align: left;
}

#epostspan,
.faltspan {
  display: block;
  clear: both;
  height: 2em;
  /* width:30em; */
  margin: 1em auto;
}

#epost,
#fastighet,
#avdnr {
  border: 1px solid gray;
  font-size: 1em;
  padding: 0.3em;
  background-color: #f2f2f2;
}

#skapa-lista {
  width: 16% !important;
  margin-left: 42%;
}

#tabell-skapadefragor,
#tabell-skapadesvartyper {
  width: 94%;
  margin-left: 3%;
}

/* #tabell-skapadefragor tr {
	width: 50%;
}

#tabell-skapadefragor tr:first-child {
	width: 15%;
}

#tabell-skapadefragor tr:last-child {
	width: 35%;
} */

#id-formular,
#form-lamna {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100vw;
  width: calc(100% + 250px);
  margin: 0 -125px;
}

.emptytext {
  /* background-color:#e55 !important; */
  background: transparent url("../img/red-bar.png") 1em 50% no-repeat;
}

.lamna-row {
  clear: both;
  /* float:left; */
  width: 100%;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.lamna-row > div {
  flex: 1;
  width: 50%;
}

.lamna-col {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.lamna-col > div:not(.lamna-plus) {
  width: 100%;
}
.lamna-col > div > select {
  width: 100%;
}
.lamna-row:nth-child(odd) {
  background-color: #f4f4f8;
}

.lama-stodfraga {
	display: flex;
}

.lama-stodfraga .select2-container--default .select2-selection--single {
	border-radius: 4px 0 0 4px;

}


.lama-stodfraga .btn {
	border-radius: 0 4px 4px 0;
	height: 37px;
	border: 1px solid #888;
	border-left: none;
	margin: 0;
}


.lamna-fragetext {
  clear: both;
  float: left;
  min-height: 1.6em;
  line-height: 1.3em;
  width: 56%;
  text-align: left;
  padding: 0.2em 1%;
}

#frageflik {
/*   max-width: 100vw;
  width: calc(100% + 250px);
  margin: 0 -125px; */
}
@media screen and (max-width: 1058px) {
  #frageflik {
    max-width: 100vw;
    width: 100%;
    margin: 0;
  }

  #frageflik .lamna-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  #frageflik .lamna-row .lamna-col {
    width: 100%;
    padding: 0.2em 1%;
  }

  #frageflk .lamna-fragetext {
    margin-bottom: 0.5rem;
  }
}

/**
.lamna-plus {
	float:left;
	width:3%;
	text-align:left;
} */
.lamna-row button {
  margin: 0.1em 0.1em 0 0;
  padding: 0 0.4em;
}

.lamna-row button.btn-danger,
.lamna-row button.btn-warning,
.lamna-row button.btn-success,
button.btn-pending {
  /* float:left; */
  width: 7%;
  /* text-align:left;	 */
  border-radius: 50%;
  border: 0 !important;
}

.btn-pending {
  background-color: #eda04d !important;
  border-color: #eda04d !important;
}

#tabell-revisioner .btn-pending {
  background-color: #eda04d !important;
  border-color: #eda04d !important;
  border-radius: 50%;
  border: 0 !important;
  line-height: 0.95em;
  width: 1.8em;
}

.btn-primary {
  background-color: #455e9e !important;
  border-color: #455e9e !important;
}

.required-field {
  text-align: left;
  color: #930;
  display: block;
}

.required-field-2 {
  /* text-align:left; */
  color: #930;
  /* display:block; */
}

label > .required-field {
  display: inline;
}

.lamna-avvikelse {
  opacity: 0;
  float: left;
  min-height: 1.6em;
  line-height: 1.3em;
  width: 3%;
  text-align: left;
  padding-top: 0.5em;
}

.lamna-avvikelse > a > img,
.lamna-plus > a > img {
  display: inline-block;
  margin: 0;
  width: 100%;
}

form {
  line-height: 2em;
}

form hr {
  clear: both;
  min-height: 1em;
}

form input,
select,
textarea {
  padding: 0.1em 0.4em;
  border: 1px solid #888;
  margin: 0.2em 0.4em 0.2em 0em;
  float: left;
}
select#revidera-revisionstyp-edit {
  float: none;
}
/**
.lamna-svar {
	float:left;
	width:31%;
	text-align:left;
	padding:0.1em 1%;
} */

.lamna-stodfraga {
  float: left;
  width: 31%;
  text-align: left;
  padding: 0.1em 1%;
}
#huvudflik .lamna-fragetext {
  width: 42%;
}

#huvudflik .lamna-svar {
  width: 58%;
}

/* nodvandig dublett */

.lamna-svar select,
.lama-stodfraga select,
.modal-body select {
  min-width: 60%;
  margin: 0;
  padding: 0.3em 0 0.3em 0.3em;
  max-width: 100%;
  text-overflow: ellipsis;
  font-size: 1em;
}
.lamna-grupprubrik {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
  text-align: left;
  display: block;
  float: left;
  width: 100%;
  clear: both;
}

#footer {
  font-size: 0.9em;
  color: #888;
  padding: 1em 0;
  clear: both;
}

#tabell-revisioner {
  width: 100% !important;
}

#tabell-revisioner th,
#tabell-revisioner td {
  padding: 0.4em;
}
#tabell-avvikelser th,
#tabell-avvikelser td {
  padding: 0.4em;
}
#tabell-revisioner {
  font-size: 15px;
  margin-top: 1rem;
}
#tabell-revisioner td {
  padding-left: 1.5em !important;
}

#tabell-revisioner-export,
#tabell-imported-stodfragor {
  width: 100% !important;
}

#tabell-revisioner-export th,
#tabell-revisioner-export td {
  padding: 0.4em;
}

#tabell-revisioner-export {
  font-size: 15px;
  margin-top: 1rem;
}
#tabell-revisioner-export td {
  padding-left: 1.5em !important;
}

/*
#tabell-revisioner th:first-child, #tabell-revisioner td:first-child {
	width:30%;
}
#tabell-revisioner th:nth-child(2), #tabell-revisioner td:nth-child(2) {
	width:25%;
}
#tabell-revisioner th:nth-child(3), #tabell-revisioner td:nth-child(3) {
	width:15%;
}
#tabell-revisioner th:nth-child(4), #tabell-revisioner td:nth-child(4) {
	width:20%;
}
#tabell-revisioner th:last-child, #tabell-revisioner td:last-child {
	width:10%;
	text-align: right;
} 



body .rev-table-new  th, .rev-table-new  td {
width: auto !important;
}*/

body .rev-table-new td {
  padding-left: 4rem;
}

.femp-table td,
.rev-table-new th {
  border-top: 1px solid #dee2e6 !important;
}
.femp-table tbody tr {
  transition: all 0.2s ease-in-out;
}
.femp-table tbody tr:hover {
  background: #f5f5f5;
}
.femp-table tr {
  font-size: 0.9em;
}
#avvikelse-table-ny tr {
  font-size: 12px;
  vertical-align: top;
}

#avvikelse-table-ny thead tr th:nth-child(1),
#avvikelse-table-ny td:nth-child(1) {
  width: 10% !important;
}

#avvikelse-table-ny tbody td:nth-child(1) {
  vertical-align: middle;
}
#avvikelse-table-ny tbody td  {
  padding-right: 1rem;
}

#avvikelse-table-ny tbody tr:hover {
  cursor: pointer;
}

#avvikelse-table-ny thead tr th:nth-child(2),
#avvikelse-table-ny tbody td:nth-child(2) {
  width: 15%;
}
#avvikelse-table-ny thead tr th:nth-child(3),
#avvikelse-table-ny tbody td:nth-child(3) {
  width: 18%;
}
#avvikelse-table-ny thead tr th:nth-child(4),
#avvikelse-table-ny tbody td:nth-child(4) {
  width: 11%;
}
#avvikelse-table-ny thead tr th:nth-child(5),
#avvikelse-table-ny tbody td:nth-child(5),
#avvikelse-table-ny thead tr th:nth-child(6),
#avvikelse-table-ny tbody td:nth-child(6) {
  width: 6%;
}
#avvikelse-table-ny thead tr th:nth-child(7),
#avvikelse-table-ny tbody td:nth-child(7) {
  width: 15%;
}
#avvikelse-table-ny thead tr th:nth-child(8),
#avvikelse-table-ny tbody td:nth-child(8) {
  width: 15%;
}
#avvikelse-table-ny thead tr th:nth-child(9),
#avvikelse-table-ny tbody td:nth-child(9) {
  width: 15%;
}
#avvikelse-table-ny thead tr th:nth-child(10),
#avvikelse-table-ny tbody td:nth-child(10) {
  width: 15% !important;
}
#avvikelse-table-ny thead tr th:nth-child(11),
#avvikelse-table-ny tbody td:nth-child(11) {
  width: 10% !important;
}
#avvikelse-table-ny thead tr th:nth-child(12),
#avvikelse-table-ny tbody td:nth-child(12) {
  width: 10% !important;
}
#avvikelse-table-ny thead tr th:nth-child(13),
#avvikelse-table-ny tbody td:nth-child(13) {
  width: 10% !important;
}

/*
.rev-table-new   th:nth-child(2),  .rev-table-new td:nth-child(2) {
	width:15%;
}
.rev-table-new  th:nth-child(3),  .rev-table-new td:nth-child(3) {
	width:10%;
}


.rev-table-new  thead tr th:nth-child(5),  .rev-table-new td:nth-child(5) {
	width: 15%;
}
.rev-table-new  thead tr th:nth-child(6),  .rev-table-new td:nth-child(6) {
	width: 15%;
}

.rev-table-new  thead tr th:nth-child(7),  .rev-table-new td:nth-child(7) {
	width: 20%;
}
*/

.rev-table-new thead tr th:last-child,
.rev-table-new td:last-child {
  width: 20%;
  text-align: right;
}

body .femp-table tbody tr td,
body .femp-table thead tr th {
  padding: 10px 18px;
}

.femp-badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

#tabell-kundlista {
  width: 100%;
}
#tabell-kundlista td,
#tabell-kundlista,
th {
  text-align: left;
  padding: 0 0.25rem;
}
#tabell-kundlista td:last-child,
#tabell-kundlista th:last-child {
  text-align: right;
}

#tabell-avvikelser th:last-child,
#tabell-avvikelser td:last-child {
  width: 10%;
}

.navbar.navbar-1 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger6.svg?color=000");
}

.navbar.navbar-2 .navbar-toggler-icon {
  /* background-image: url('https://mdbootstrap.com/img/svg/hamburger2.svg?color=fff'); */
  background-image: url("/img/hamburger2.svg");
}

.navbar.navbar-3 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger1.svg?color=6a1b9a");
}
.navbar.navbar-4 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger7.svg?color=BFE100");
}
.navbar.navbar-5 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger5.svg?color=f3e5f5");
}
.navbar.navbar-6 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger8.svg?color=E3005C");
}
.navbar.navbar-7 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger9.svg?color=FF2C00");
}
.navbar.navbar-8 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger4.svg?color=1729B0");
}
.navbar.navbar-9 .navbar-toggler-icon {
  background-image: url("https://mdbootstrap.com/img/svg/hamburger3.svg?color=00FBD8");
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  color: black !important;
  font-weight: normal !important;
  font-size: 0.72em !important;
}

.picker__day {
  font-size: 0.72em !important;
  text-align: center !important;
}

.picker__holder {
  overflow-y: hidden !important;
}

/* br {
	content:"";
	display:block;
	clear:both;
	width:100%;
} */

.modal-body input[type="checkbox"] {
  float: left;
  margin: 0.6em;
}
body .modal-dialog-scrollable .modal-header {
	justify-content: space-between;
}

#avvdKundAtgardat {
  float: left;
  margin: 0.25em;
}

#epostmedd,
#epostamne {
  width: 98% !important;
}

#inloggadsom {
  clear: both;
  float: right;
  color: #455e9e;
  font-size: 0.82em;
  padding-right: 1.1em;
}

.navbar {
  margin-bottom: 0 !important;
}

.content h3 {
  clear: both;
  padding-top: 0.4em;
}

#header {
  margin-bottom: 0.2em;
}

button.close {
  font-size: 1.5em !important;
  line-height: 0.6em;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto !important;
  }
  

.btn-radera-revision,
#frageflik > #spara {
  height: 3em;
  margin-top: 1em;
}
.btn-radera-revision {
  clear: left !important;
  float: left !important;
}

#frageflik > #spara {
  clear: right !important;
  float: right !important;
}

.lamna-row {
  padding: 0.5rem 0;
  border-top: 1px solid #dee2e6;
}

#frageflik .lamna-row:first-of-type {
  border-top: none;
}

#frageflik .lamna-grupprubrik + .lamna-row {
  border-top: none;
}

#tabell-skapadefragor th:nth-child(1),
#tabell-skapadefragor td:nth-child(1) {
  width: 25% !important;
}

#tabell-skapadefragor th:nth-child(2),
#tabell-skapadefragor td:nth-child(2) {
  width: 45% !important;
}

#tabell-skapadefragor th:nth-child(3),
#tabell-skapadefragor td:nth-child(3) {
  width: 20% !important;
}

#tabell-skapadefragor th:nth-child(4),
#tabell-skapadefragor td:nth-child(4) {
  width: 4% !important;
}

#tabell-skapadesvartyper th:nth-child(1),
#tabell-skapadesvartyper td:nth-child(1) {
  width: 95% !important;
}

#tabell-skapadesvartyper th:nth-child(2),
#tabell-skapadesvartyper td:nth-child(2) {
  width: 4% !important;
}

#exportera {
  display: block;
  clear: both;
  margin-left: 9.5em;
  margin-top: 0.5em; /* tar ej */
}

#mdlNyRevisionstyp .revAddNewSection {
  border: 1px solid #455e9e;
  padding: 10px;
  background-color: #455e9e1a;
}
#mdlNyRevisionstyp .revAddNewSection h6 {
  font-weight: 500;
  font-size: 12pt;
  background-color: #455e9e;
  margin: -10px;
  padding: 10px;
  color: #fff;
}
#mdlNySvarsgrupp .svarAddNewSection {
  border: 1px solid #455e9e;
  padding: 10px;
  background-color: #455e9e1a;
}
#mdlNySvarsgrupp .svarAddNewSection h6 {
  font-weight: 500;
  font-size: 12pt;
  background-color: #455e9e;
  margin: -10px;
  padding: 10px;
  color: #fff;
}

/* ------------- mobile media ------------- */

@media screen and (max-width: 1058px) {
  .content {
    max-width: 94% !important;
  }
}
@media (min-width: 320px) and (max-width: 641px) {
  .detalj td,
  .detalj th {
    height: 5em !important;
  }

  html {
    font-size: 12px !important;
  }

  .content {
    max-width: 94% !important;
  }

  /* remove for final */

  #outer {
    /* background-color: #ffffcc !important; */
  }

  .lamna-fragetext {
    font-size: 1.15em;
  }
  /*
.lamna-svar {
	padding-right: 0;
	width:32%;
} 
**/

  /* override */

  .lamna-svar select,
  .modal-body select {
    min-width: 60%;
    margin: 0;
    padding: 0.3em 0 0.3em 0.3em;
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: 1.15em;
  }

  select {
    float: left;
  }

  .files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset 0.15s ease-in-out,
      background-color 0.15s linear;
    transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
  }
  .files input:focus {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset 0.15s ease-in-out,
      background-color 0.15s linear;
    transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
    border: 1px solid #92b0b3;
  }
  .files {
    position: relative;
  }
  .files:after {
    pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .color input {
    background-color: #f1f1f1;
  }
  .files:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
  }

  .lamna-svar input[type="text"] {
    min-width: 60%;
    max-width: 90%;
  }
}

.select2-hidden-accessible {
  min-width: unset;
}

body .select2-container .select2-selection--single {
	height: 37px;
}

body .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  text-align: left;
  padding-left: 15px;
  line-height: 34px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px;

  }

  body .select2-results__option {
	
	text-align: left;
  }
  
  
/* ------------- end of file ------------- */