/*------------------------
  MY PAGE
-------------------------*/
.breadcrumb {
  display: none;
}

#main {
  margin: 0 !important;
}
#main > .Dinsida_Topprubrik {
  text-align: center;
}
#main > .din_sida_text {
  text-align: center;
}

.Dinsida_Topprubrik_Del1 {
  display: none;
}

#mypages {
  max-width: 1300px;
  display: flex;
}
@media only screen and (max-width: 64.99rem) {
  #mypages {
    flex-direction: column;
  }
}

/* Presentkort */
#page--other[data-funk=Presentkort] #minsidaDrop {
  display: none;
}
#page--other[data-funk=Presentkort] #mypages-container {
  width: 100%;
  border-left: none;
  margin-left: 0;
}

.Presentkort form {
  width: fit-content;
  margin: auto;
  margin-bottom: 1rem;
}
.Presentkort .PS_Tabell {
  display: block;
  width: 100%;
  border-radius: 3px;
  background-color: #fff !important;
}
.Presentkort .PS_Tabell select {
  min-width: 90px;
}
.Presentkort .PS_Tabell td {
  padding: 0;
}
.Presentkort .PS_Tabell table tr {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.Presentkort .PS_Tabell table tr td:first-child {
  color: #003d5c;
  white-space: nowrap;
}
.Presentkort .PS_Tabell table tr .Laggikorgen_Antalsfalt {
  background-color: #fff;
  width: auto;
  min-width: unset;
  text-align: center;
  border: 1px solid #ddd;
}
@media only screen and (max-width: 64.99rem) {
  .Presentkort .PS_Tabell table tr td:first-child {
    width: 100%;
  }
  .Presentkort .PS_Tabell table tr td:nth-child(2) {
    width: 100%;
  }
  .Presentkort .PS_Tabell table tr td:nth-child(2) select {
    width: 100%;
  }
}
.Presentkort .PS_Tabell table .Knapp_Kop a:hover {
  color: #fff;
}

#Adressblock .Knapp_Generell_Tabell {
  width: 100%;
}
#Adressblock img {
  display: none;
}

.Dinsida_Topprubrik {
  margin-bottom: 20px;
  text-align: center;
  color: #003d5c;
}

#mypages-container > h1 {
  margin-bottom: 20px;
  text-align: center;
}
#mypages-container label.Snabbkassa_Kunduppgift_Etiketter + b {
  font-size: 20px;
  font-weight: 700;
  width: 100%;
}
#mypages-container p .Snabbkassa_Kunduppgift_Etiketter {
  padding: 15px 0 5px;
  color: #000;
}
#mypages-container .Snabbkassa_Kundfalt_Marginal {
  display: flex;
  flex-direction: column;
}
#mypages-container .Snabbkassa_Kundfalt_Marginal img {
  display: none;
}
#mypages-container #Adressblock2 > p {
  display: flex;
  flex-direction: column;
}
#mypages-container #Adressblock2 > p#LankAdressblockAnvnamn {
  display: flex !important;
  width: 100%;
  padding-top: 10px;
  margin: 0 !important;
}
#mypages-container #Adressblock2 > p#LankAdressblockLeveransadress {
  display: flex !important;
  width: 100%;
  padding-top: 10px;
  margin: 0 !important;
}
#mypages-container #Adressblock2 > p#LankAdressblockOvrigt {
  display: flex !important;
  width: 100%;
  padding-top: 10px;
  margin: 0 !important;
}
#mypages-container input[type=checkbox] {
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 9px;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  margin: 0 5px 0 0;
  float: left;
}
#mypages-container input[type=checkbox]:checked:after {
  content: "\f00c";
  font-weight: 700;
  font-size: 14px;
  position: absolute;
  top: 2px;
  left: 2px;
  color: #003d5c;
  font-family: "Font Awesome 5 Pro";
}
#mypages-container input[type=checkbox] + input + i {
  float: left;
  display: inline-block;
  line-height: 20px;
  max-width: calc(100% - 25px);
}
#mypages-container .Snabbkassa_Kundfalt_Marginal.Avtal {
  flex-direction: row !important;
  margin-top: 40px !important;
}

.KundprofilFaltOK,
.KundprofilFaltOK_Kort {
  background-color: #fff !important;
}

.din_sida_text {
  width: 100%;
  display: block;
}

.KundNyText {
  width: 100%;
  display: block;
}

#SKM_Kund_ID {
  color: #888;
}

#mypages-container.fullwidth > h1 {
  text-align: center;
}
#mypages-container.fullwidth .KundNyText {
  text-align: center;
}

.pipe {
  padding: 0 10px;
}

.edit {
  font-size: 20px;
  color: #818181 !important;
  margin-right: -60px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  display: inline-block;
  transform: translateY(-4px);
}
.edit span {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  left: -10px;
  opacity: 0;
  color: #818181 !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.edit:hover {
  color: #fff !important;
}
.edit:hover span {
  left: 0px;
  opacity: 1;
  color: #fff !important;
}

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

