[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.nav, .pagination {
  cursor: pointer;
}
.nav > li > a {
  padding: 10px 10px;
}
.navbar-fixed-top {
  border-width: 0;
  background-color: transparent;
  margin-bottom: 0;
  /* min-height: 56px; */
}
.navbar-fixed-bottom {
  border-width: 0;
  background-color: transparent;
  border-color: #080808;
}
.navbar-fixed-bottom .navbar-collapse {
  max-height: 240px;
}
.greenWell {
  background-color: rgba(51, 153, 102, 0.8) !important;
  color: #FFFFFF;
}
.redWell {
  background-color: rgba(126, 0, 33, 0.8) !important;
  color: #FFFFFF;
}
.blueWell {
  background-color: rgba(51, 102, 153, 0.8) !important;
  color: #FFFFFF;
}
.btn {
  font-size: 18px;
}
.btn-sm {
  font-size: 12px;
}
.btn-green {
  background-color: rgba(51, 153, 102, 0.8) !important;
  color: #FFFFFF;
}
.btn-red {
  background-color: rgba(126, 0, 33, 0.8) !important;
  color: #FFFFFF;
}
.btn-blue {
  background-color: rgba(51, 102, 153, 0.8) !important;
  color: #FFFFFF;
}
.btn-blue.focus, .btn-blue:focus, .btn-blue:hover, .btn-red.focus, .btn-red:focus, .btn-red:hover, .btn-green.focus, .btn-green:focus, .btn-green:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.whiteWell {
  /* background-color: #;
  color: #080808 !important; */
}
.whiteSolidWell {
  background-color: white !important;
  color: #080808 !important;
}
.mvwell {
  background-color: #ffffff;
  border: 0px solid #080808;
  color: #262626;
  /* text-align: center; */
  padding: 20px;
  margin-top: 20px;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.99), 0 6px 20px 0 rgba(0, 0, 0, 0.9); */
  position: relative;
}
/* .mvwell > table {
  color: #FFFFFF;
} */
/* .whiteWell > table {
  color: #080808;
} */
.wellLink {
    padding:10px 33px 10px 10px;
}
.wellLink::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position: absolute;
  right: 15px;
  /* top: 50%; */
  font-size: 30px;
  line-height: 14px;
  margin-top: 14px;
  color: #262626;
   font-weight: 900;
}
.wellLinkBack::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f104";
  position: absolute;
  right: 15px;
  font-size: 30px;
  line-height: 14px;
  margin-top: 14px;
  color: #262626;
  font-weight: 900;
}
.wellLinkBlack::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position: absolute;
  right: 27px;
  /* top: 50%; */
  font-size: 30px;
  line-height: 14px;
  margin-top: 14px;
  color: #262626;
  font-weight: 900;
}
.wellMore::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f107";
  position: absolute;
  right: 15px;
  /* top: 50%; */
  font-size: 30px;
  line-height: 14px;
  margin-top: 14px;
  color: #FFFFFF;
   font-weight: 900;
}
.wellMore.black::before {
  color: #000000;
}
.wellMore.active::before {
  content: "\f106";
}
a.noWell {
  color: #FFFFFF !important;
}
/* @font-face {
  font-family: 'sen';
  src: url('../fonts/Sen-Regular.woff');
  font-style: normal;
} */
#full_bg {
  height: auto;
  left: 0;
  min-height: 100%;
  min-width: 1024px;
  position: fixed;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #full_bg {
    left: 50%;
    margin-left: -512px;
  }
}
html {
  height: 100%;
  min-height: 100%;
}
body {
  font-size: 12px;
  font-family: 'sen', arial, sans-serif;
  letter-spacing: 0.18px;
  line-height: 16.2px;
  height: 100%;
  overflow-x: hidden;
  cursor: default !important;
  background: #f2f2f2;
  /*   background: url(../img/boenner.jpg) no-repeat center center;

    /*background: url(/assets/images/hero.jpg) no-repeat center center;*/
  /* background-attachment: fixed;

    background-size: cover;

    /*overflow-y: scroll;*/
}
.modal {
  overflow-y: auto !important;
}
.modal-open {
  overflow: auto !important;
  overflow-x: hidden !important;
  padding-right: 0 !important;
}
.tekst {
  font-size: 18px;
}
.form-control {
  font-size: 18px;
  height: auto;
}
.pincode {
  font-size: 40px;
  padding: 0px;
  /* border-radius: 3px; */
  /* background-color: lightgrey; */
  /* border: 2px solid #080808; */
  color: #080808;
  text-align: center;
  width: 268px;
  letter-spacing: 51px;
  text-align: left;
  padding-left: 18px;
  /* margin-left: 83px; */
  background: url(../img/pin.png) no-repeat left top;
  border: transparent;
  overflow: hidden;
  height: 52px;
  line-height: 49px;
  display: inline-block;
}
.pincode:focus {
  /* background-color: white; */
}
.pincode2 {
  font-size: 26px;
  padding: 0px;
  border-radius: 0px;
  background-color: #fff;
  border: 1px solid #e4dfd9;
  color: #080808;
  width: 35px;
  text-align: center;
  margin-left: 10px;
}
.pincode2:focus {
  background-color: white;
}
.loegBackground {
  background: transparent url("../img/backLoeg.jpg") no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 585px;
  height: 100%;
  padding-bottom: 10px;
  /*background: transparent url("../img/backLoeg.jpg") no-repeat top center fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: 100%;

    min-height: 585px;

    height: 100%;*/
}
/*.view-animate-container {

    position:relative;

    height:585px!important;

    background:white;

    overflow:hidden;

}

.view {

    padding: 0 10px 0 10px;

}

.view-animate {



}



.view-animate.ng-enter, .view-animate.ng-leave {

    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s;

    display:block;

    width:100%;

    position:absolute;

    top:0;

    left:0;

    right:0;

    bottom:0;

    padding: 0 10px 0 10px;

}



.view-animate.ng-enter {

    left:100%;

}

.view-animate.ng-enter.ng-enter-active {

    left:0;

}

.view-animate.ng-leave.ng-leave-active {

    left:-100%;

}*/
/*.well.active:before {

    color: #e1edf7;

}*/
.add-bookmark-text {
  margin-top: 3rem;
}
hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 2px solid #080808;
}
@media (min-width: 0px) {
  h1, h2, h3 {
    font-weight: 600;
  }
}
@media (min-width: 0px) {
  h1, h2, h3 {
    -webkit-font-smoothing: antialiased;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 2.65em;
  }
  h2 {
    font-size: 1.6em;
    line-height: 1.13em;
    letter-spacing: .03em;
  }
  h3 {
    font-size: 1.2em;
    line-height: 1.0em;
    letter-spacing: .03em;
  }
  p, .tekst, .mvwell, .mindretekst {
    font-size: 16px;
    letter-spacing: .015em;
    line-height: 1.35em;
  }
}
@media (min-width: 0px) and (max-width: 768px) {
  h1 {
    font-size: 2em;
    letter-spacing: .05em;
    line-height: 1.08em;
  }
  h2 {
    font-size: 1.4em;
    line-height: 1.13em;
  }
  h3 {
    font-size: 1.2em;
    line-height: 1.0em;
  }
  p, .tekst, .mvwell {
    font-size: 14px;
    letter-spacing: .015em;
    line-height: 1.00em;
  }
  .mindretekst {
    font-size: 12px;
    letter-spacing: .015em;
    line-height: 1.35em;
  }
  .baggrund {
    /*background: url(../img/boenner.jpg) no-repeat center center;

        /*background: url(/assets/images/hero.jpg) no-repeat center center;*/
    /*background-attachment: fixed;

        background-size: cover;

        /* -webkit-background-size: cover; */
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /* background-size: cover; */
    /* min-height: 783px; */
    /* height: 100%; */
    /* padding-bottom: 10px; */
  }
}
.pagination {
  ;
  margin: 0 0;
}
.carousel-control.right {
  background-image: none;
}
.carousel-control.left {
  background-image: none;
}
.view {
  padding: 50px 5px 0 5px;
}
/* src: http://embed.plnkr.co/p7WZdsy0FznV3zo7VWjU/ */
.view-animate-container {
  position: relative;
  height: 100%;
}
.view-animate {}
.view-animate.ng-enter, .view-animate.ng-leave {
  -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  -ms-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rtl .view-animate.ng-enter {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.rtl .view-animate.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.rtl .view-animate.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ltr .view-animate.ng-enter {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.ltr .view-animate.ng-enter.ng-enter-active {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.ltr .view-animate.ng-leave.ng-leave-active {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.ng-hide-add, .ng-hide-remove {
  /* ensure visibility during the transition */
  display: block !important; /* yes, important */
}
.cssSlideUp {
  transition: .5s linear all;
  height: 80px;
  overflow: hidden;
}
.cssSlideUp.ng-hide {
  height: 0;
}
.bestillingpaadag button span {
  -moz-border-radius: 44px 44px;
  -webkit-border-radius: 44px 44px;
  border-radius: 44px 44px;
  border: solid 3px limegreen;
}
.valgtdag button span {
  background-color: #30a4ff;
}
.closed button span {
  -moz-border-radius: 44px 44px;
  -webkit-border-radius: 44px 44px;
  border-radius: 44px 44px;
  border: solid 3px red;
  /* width: 44px; */
  /* height: 44px; */
  margin: -9px;
}
.uib-day button {
  padding: 5px 5px 5px 5px;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 2px #000;
  border-radius: .1em;
}
.sidebar-box {
  max-height: 80px;
  position: relative;
  overflow: hidden;
}
.sidebar-box .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0px 0; /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, black);
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inputLoading {
  position: absolute;
  z-index: 3;
  left: 7px;
  top: 12px;
  padding-left: 0px;
  font-family: 'Font Awesome 5 Free', sen;
   font-weight: 900;
}
.popover {
  max-width: 367px;
}
@media (min-width:992px) {
  .modal-fullscreen {
    width: 99%
  }
}
.kundegruppelink::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  position: absolute;
  right: 15px;
  /* top: 50%; */
  font-size: 30px;
  line-height: 14px;
  margin-top: 14px;
  color: #FFFFFF;
   font-weight: 900;
}
/*
.kundegruppemore::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f103";
  position: absolute;
  left: 7px;
  bottom: 10px;
  font-size: 30px;
  line-height: 14px;
  margin-top: 14px;
  color: #000;
   font-weight: 900;
}
.kundegruppemore.active::before {
  content: "\f106";
}
.kundegruppemore2::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f103";
  position: absolute;
  right: 7px;
  bottom: 10px;
  font-size: 30px;
  line-height: 14px;
  margin-top: 14px;
  color: #000;
   font-weight: 900;
}
.kundegruppemore2.active::after {
  content: "\f106";
}
*/
.kundegruppe {
  margin-top: 20px;
  position: relative;
  display: inline-block;
  padding: 0;
  min-height: 106px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.99), 0 6px 20px 0 rgba(0, 0, 0, 0.9);
}
.kundegruppe img {
  display: block;
  max-width: 100%;
  width: 100%;
  /* max-height: 106px; */
  /* height: 100%; */
}
.kundegruppe .toptekst {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #FFF;
  display: block;
}
.frokost {
  background: rgba(158, 98, 170, 0.7);
}
.frokostSolid {
  background: rgba(158, 98, 170, 1);
}
.aeldremad {
  background: rgba(0, 195, 135, 0.7);
}
.aeldremadSolid {
  background: rgba(0, 195, 135, 1);
}
.aftensmad {
  background: rgba(68, 147, 185, 0.8);
}
.aftensmadSolid {
  background: rgba(68, 147, 185, 1);
}
.event {
  background: rgba(202, 198, 55, 0.7);
}
.eventSolid {
  background: rgba(202, 198, 55, 1);
}
.kundegruppe:hover .toptekst {}
.kundegruppe .toptekst .topindhold {
  position: absolute;
  top: 0px;
  left: 0;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px 0 10px;
  /* line-height: 19px; */
}
.kundegruppe .toptekst .bundindhold {
  position: absolute;
  bottom: 10px;
  left: 0px;
  /* text-align: center; */
  width: 100%;
  /* box-sizing: border-box; */
  padding: 2px 5px;
  border-width: 1px 0 1px !important;
  border-color: #080808;
  border-style: solid;
  font-size: 10px;
  line-height: 24px;
  background: white;
  color: black;
  min-height: 32px;
}
@media (min-width: 568px) {
  .kundegruppe .toptekst .bundindhold {
    font-size: 15px;
    line-height: 26px;
  }
}
.selectableOrder > .panel-default > .panel-heading {
  background-color: #ffdb99 !important;
  color: #222 !important;
  -webkit-animation-name: order-select;
  -moz-animation-name: order-select;
  -o-animation-name: order-select;
  animation-name: order-select;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes order-select {
  0% {
    background-color: #ffdb99;
  }
  50% {
    background-color: #ffc328;
  }
  100% {
    background-color: #ffdb99;
  }
}
.newGroupSelect {
  background-color: #244924;
  animation-name: new-group-background;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes new-group-background {
  0% {
    background-color: #244924;
  }
  50% {
    background-color: #5cb85c;
  }
  100% {
    background-color: #244924;
  }
}
.removeOrder > .panel-default > .panel-heading {
  background-color: #ffdb99 !important;
  color: #fff !important;
  -webkit-animation-name: order-remove;
  -moz-animation-name: order-remove;
  -o-animation-name: order-remove;
  animation-name: order-remove;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes order-remove {
  0% {
    background-color: #d9534f;
  }
  50% {
    background-color: #a83e3c;
  }
  100% {
    background-color: #d9534f;
  }
}

.order-help-container {

  display: inline-block;
  width: 100%;
  align-items: center;
  /*padding: 15px 0*/
}

.order-help-color-indicator {
  -moz-border-radius: 44px 44px;
  -webkit-border-radius: 44px 44px;
  border-radius: 44px 44px;
  border: solid 2px #FFFFFF;
  width: 65px;
  height: 40px;
  margin-right: 5px;
}
.order-help-container-flex {
  display: flex;
  justify-content: start;
}

/**
* Added by ITOP
**/
/* @font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Regular.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Medium.ttf');
    font-style: bold;
} */

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500&display=swap');

h1, h2, h3, h4, h5, h6, p, body {
    font-family: 'Quicksand','arial','sans-serif';
    font-weight: 400;
}

.menu-overskrift {
  font-weight: bold;
  font-size: 1.3em;
}

p.menu-pris {
    font-size: 1.5em;
    margin-top:16px;
    margin-bottom: 0px;
}

p.menu-pris small {
    font-size: 0.5em;
}

.color-green {
    color: #03a64a;
}

.mvwellBrown {
    background: #e4dfd9;
}

.well {
    padding:10px 20px;
    border:0;
    box-shadow: none;
    background-color: inherit;
}

.kundegruppelink .row {
  display: flex;
}

.info-link {
  background-color: #337ab7c7;
  color: white;
  float: right;
  display: inline-block;
  text-align: center;
  width: 21px;
  border-radius: 100%;
  font-weight: bold;
  font-size: 16px;
  line-height: 21.6px;
}
.info-link:hover {
  color: white;
}

.wellbtn {
    margin-bottom: 0px;
}

.p-0 {
    padding: 0px;
}
.px-20 {
    padding: 20px 0;
}
.py-20 {
    padding: 0 20px;
}
.pb-20 {
    padding-bottom: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}
.mt-0 {
    margin-top: 0px;
}
.mt-20 {
  margin-top: 20px;
}
.m-auto {
    margin:0 auto;
    display: block;
}

.w-25 {
    width:25%;
}
.w-50 {
    width:50%;
}
.w-75 {
    width:75%;
}
.w-100 {
    width:100%;
}

@media (max-width: 768px) {
    .input-group.w-50 {
        width: 100%;
    }
}

.text-orange {
    color: #f26e22;
}

.fa-mini {
    font-size: .5em;
}

/* Forms */
.form-control {
    border-radius: 0px;
    border: 1px solid #e4dfd9;
    box-shadow:none;
}

.input-group-btn {
    width: inherit;
}

button.form-control {
    border: 0px;
}

.form-control:focus {
    border-color: #e4dfd9;
    box-shadow: none;
}

.input-group input {
    border-left:0px;
}

.input-group-addon {
    border-radius: 0px;
    background: #fff;
    border: 1px solid #e4dfd9;
    width:39px;
}

label {
    font-weight: 400;
    margin-top:10px;
}

.row.delivery-radio-group label {
    background-color: #fff;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
}

@media (min-width: 768px) {
    .row.delivery-radio-group label {
        font-size: 18px;
    }
}

.row.delivery-radio-group label input {
    margin-right:10px;
}

/* Pincode */
.form-group.pincode-group .form-control {
    width: 39px;
    border-left:1px solid #e4dfd9;
}

.form-group.pincode-group .input-group-addon:first-child {
    border-right:1px solid #e4dfd9;
}

.navbar-header button.btn.btn-link:focus {
    outline:0;
}

.navbar-header button.btn.btn-link:first-child {
    border-right: 1px solid #e4dfd9;
    padding:17px;
}

.navbar-header button.btn.btn-link:last-child {
    border-left: 1px solid #e4dfd9;
    padding:17px;
}

/* Header */
.navbar-header {
    display:flex;
    justify-content:space-between;
}

.navbar-header .logo {
    flex-grow: 2;
    align-self:center;
}

.navbar-header .logo img {
    margin:auto;
}

@media (min-width: 768px) {
    /* Header */
    .navbar-header button.btn.btn-link {
        display: none;
    }

    .navbar-header .logo img {
        margin:0 10px;
    }
}

/**
* Facebook and madvognen sign in button
**/
button.facebook {
    background:#1877F2;
    border:none;
    padding-right:12px;
    color:#ffffff;
    text-align: left;
    min-width: 75%;
}

button.facebook span {
    font-size:1.1em;
    padding:10px;
    position:relative;
    top:-4px;
}

button.facebook i {
    font-size:1.8em;
    padding:10px 8px;
}

button.madvognen {
    background:#f26e22;
    border:none;
    padding-right:12px;
    color:#ffffff;
    margin-bottom:10px;
    text-align: left;
    min-width: 75%;
}

button.madvognen span {
    font-size:1.1em;
    padding:10px;
    position:relative;
}

button.madvognen img {
    width:29px;
    margin:10px 8px;
}

@media (min-width: 768px) {
    button.facebook,
    button.madvognen {
        min-width: 55%;
    }
}

/**
* Handwritten class styling
**/
@font-face {
  font-family: 'Indie Flower';
  src: url('fonts/IndieFlower-Regular.ttf');
  font-style: normal;
}

.handwritten h1,
.handwritten h2 {
    font-family: 'Indie Flower';
}

.handwritten h1,
.handwritten h2,
.handwritten h3 {
    text-align: center;
}

.handwritten .banner-img-wrapper {
    overflow: hidden;
}

.handwritten img {
    width: 100%;
}

/**
* Generel bootstrap overwrite
*/
.btn-secondary {
    background: #f26e22;
    color: #fff;
}

.btn-light {
    background: #fff;
    color:#262626;
}

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

.modal-footer {
    border: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:first-letter {
    text-transform: capitalize;
}

a {
    color:#03a64a;
}

a:hover {
    color:#048c3f;
}

a.accordion-toggle:hover {
    color: #fff;
}

strong {
    font-weight: bold;
}

i.fas.fa-door-closed {
    font-size: 12px;
}

/* Tilføj retter til kurv side */
.cart-padding-bottom {
    padding-bottom: 80px;
}

@media (min-width: 1200px) {
    .cart-padding-bottom {
        padding-bottom: 170px;
    }
}

.add-to-cart {
    display: flex;
    align-items: center;
    justify-content:space-between;
    margin-top:16px;
}

.add-to-cart p.menu-pris {
    margin-top: 0px;
    min-width: 50%;
}

.add-to-cart .input-group {
    width:inherit;
}

.cart .quantityPrice {
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    margin-top:10px;
}

.cart .quantityPrice p:first-child {
    font-size:28px;
}

.cart .nostyle .quantityPrice p:first-child {
    font-size:inherit;
}

.cart .quantityPrice p:last-child {
    font-size:18px;
}

/* Modal */
.modal-content {
    font-size: 16px;
}

/* Køkken vis */
.border-green {
    border:1px solid #5cb85c;
}

/* Tak for din ordre */
.banner-img-wrapper i {
    font-size: 90px;
    float: right;
}

/* Facebook */
.fb-page.fb_iframe_widget {
    width:100%;
}

.fb-page.fb_iframe_widget>span {
    margin: auto;
    display: block;
}

.capitalizeFirst:first-letter {
    text-transform: capitalize;
}

.flying-gadget:focus {
  color: #03a64a;
}
.flying-gadget {
  z-index: 10000;
  position: absolute;
  font-weight: bold;
  font-size: 15px;
  top: 6px;
  left: 22px;
  box-shadow: 0 1px 7px 4px rgba(50, 50, 50, .4);
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  border-radius: 100%;
  background-color: #84ffb9;
  display: block;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #444;
}
.modal-header .modal-title {
  flex: 1 1 auto;
}

.menu-overskrift+div {
  line-height: 1.15em;
}

.my-slider {
  display: flex;
  overflow: hidden;
}
.my-slide-item {
  flex: 0 0 100%;
  padding: 0 10%;
  width: 100%;
  position: relative;
  display: block;
  left: 0;
  transition: left .6s ease;
}
.my-slider.current-0 .my-slide-item {
  left: 0;
}
.my-slider.current-1 .my-slide-item {
  left: -100%;
}
.my-slider.current-2 .my-slide-item {
  left: -200%;
}
.my-slider.current-3 .my-slide-item {
  left: -300%;
}
.my-slider.current-4 .my-slide-item {
  left: -400%;
}
.my-slider.current-5 .my-slide-item {
  left: -500%;
}
.my-slider.current-6 .my-slide-item {
  left: -600%;
}
.my-slider.current-7 .my-slide-item {
  left: -700%;
}
.my-slider.current-8 .my-slide-item {
  left: -800%;
}
.my-slider.current-9 .my-slide-item {
  left: -900%;
}
.my-slider.current-10 .my-slide-item {
  left: -1000%;
}

.my-slide-prev {
  left: 15px;

}
.my-slide-next {
  right: 15px;
}
.my-slide-next,
.my-slide-prev {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #e8e8e8;
  background-color: rgba(0, 0, 0, .6);
  text-align: center;
  border-radius: 5px;
}
.my-slide-next:hover,
.my-slide-prev:hover {
  color: #e8e8e8;
}
.my-slide-next.disabled,
.my-slide-prev.disabled {
  cursor: default;
  color: #888;
}

img.inlined_image[style*="float: left"],
img.inlined_image[style*="float:left"] {
  margin: 0 18px 10px 0;
}

img.inlined_image[style*="float: right"],
img.inlined_image[style*="float:right"] {
  margin: 0 0 10px 18px;
}

.alert.mb-0, .form-group.mb-0 {
  margin-bottom: 0;
}

.alert.mt-8 {
  margin-top: 8px;
}

.no-outline {
  outline: none;
}

.mvwellBrown .alert.alert-success {
  background-color: #9beb7a;
  border-color: #9beb7a;
}

.pt-20 {
  padding-top: 20px;
}

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

.login-form {
  text-align: center;
}
.login-form .input-group {
  margin: auto;
}

@media (min-width: 681px) {
  .login-form button.facebook {
    transform: scale(.82);
  }
}
@media (max-width: 680px) {
  .login-form button.facebook {
    min-width: 234px;
    max-width: 234px;
  }
}

.allergene-list {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
}
.allergene-list h3 {
  flex: 0 0 100%;
}
.allergene-list > div {
  flex: 0 0 10%;
}
.allergene-list img {
  width: 85%;
}

.flex-12-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.flex-12-5 > * {
  flex: 0 0 12.5%;
}
.flex-12-5 label {
  font-size: 9px;
  text-align: center;
}
.flex-12-5 img {
  width: 80%;
}
.flex-12-5 > *:last-child {
  flex: 1 1 0%;
}

.flex-16 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.flex-16 > * {
  flex: 0 0 16.6%;
}
.flex-16 img {
  width: 80%;
}
.flex-16 label {
  text-align: center;
}
.flex-16 > *:last-child {
  flex: 1 1 0%;
}

.flex-25-75 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.flex-25-75 > div:first-child {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.flex-25-75 > div:last-child {
  padding-left: 18px;
  flex: 0 0 75%;
}
.flex-25-75 p:empty {
  display: none;
}
.mvwellBrown:hover .intro * {
  cursor: pointer;
}

.mvwellBrown .intro {
  color: black;
}

.frontborder {
  border: 1px solid #333;
}

.mvwellBrown.active .intro::after {
  content: "";
  display: block;
  border-bottom: 2px solid #777;
  margin: 14px 0;
}

.no-outline.handwritten.active {
  outline-color: -webkit-focus-ring-color;
  outline-style: auto;
  outline-width: 5px;
}

@media (min-width: 500px) {
  h1.bigonlaptop {
    font-size: 50px;
  }
}
@media (max-width: 500px) {
  h1.bigonlaptop {
    font-size: 30px;
    margin: 10px -10px;
  }
}

.uddeler-title {
    display:inline-block;
}

.testknap {
    margin-top: 10px;
    width: 100%;
}

.klasse-btn-row {
    margin-top: 15px;
}

.klasse-btn-container{
}

.klasse-btn {
    min-width: 70px;
    margin-top: 15px;
    margin-right: 8px;
}

.ordre-row {
    padding: 15px 10px;
    border-top: 1px #a2a2a2 solid;
}

.ordre-row:last-of-type {
    border-bottom: 1px #a2a2a2 solid;
}

.doneklasse {
  color: #b0b0b0;
  border-color: #f0f0f0;
}

.madvaert-attribute-row > td {
  padding-right: 5px;
}

.kundegruppe-visinaktiv-1 {
  background-color: #f2f2f2;
  border: #aaaaaa solid 1px;
}

.custom-modal-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex; justify-content: center; align-items: center;
    z-index: 9999;
}
.custom-modal-content {
    background: white;
    padding: 30px;
    border-radius: 8px;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

@media print {
    .page-break {
        page-break-before: always; /* start a new page before this element */
    }
}