#minsidaDrop {
  padding-top: 30px;
  list-style: none;
  width: 100%;
  display: inline-block;
}
#minsidaDrop ul {
  list-style: none;
  width: 100%;
  display: inline-block;
}
#minsidaDrop ul ul {
  width: 100%;
}
#minsidaDrop ul li ul li {
  display: block;
}
#minsidaDrop ul li ul li.m_selected a {
  font-weight: 700;
}
#minsidaDrop a {
  width: 100%;
  display: block;
}
#minsidaDrop a:hover {
  color: #111;
}
#minsidaDrop > ul > li > h2 {
  display: none;
}
#minsidaDrop li span a:before {
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
}

li#hem span a::before {
  content: "\f015";
  font-weight: 300;
}

li#andraprofil span a:before {
  content: "\f007";
}

li#dinsida_order span a:before {
  content: "\f466";
}

li#dinsida_fakturor span a:before {
  content: "\f2b6";
}

li#dinsida_abonnemang span a:before {
  content: "\f01e";
}

li#dinsida_bevakningar span a:before {
  content: "\f1e5";
}

li#logout span a:before {
  content: "\f011";
}

li#Onskelista span a:before {
  content: "\f004";
  font-weight: 300;
}

.Onskelista_artgr {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

#page--wishlist .wishlist-remove:before {
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  content: "\f1f8";
  font-weight: 700;
}

li#dinsida_betyg span a:before {
  content: "\f005";
}

li#dinsida_returer span a:before {
  content: "\f3e5";
}

li#dinsida_presentkort span a:before {
  content: "\f663";
}

li#dinsida_reklamationer span a:before {
  content: "\f122";
}

li#dinsida_lojalitetsprogram span a:before {
  content: "\f0d6";
}

li#dinsida_vardebevis span a:before {
  content: "\f022";
}

li#dinsida_betalkort span a:before {
  content: "\f283";
}

li#dinsida_rabatter span a:before {
  content: "\f295";
}

li#restArtiklar span a:before {
  content: "\f073";
}

.OrderTable {
  background: #eee !important;
}
.OrderTable tr:nth-child(odd) td {
  background: #f1f1f1;
  background: #f1f1f1;
}
.OrderTable tr td {
  padding: 5px;
}
.OrderTable tr:nth-child(even) td {
  background: #fff;
}
.OrderTable img {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  max-height: 20px;
}

.DS_OL_Table_Wrap tr:nth-child(even) td {
  background: #fff;
}
.DS_OL_Table_Wrap tr td {
  background: #fff;
}
.DS_OL_Table_Wrap .DS_OL_Table_Knappar i {
  font-style: normal;
}

.DS_OL_Table_ToppFlik .Flik_Normal a {
  display: none;
}

.DS_OL_Table_Artiklar .PrisBOLD {
  font-weight: 400;
}
.DS_OL_Table_Artiklar .PrisREA {
  font-weight: 400;
}

.OrderHuvud {
  border: 1px solid #eee !important;
}
.OrderHuvud tr:nth-child(odd) td {
  background: #f1f1f1;
}
.OrderHuvud tr:nth-child(even) td {
  background: #fff;
}
.OrderHuvud img {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  max-height: 20px;
}

.OrderRader {
  border: 1px solid #eee !important;
}
.OrderRader tr:nth-child(odd) td {
  background: #f1f1f1;
}
.OrderRader tr:nth-child(even) td {
  background: #fff;
}

.LojSammanfattningDiv {
  background: #f1f1f1 !important;
  border: none !important;
  padding: 5px !important;
}

.BevakaTabell {
  width: 100%;
  border-spacing: 0;
  display: flex;
  flex-direction: column;
}
.BevakaTabell td {
  padding: 10px 0;
}
.BevakaTabell td:empty {
  padding: 0;
}

form[name=AIR_Rek_Ret] table {
  width: 100%;
  border-spacing: 0;
}
form[name=AIR_Rek_Ret] table td {
  padding: 10px 0;
}
form[name=AIR_Rek_Ret] table td:empty {
  padding: 0;
}
form[name=AIR_Rek_Ret] table input[type=text] {
  width: 100% !important;
}
form[name=AIR_Rek_Ret] table textarea {
  width: 100% !important;
}
form[name=AIR_Rek_Ret] table select {
  width: 100% !important;
}
form[name=AIR_Rek_Ret] tr:not(.DSRetur_Order_Tr) {
  display: flex;
  flex-direction: column;
}

.Tabell_Dinsida_UppdLosen {
  width: 100%;
  border-spacing: 0;
}
.Tabell_Dinsida_UppdLosen td {
  padding: 10px 0;
}
.Tabell_Dinsida_UppdLosen td:empty {
  padding: 0;
}
.Tabell_Dinsida_UppdLosen input {
  width: 100%;
}
.Tabell_Dinsida_UppdLosen .Knapp_Generell_Tabell {
  width: 100%;
}

table.Tabell_Dinsida_UppdLosen tr {
  display: flex;
  flex-direction: column;
}

#Adressblock2 > p img {
  display: none;
}

select#Land {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.DSRetur_Order_Tr {
  display: table-row;
  font-size: 14px;
}
.DSRetur_Order_Tr:nth-child(2) {
  font-weight: bold;
}
.DSRetur_Order_Tr td:nth-child(6) {
  font-weight: bold;
}
.DSRetur_Order_Tr td:first-child {
  width: 50px;
}
.DSRetur_Order_Tr td:nth-child(2) {
  width: 50px;
}
.DSRetur_Order_Tr td:not(:last-child) {
  padding-right: 20px;
}

.DSRetur_Returrad_Antal {
  padding: 10px 0 !important;
  text-align: center !important;
}

.DSRetur_Order_Tabell {
  position: relative;
  padding-bottom: 250px;
  margin-bottom: 20px;
}
.DSRetur_Order_Tabell tr:nth-last-child(2) {
  position: absolute;
  bottom: 0;
  bottom: 70px;
}
.DSRetur_Order_Tabell tr:last-child {
  position: absolute;
  bottom: 0;
}

.DSRetur_Wrap {
  max-width: 100%;
  overflow: auto;
}

@media only screen and (min-width: 65rem) {
  .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .wrapper .addMargB {
    margin-bottom: 0;
  }
  #minsidaDrop {
    width: 250px;
  }
  #minsidaDrop ul li ul li a {
    margin-top: 1px;
    padding: 20px 30px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #minsidaDrop ul li ul li a:hover {
    background: #f7f7f7;
    color: #003d5c;
  }
  #minsidaDrop ul li ul li:last-child {
    border-bottom: none;
  }
  #minsidaDrop ul li ul li.m_selected a {
    background: #f7f7f7;
    color: #003d5c;
  }
  #minsidaDrop > ul > li > ul {
    display: inline-block !important;
  }
  #mypages-container:not(.wishlist) {
    width: calc(100% - 250px);
    padding: 30px;
    border-left: 1px solid #ddd;
    margin-left: -1px;
  }
  #mypages-container.fullwidth {
    width: 100%;
    margin: 0 auto;
    float: none;
    border-left: 0;
    max-width: none;
  }
  #mypages-container.wishlist {
    width: 100%;
  }
}
@media all and (min-width: 420px) {
  #mypages-container #Adressblock {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
  #mypages-container #Adressblock > table {
    margin: 10px 10px 0 !important;
    clear: both;
  }
  #mypages-container #Adressblock .LankLoggain {
    margin: 10px !important;
  }
  #mypages-container .Snabbkassa_Kundfalt_Marginal {
    width: calc(50% - 20px);
    margin: 0 10px !important;
    float: left;
  }
  #mypages-container .Snabbkassa_Kundfalt_Marginal.SKM_PNr {
    margin: 10px 10px 0 !important;
    clear: both;
  }
  #mypages-container #SKM_Erbjud {
    margin: 31px 10px 0px !important;
    height: 50px;
    display: flex;
    align-items: center;
  }
  #mypages-container #Adressblock2 > p#LankAdressblockAnvnamn {
    margin: 0 10px !important;
  }
  #mypages-container #Adressblock2 > p#LankAdressblockLeveransadress {
    margin: 0 10px !important;
  }
  #mypages-container #Adressblock2 > p#LankAdressblockOvrigt {
    margin: 0 10px !important;
  }
  #mypages-container #SKM_Kund_ID {
    width: 100%;
  }
  #mypages-container #SubmitKnapp {
    margin-top: 20px;
  }
  .AndraLosen i {
    display: inline-block;
    padding: 0.9em 0;
  }
  #Adressblock .Knapp_Generell_Tabell {
    padding: 10px;
  }
}
@media screen and (max-width: 850px) {
  #mypages-container {
    width: 100%;
  }
  #mypages-container .Snabbkassa_Kundfalt_Marginal.Avtal {
    margin: 30px auto -30px !important;
  }
  #minsidaDrop {
    margin: 0 0 20px;
  }
  #minsidaDrop > ul > li > p {
    z-index: 1;
    cursor: pointer;
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    height: 50px;
    line-height: 50px;
    position: relative;
  }
  #minsidaDrop > ul > li > p > i {
    display: inline-block;
    line-height: 50px;
    color: #003d5c;
    float: left;
    font-size: 22px;
  }
  #minsidaDrop > ul > li > p > span {
    display: inline-block;
    line-height: 50px;
    color: #003d5c;
    float: left;
    padding-left: 10px;
  }
  #minsidaDrop > ul > li > p > i.right {
    float: right;
  }
  #minsidaDrop > ul > li > ul {
    z-index: 1;
    clear: both;
    cursor: default;
    border-bottom: 1px solid #ddd;
    display: none;
    margin: 0;
    line-height: normal;
    padding: 0 20px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #minsidaDrop > ul > li > ul > li {
    width: 100%;
    padding: 0;
  }
  #minsidaDrop > ul > li > ul > li > span {
    display: block;
    height: 50px;
    line-height: 50px;
  }
  #minsidaDrop ul li ul li.m_selected a {
    color: #003d5c;
    text-decoration: underline;
  }
  #minsidaDrop.active > ul > li > ul {
    display: block;
  }
  #minsidaDrop.active > ul > li > p > i:last-child:before {
    content: "\f32c";
  }
}