/* Load Open Sans font */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

div.box:focus{
    border: thin solid black;
}
@media print {
	@page {
		margin: 0;
	}
}
#nano { 
    width: 280px;
}
.nano .privatenano{
    width: auto;
}
#nano-knapper { 
    width: 165px;
 }
.nano { 
    background: #fff; 
    /*height: 1000px;*/
    height: 80%;
    
    position: relative; 
    float: left;
}
/*.nano .nano-content { */
.nano-content { 
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
}
.nano .nano-pane   { 
    background: #888;
    width: 8px;
    right: 1px;
    margin: 5px;
    position: absolute;
    transition: .2s;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    display: block; 
}
.nano .nano-slider {
    background: rgba(0,0,0,.5);
    position: relative;
    margin: 0 1px;
    border-radius: 3px;
    height: 229px;
    transform: translate(0px, 0px);
    display: block; 
}
.nanomenu{
    width:50%!important;
    height:85%!important;
}
.kvitstatusinfodiv {
    float: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    /*margin-bottom: -100px;
    margin-top: 50px;
    margin-left: -50px;
    font-size: 20px; */                                                                 
    margin-bottom: -180px;
    margin-top: 95px;
    margin-left: -43px;
    font-size: 20px;
}
#kvitstatusinfodivpayment{
    margin-top: 75px;    

} 
.kvitstatusinfotext {
    font-size: 28px;
    color: red;
}    
.headeradmin {
    color: black;
    margin-right: 5px;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 14px;
}
.headeradmin:after {
    color: black;
    content: "\f112";
    font-family: 'fontawesome';
    margin-left: 7px;
}
   
body {
    /*background-color: #fff;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.busy {
    cursor: wait !important;
}
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
/* MODAL ====================== */
#simplemodal-overlay {
    z-index:9999 !important;
    background: #000;
}
#smodal-overlay {
    z-index:9999 !important;
    background: #000;
}
#simplemodal-container {
    z-index:99999 !important;
    display:none;
    position:absolute !important;
}
.modal_wrap {
    display:none;
}
.modal_content {
    width:500px;
    height:auto;
    padding:10px 20px;
    min-height:50px;
    background: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.modal_inner {
    padding:10px 20px;
    bottom:5px !important;
}
.modal_noautosize {
    max-height:200px;
}
.modal_autosize {
    max-height:800px;
}
.modal_header {
    font-size: 15px;
    font-family: inherit;
    font-weight: bold;
    width:500px;
    line-height:30px !important;
    height:40px;
    color:#fff;
    padding:10px 20px;
    background: #0073bc;
    text-rendering: optimizelegibility;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.modal_close {
    position:absolute;
    top:8px;
    right:20px;
    cursor:pointer;
}
.modal_video {
    width:440px;
    height:248px;
    background:#000;
    margin:0;
}
.modal_images {
    width:440px;
    height:248px;
    background:#000;
    margin:0;
    overflow:hidden;
}
.modal_images img {
    max-width: 100%
}

#thespotoflight {
left: 490px;
top: 405px;
z-index:9998 !important;
}
body.modal-open {
    overflow: hidden;
}
.custom_hotspot_boxoflight {
    position:absolute;
    background: rgb(237, 25, 68) !important;
    background: rgba(237, 25, 68, 1) !important;
    border-radius: 3px;
    color: #FFF;
    padding: 4px 0px 0px 0px;
    text-align: center;
    height: 25px !important;
    width: 30px !important;
    display: none;
    z-index: 9998 !important;
    cursor: pointer;


    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.40);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.40);
}
#tomareal {
   background: none repeat scroll 0 0 white;
    height: 148px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 989;
}
#header {
    z-index: 990;
    width: 100%;
    height: 61px;
    position: fixed;
    top: 20px;
    left: 0;

}
#subheader {
    width: 100%;
    position: fixed;
    height: 63px;
    left: 0;
    z-index: 989;
}
#bestmenu {
    border-radius: 5px 5px 5px 5px;
    float: right;
    width: 445px;
    height: 115px;
    margin-left: 15px;
    margin-top: 15px;
    box-shadow: 0 1px 0 0 #E0E0E0;
    background: #f4f4f4;
    
}
#headercenter {
    border-radius: 5px;
    width: 1210px;
    margin:auto;
    height: 61px;
    box-shadow: 0 1px 0 0 #E0E0E0;
    background: #f4f4f4;
}
#top_center_shadow_right {
    height: 61px;
    float: right;
    top: 20px;
    width: 50px;
    display: none;
}
#top_center_shadow_right {
    display: block\9;
}
#top_shadow_right {
    height: 61px;
    position: fixed;
    right: 0;
    top: 20px;
    width: 50px;
    display: none\9;
}
#top_shadow_left {
    float: left;
}
#logo_section {
    background: #fff;
    float: left;
    height: 60px;
    width: 210px;
    padding-left: 5px;
}
#logo_section_right {
    background: #fff;
    float: right;
    height: 60px;
    width: 210px;
    padding-left: 5px;
    margin-left: 250px;
}
#header_menu {
    float: left;
    height: 60px;
}
#header_menu {
/*     width: 720px/9; */
}
#header_menu .header_item {
    display: inline-block;
    height: 60px;
    position: relative;
    line-height: 60px;
}
.header_item_right {
    display: inline-block;
    height: 30px;
    position: relative;
    line-height: 30px;
    float: right;
    margin-left: 15px;
}
.header_shopitem {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 21px;
    float: left;
}
.header_shoplogo {
    float: left;
    height: 60px;
    margin: auto;
    padding-top: 5px;  
}

.header_shopname {
    float: left;
    font-size: 21px;
    height: 60px;
    margin-left: 10px;     
}
.antaltext {
    /*float: left;*/
    margin-bottom: 3px;
}
#header_menu .header_item img.seperator_item {
    height: 11px;
    margin-left: 10px;
    margin-right: 10px;
    width: 2px;
}
.active_lang {
    font-weight: 700;
    color: black;
    text-decoration: none;
    margin-right: 5px;
    cursor: pointer;
}
.headercodelist {
    color: black;
    margin-right: 10px;
    text-decoration: none;    
}
.headerlogout {
    color: black;
    margin-right: 5px;
    text-decoration: none;
}
.inactive_lang {
    font-weight: normal;
    color: black;
    text-decoration: none;
    margin-right: 5px;
    cursor: pointer;
}

#wrapper {
    width: 1210px;
    background: #ffffff;
    margin:auto;
     margin-top: 83px;
    height: 250px;
}
/* MENU AREAL */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#menuarea {
    z-index: 999;
    height: 43px;
    top: 20px;
    margin: 5px auto auto auto;
    width: 1210px;
}
.istop a {
    border-radius: 3px;
}
#cssmenu {
    width: 980px;
    background: #f4f4f4;
    margin:auto;
    height: 42px;
    padding-top: 6px;
    padding-left: 5px;
    box-shadow: 0 1px 0px 0 #E0E0E0;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #000;
  display: inline-block;
  font-size: 11px;
  line-height: 25px;
  padding: 0 20px;
  text-decoration: none;
  height: 25px;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
  margin-rigth: 5px;
}
#cssmenu > ul > li > a {
  color: #000;
  font-size: 14px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  color:white;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  top: 25px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  margin-left: -10px;
}
#cssmenu > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  color: white!important;
  background: #0073bc;
  /*
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  */
}


#cssmenu > ul > li:hover > a {
  color: white!important;
  background: #0073bc;
  /*
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  */
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #ffffff;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  height: 120%;
  padding: 10px;
  color: #000000;
  margin-top: 11px;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
#cssmenu .has-sub ul li:hover a {
  background: #dddddd;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  border-top: 1px solid #005580;
  border-bottom: 1px solid #005580;
  border-left: 1px solid #005580;
  border-right: 1px solid #005580;
}
#cssmenu .has-sub ul {
}
#cssmenu .has-sub .has-sub ul li a {
  background: #005589;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #004570;
}

.active span:after {
    /*color: #fff!important;*/
}
.has-sub span:hover:after {
    color: #fff;
}
.has-sub span:after {
    font-family: FontAwesome;
/*    content: "\f0ab"; */
    content: "\f13a";
    margin-left: 8px;
    font-size: 14px;
    color: #0073BC;
}

.info span:after {
    font-family: FontAwesome;
/*    content: "\f0ab"; */
    content: "\f05a";
    margin-left: 8px;
    font-size: 14px;
    color: #0073BC;
}
.info span:hover:after {
    color: #fff;
}
.no-sub span:after {
    content: "";
}
.no-sub a {
/*    border-radius: 0 0 0 0; */
    margin-top: 0 !important;
}

.has-sub .no-sub a {
    border-radius: 0 0 0 0; 
    margin-top: 0 !important;
}
#cssmenulist{
    padding-top: 5px!important;
}
.has-sub ul li:last-child a {
    border-bottom: 1px solid #E1E1E1;
    border-radius: 0 0 3px 3px;
}
#content {
    width: 100%;
    float:left;
    margin-top: 65px;   
    margin-bottom: 50px;   
}
#rightcontent {
    background: #ffffff;
    height: 80%;  /**/
    float:left;    
    min-height: 250px;
    position: fixed;
    margin-left: 765px;    
    /*margin-top: 130px;*/
    margin-top: 140px;
}
#rekvrightcontent{
    background: #ffffff;
    float:left;    
    position: fixed;
    margin-left: 765px;    
    
}
#rightcontentprivate{
    background: #ffffff;
    height: 80%;  /**/
    float:left;    
    min-height: 250px;
    position: fixed;
    margin-left: 765px;    
}
.confirmButtonClass{
    float:right;
}
#leftcontent {
    width: 750px;
    margin-right: 0px;
    background: #ffffff;
    float:left;
    min-height: 250px;
}
#promoareal {
 background: none repeat scroll 0 0 white;
    float: left;
    height: auto;
    width: inherit;
    z-index: 400;
}
.promotekstarel {
   background: none repeat scroll 0 0 #FFFFFF;
    bottom: 255px;
    float: right;
    opacity: 0.85;
    position: relative;
    width: 250px;  
    min-height: 252px;
    max-height: 252px; 
    z-index: 450;
}

@-moz-document url-prefix() { 
    /* FIREFOX ONLY IN HERE*/
  .promotekstarel {
    bottom: 255px;
    min-height: 251px;
    max-height: 251px; 
  }
}
.promooverskrift {
    font-size: 21px;
    font-weight: bold;
    margin: 10px 10px 0;
}
.promotekst {
    float: right;
    font-size: 14px;
    height: 175px;
    line-height: 19px;
    overflow: hidden;
    position: relative;
    margin: 10px;
     z-index: 451;
}
.promoaction {
    bottom: 291px;
    clear: both;
    float: right;
    padding-right: 19px;
    position: relative;
    width: 250px;
    z-index: 460;
}
/*
.addtobasket:hover {
    background-color:#0187e6;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
} */
.addtobasket {
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    color: #FFFFFF;
    height: 25px;
    width: 80px;
    font-size: 11px;
    /*font-weight: bold;*/
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
      z-index: 501;
}

.addmenutobasket, .showmenubutton, #addpackagetobasket, #updatepackage{
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    color: #FFFFFF;
    height: 25px;
    width: 80px;
    font-size: 11px;
    
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
      z-index: 501;
}
.locationavailable{
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    color: #FFFFFF;
    height: 25px;
    width: 80px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 5px;
    display:none;
    float:right;
    padding-top: 6px;
    text-align: center;
}
#addpackagetobasket{
    float:right;
    height: 40px;
    width: 140px;
    font-size: 15px;
}
#updatepackage{
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    height: 40px;
    width: 140px;
    font-size: 15px;
    padding: 10px;
    padding-left: 15px;
}


.showmenubutton{
    margin-top: 5px;
}

.promo_rm {
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    height: 25px;
    width: 80px;
    font-size: 11px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    z-index: 501;   
    line-height: 14px;
    padding-top: 5px;
    cursor: pointer;
      
}
.promobutton1 {
    float: right;
    position: relative;
    text-align: center;
    font-size: 14px;
    height: 25px;
    margin-right: 12px;
    width: 80px;
    z-index: 500;
}
.promobutton2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    float: right;
    font-size: 14px;
    height: 25px;
    margin-right: 12px;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 500;
}
#vareareal {
   background: none repeat scroll 0 0 white;
    float: left;
    height: auto;
    width: inherit;
    /*width: 100%;*/
    margin-top: 10px;
}
.vare {
    background: none repeat scroll 0 0 white;
    border: 1px solid black;
    float: left;
    max-height: 200px;
    margin: 5px;
    padding: 0;
    z-index: 5;
    width: 255px;
    position: relative;
}
.varebestil {
   background: none repeat scroll 0 0 lightblue;
    border: 5px none;
    bottom: 6px;
    margin-right: 10px;
    padding: 2px;
    position: absolute;
    right: 6px;
}
/*
.fortsatshop {
 background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    bottom: 6px;
    margin-right: 0;
    margin-top: 15px;
    padding-left: 10px;
    position: relative;
    width: 200px;
    float: left;
    text-align: center;
    color: #ffffff;
    line-height: 25px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    border-radius: 3px;
    display: none;    
} */

#vareareal .bigtomkurv {
    width: 200px;
    float: left;
    background: #0073bc;
    color: #ffffff;
}
#vareareal .bigtomkurv:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}
.betal_kreditkort {
 background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    bottom: 6px;
    margin-right: 0;
    margin-top: 15px;
    padding-left: 10px;
    position: relative;
    right: 0;
    text-align: center;
    color: #ffffff;
     height: 25px;
    line-height: 25px;
    margin-left: 10px;
    margin-right: 10px;
}

.cbp-vm-switcher {

}
.cbp-vm-options {
    text-align: right;
    height: 28px;
    background: #f4f4f4;
    float: right;
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 10px;
}

.cph-vm-option-text {
    float: right;
    margin-left: 10px;
    padding-top: 3px;
}
.cbp-vm-grid {
    float: right;
    width: 22px;
    margin-left: 10px;
    height: 22px;
    background-image:url('../img/gallery-dis.png');
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
    border-radius: 3px;    
}
.cbp-vm-grid.cbp-vm-selected {
    float: right;
    width: 22px;
    margin-left: 10px;
    height: 22px;
    background-image:url('../img/gallery.png');
}
.cbp-vm-grid:hover {
    background-image:url('../img/gallery.png');
}
.cbp-vm-list {
    float: right;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    background-image:url('../img/liste-dis.png');
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
    border-radius: 3px;    
}
.cbp-vm-list.cbp-vm-selected {
    float: right;
    width: 22px;
    margin-left: 5px;    
    height: 22px;
    background-image:url('../img/liste.png');
}
.cbp-vm-list:hover {
    background-image:url('../img/liste.png');
}
.cbp-vm-add:before {
    content: "\f055";
}
.cbp-vm-switcher ul:before, 
.cbp-vm-switcher ul:after { 
    content: " "; 
    display: table; 
}

.cbp-vm-switcher ul:after { 
    clear: both; 
}

.cbp-vm-switcher ul li {
    /*display:block*/
    display: list-item;
    position: relative;
}
.cbp-vm-switcher ul {
    list-style: none;
    padding: 0;
    margin: 0;
    clear: both;
    margin-top: 10px;
}
.cbp-vm-view-grid ul {
    text-align: center;
}

.cbp-vm-view-grid ul li {
  display: inline-block;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    min-height: 200px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 240px;
}
.cbp-vm-view-grid ul li:nth-child(3n+3) {
         margin-right: 0;
}
.cbp-vm-view-list li:first-child {
    margin-top: 5px;
}
.cbp-vm-view-list li {
    height: 50px;
    margin-bottom: 5px;   
    padding-left: 5px;
    padding-right: 5px; 
}
.cbp-vm-view-grid .katalogitem {
    color: #0073BC;
    font-size: 21px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 100% !important;
    padding-top: 3px;
}
.cbp-vm-view-grid .katalogitem8 {
    color: #0073BC;
    font-size: 21px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 98% !important;
    padding-top: 3px;
    border-bottom: 1px solid #0073bc;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px !important;    
}
.cbp-vm-view-grid .katalogitem9 {
    color: #ffa500;
    font-size: 21px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 98% !important;
    padding-top: 3px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px !important;
}
.cbp-vm-view-grid .catitemslet:after {
    right: 11px;
}
.cbp-vm-view-grid{
    width: 100%;
}

.cbp-vm-view-list .katalogitem {
    color: #0073BC;
    font-size: 21px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 100% !important;
    margin-left: 10px !important;
    padding-left: 0;
     padding-top: 3px;
}
.cbp-vm-view-list .katalogitem8 {
    color: #0073BC;
    font-size: 21px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 98% !important;
    margin-left: 10px !important;
    padding-left: 0;
    padding-top: 3px;
    border-bottom: 1px solid #0073bc;     
}
.cbp-vm-view-list .katalogitem9 {
    color: #ffa500;
    font-size: 21px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 100% !important;
    margin-left: 10px !important;
    padding-left: 0;
     padding-top: 3px;
}
.katalogitem:after {
    color: #0073BC;
    content: "\f13a";
    font-family: 'fontawesome';
    margin-left: 7px;
    padding-top: 3px;
    
}

.varecatitem {
    height: auto;
    float: left;
    z-index: 5;
    position: absolute;
    min-height: 200px;
}
.cbp-vm-view-list .varecatitem.withpics{    
   min-height: 67px;
}
.varecatitemvegetar {
    min-height: 70px!important;
}
.cbp-vm-view-list .catitemslet:after {
    right: 16px;
}
.cbp-vm-view-list .leftcontentcheck{
  /*  margin-right: 34px; */
}
.cbp-vm-view-list .varecatitem {
    position: relative;
    width: 100%; 
    min-height: 60px;   
    border-bottom: 1px solid #C9C9C9;
    background: white;
}
.vareimg {
    height: 110px;
    overflow: hidden;
    width: 240px;    
}
.menuvareimg {
    height: 50px;
    overflow: hidden;
    width: 110px;    
    float: left;              
}
.menuvareimg.menugridview{
    height: 110px;
    overflow: hidden;
    width: 240px;   
    background: #fff;           
}
.menuitemimg{
    width: 100%;
    height: 100%;
}
.vareimgtop0 {
    position: relative;
    top: -110px;
}    
.vareimgtop1 {
    position: relative;
    top: -220px;
}    
.vareimgtop2 {
    position: relative;
    top: -330px;
}    
.vareimgtop3  {
    position: relative;
    top: -440px;
}    
.vareimgtop4  {
    position: relative;
    top: -550px;
}    
.vareimgtop5 {
    position: relative;
    top: -660px;
}    
.vareimgtop6  {
   position: relative;
   top: -770px;
}    
.vareimgtop7  {
    position: relative;
    top: -880px;
}    
.cbp-vm-view-list ul {
    background: #f4f4f4;
    border-radius: 3px;
}
.cbp-vm-view-list .varebund {
    height: 50px;
    width: 630px;
    min-height: 50px!important;
    background: none;
    /*overflow:hidden;*/
    border-radius: 3px;
}
.cbp-vm-view-list .vareimg {
    float: left;
    height: 50px;
    width: 100px;
}
.cbp-vm-view-list .vareimg img {
    width: 100%;
    height: 100%;
}
.cbp-vm-view-list .vareimgtop0 {
    top: -53px;
}
.cbp-vm-view-list .vareimgtop1 {
    top: -106px;
}
.cbp-vm-view-list .vareimgtop2 {
    top: -159px;
}
.cbp-vm-view-list .vareimgtop3 {
    top: -212px;
}
.cbp-vm-view-list .vareimgtop4 {
    top: -265px;
}
.cbp-vm-view-list .vareimgtop5 {
    top: -318px;
}
.cbp-vm-view-list .vareimgtop6 {
    top: -371px;
}
.cbp-vm-view-list .vareimgtop7 {
    top: -424px;
}
.varetitle {
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0;
    max-height: 28px;       
    text-align: left;
    width: 140px;
    max-width: 140px;
    overflow: hidden;
}
.varetags{
    clear: both;
    width: 60%;
    float: left;
    margin-bottom: 5px;
}

    .itemtype_cls{
    background-color:gray;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    height: 20px;
    width: 80px;
    font-size: 8px;
    /* font-weight: bold; */
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 75%);
    z-index: 501; 
    padding: 2px;
    }
    .cbp-vm-view-grid .varetags{
        display:none;
    }
    .cbp-vm-view-grid .overlay_container{
        position:relative;
        text-align: right; 
    }
    .cbp-vm-view-grid .overlay_tags{
        position: absolute;
        top: 8px; 
        right: 16px;
        width:50%;
    }
    .cbp-vm-view-grid .overlay_tags .foodtype{
     background-color:gray;
    border: medium none;
    border-radius: 3px 3px 3px 3px;    
    color: #FFFFFF;   
    font-size: 10px;
    /* font-weight: bold; */
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / 75%);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 1px rgb(0 0 0 / 75%);
    z-index: 501; 
    padding: 2px;
    line-height: 16px;
    }
.cbp-vm-view-list .varetitle {
   font-size: 14px;
   margin-bottom: 0 !important;
   width: 370px;
   max-width: 370px 
}
.varebund {
    background: none repeat scroll 0 0 #F4F4F4;
    /*background: none repeat scroll 0 0 white;*/
    float: left;
    height: 90px;
    padding: 5px 5px 0;
    width:100%;
    max-height: 90px;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    z-index: 5;
    border-radius: 3px;
}
.varebesk {
  /*  float: left;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 5px;
    max-height: 39px;
    min-height: 39px;
    overflow: hidden;
    text-align: left;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    width: 100%;
    z-index: 5; */
    float: left;
    font-size: 11px;
    height: 46%;
    line-height: 12px;
    margin-bottom: 5px;
    margin-top: 10px;
    max-height: 29%;
    max-width: 230px;
    min-height: 14px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    width: 100%;
    z-index: 5;
}
.varebesk:hover {
    max-height: 600px; 
   /* min-height: 39px;*/
    z-index: 16;  
    overflow: visible;         
/*    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s; */
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
}    
.varebund:hover {
       transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
}

.varebund:hover > .varetitle {
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    max-height: 124px;       
    text-align: left;
    width: 140px;
    overflow: visible;
}
.varebund:hover > .varebesk {
    overflow: visible;
    max-height: 600px; 
       transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
}
.cbp-vm-view-list .varebund:hover > .varetitle {
     max-width: 370px;
/*    min-height: 22px; */
    width: 370px;
}
.cbp-vm-view-list .varebund:hover > .varebesk {
     max-width: 370px;
/*    min-height: 22px; */
    width: 370px;
}
.varebund:hover {
    height: 100%;
    max-height: 600px;
/*    min-height: 90px;
    z-index: 6;     */
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
        -webkit-box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 40px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 40px rgba(0, 0, 0, 0.75); 
}
.varecatitem:hover {
    z-index: 10;
}    
.vareprisomr:hover > .varebesk , .vareaction:hover > .varebesk {
    max-height: 600px;
  /*  z-index: 6; */
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
}
.cbp-vm-view-list .varebesk {
 margin-top: 0px !important;
    max-width: 370px;
/*    min-height: 22px; */
    width: 370px;
}
.vareprisomr {
    float: left;
    width: 150px; 
}
.cbp-vm-view-list .vareprisomr {
    left: 0;
    width: 150px;
    margin-top: 0px;
    height: 20px;
}
.varepris {
    float: left;
    width: 100%;  
    text-align: left;
    line-height: 18px;
}
.varebesk > ul {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    list-style-type: disc !important;
}
.vareprisopr {
    float: left;
    width: 100%;  
    text-align: left;
    font-size: 11px;
    line-height: 11px;
    min-height: 0px;
}


.xxxvegetartip:before {
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #FFFFFF;
    content: "";
    display: inline-block;
    left: 40%;
    position: absolute;
    top: 35px;
}
.vegetartip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #6FB842;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 5px 10px #6FB842;
    padding: 7px;
    position: absolute;
    width: 240px;
}

.tip:before {
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #FFFFFF;
    content: "";
    display: inline-block;
    left: 40%;
    position: absolute;
    top: 35px;
}
.tip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 7px;
    position: relative;
    width: 85px;
}


.antal-qty-input {
    display: none;
    left: -2px;
    top: -65px;
}
.antal-qty-input input {
   font-size: 12px;
    height: 18px;
    float: left;
    line-height: 12px;
    padding: 0;
    position: static;
    text-align: center;
    width: 38px;
}


.vegetar-normal {
    float: left;
    width: 180px;
}

.vegetar-vegetar {
    float: left;
    width: 180px;
}

.vegetar-text {
    float: left;
    margin: 0 0 3px;
}
.vegetar-qty-input {
    display: none;
    left: 0;
    top: 70px;
}
.vegetar-qty-input input {
   font-size: 12px;
    height: 18px;
    float: right;
    line-height: 12px;
    padding: 0;
    position: static;
    text-align: center;
    width: 38px;
}
.cbp-vm-view-list .vegetar-qty-input {
    left: 500px;
    top: -40px;
}
.vegetar-buy-btn {
    background: none repeat scroll 0 0 #6FB842;
    border: 1px solid #6FB842;
    
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    position: absolute;
    right: 4px;
    text-indent: 0;
    top: 7px;
    width: 33px;
    position: static;
    padding: 3px;
    
    
}

.vare-qtyvegetar-input {
    display: none;
    left: -2px;
    top: -55px;
}
.vare-qtyvegetar-input input {
   font-size: 12px;
    height: 18px;
    left: 0;
    line-height: 12px;
    padding: 0;
    position: static;
    text-align: center;
    width: 38px;
}

.vegetar {
    background: #6FB842!important;
    border: 1px solid #6FB842!important;
}
.vare-qty-input {
    display: none;
    left: -2px;
    top: -65px;
}
.delbestantal_qty_input{
    display:none;
    position:absolute;
    height: 36px;
    top: -43px;
    left: -3px;
}
.vare-menu-qty-input{
    display: none;
    top: -50px;
    
}
.vare-qty-input input, .vare-menu-qty-input input, .antaldelt_qty_field {
   font-size: 12px;
    height: 18px;
    left: 0;
    line-height: 12px;
    padding: 0;
    position: static;
    text-align: center;
    width: 38px;
}
.multi-antal-btn, .extmulti-antal-btn {
    background: none repeat scroll 0 0 #0073bc;
    border: 1px solid #0073bc;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF!important;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    position: absolute;
    right: 4px;
    text-indent: 0;
    top: 7px;
    width: 33px;
    position: static;
    padding: 3px;
}

.multi_delbest_antal{
    float: right;
    height: 21px;           
    position: relative;    
    top: -2px;
    width: 28px; 
    padding: 3px;
    cursor: pointer;
}
.multi_delbest_antal:after{ 
    font-family: FontAwesome;
    color:#0073bc;
    content: "\f00c";
    font-size: 18px;
    position: absolute;
    top: -2px;
    right: 3px;
}
    

.multi-buy-btn, .multi-menu-buy-btn{
    background: none repeat scroll 0 0 #0073bc;
    border: 1px solid #0073bc;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF!important;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    position: absolute;
    right: 4px;
    text-indent: 0;
    top: 7px;
    width: 33px;
    position: static;
    padding: 3px;
    cursor:pointer;
}


.vareactionactive {
    background: none repeat scroll 0 0 #FFFFFF;    
}
.vareaction {
	background: inherit !important;
   /* background: none repeat scroll 0 0 #F4F4F4; */
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 25px;
    /*height: 45px;*/
    width: 80px;      
}
.cbp-vm-view-list .vareaction {
    background-color: #FFFFFF !important;
    float: right !important;
    text-align: center;
    width:auto;
}

.qty, .menu-qty {
    float: left;
    font-size: 14px !important;
    height: 15px !important;
    line-height: 14px;
    margin-bottom: 0 !important;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    width: 29px;
    margin-top: 5px;
    border-radius: 15px;
    padding-right: 1px;
}
.vareaction .qty{
	background-color: inherit !important;
}
.qty:hover, .menu-qty:hover, .antaldeltqty:hover{
    cursor: pointer;                            
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
    color:white;
    background: #0073bc!important;
    border-radius: 3px;
}


.qtyvegetar {
    float: left;
    font-size: 14px !important;
    height: 15px !important;
    line-height: 14px;
    margin-bottom: 0 !important;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    width: 35px;
    margin-top: 5px;
}
input.vegetar { 
    background-color: #6fb842;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 15px;
    width: 15px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}


.qtyminus[disabled] {
    opacity: 0.3;
    cursor:default;
    pointer-events:none;
}
.qtyminusvegetar[disabled] {
    opacity: 0.3;
}
.qtyplus[disabled] {
    opacity: 0.3;
}
.qtyplusvegetar[disabled] {
    opacity: 0.3;
}
.addtobasket[disabled] {
    opacity: 0.3;
}

.cbp-vm-view-list .vegetar {
    float: right;
    margin-bottom: 2px;
    margin-right: 6px;
}
input.qtyplusvegetar { 
    background-color: #6fb842;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    cursor: pointer;
    font-size: 11px;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
input.qtyminusvegetar { 
    background-color: #6fb842;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    margin-left: 5px;
    clear: right;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
input.qtyplus, #menu-qty-plus { 
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
#menu-qty-plus, #menu-qty-minus{
    font-size: 11px!important;    
}

input.qtyminus, #menu-qty-minus { 
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    margin-left: 5px;
    clear: right;
    
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    
}
div.qtyminus{
    float: left;
    font-size: 11px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-top: 4px;
    margin-left: 6px;
    clear: right;
}
div.qtyplus{
    float: left;
    font-size: 11px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin-top: 4px;
    clear: right;
}

div.qtyminus:after, .antaldeltqtyminus:after{
    font-family: FontAwesome;
    content: "\F068";
    color: #0073BC;
    font-size: 17px;
}

div.qtyplus:after, .antaldeltqtyplus:after{
    font-family: FontAwesome;
    content: "\F067";
    color: #0073BC;
    font-size: 17px;
}                                      

.antaldeltqtyplus:hover:after, .antaldeltqtyminus:hover:after, div.qtyplus:hover:after, div.qtyminus:hover:after{
    font-size: 20px;
}
/*
.antaldeltqtyminus, .antaldeltqtyplus{
    float: left;
    font-size: 11px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    clear: right;   
} */
.antaldeltqty{
    
    float: left;
    font-size: 11px;
    height: 15px !important;
    line-height: 14px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 2px;
    text-align: center;
    width: 29px;
    border-radius: 15px;
    margin-top: 5px;
    background-color: rgb(179, 213, 235);
    
}                 
.buttonholder{
    position: relative;
}

input.antalplus, input.extantalplus, input.qtyplus, .antaldeltqtyminus, .antaldeltqtyplus { 
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor:pointer;
    float: left;
    font-size: 11px;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    padding-right: 6px!important;
    padding-left: 5px!important;
    padding-bottom: 1px!important;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.kurvitemedit{
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    cursor: pointer;
    padding-top: 2px;
    padding-right: 2px;
    height: 15px;
    margin-left: 4px;
    width: 15px !important;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    /*box-shadow: ;*/
}
input.antalminus,input.extantalminus { 
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor:pointer;
    float: left;
    font-size: 11px;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    margin-left: 5px;
    padding-bottom: 2px!important;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
.hidden {
    display: none !important;
}
.disabledbutton {
    background: none repeat scroll 0 0 #E3E3E3 !important;
    color: #B1B1B1 !important;
    cursor: default !important;
    pointer-events: none;
}
.enablebutton{
    background: none repeat scroll 0 0 #0073bc !important;
    color: #ffffff !important;
    cursor: default !important;
    
}
#scrollUp {
    bottom: 20px;
    right: 20px;
    background: #0073bc;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    text-decoration: none;
    opacity: 1;
    padding: 10px 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    transition: background 200ms linear;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
#scrollUp:hover {
    color: #f0f0f0;
}
.headeradmin {
    color: black;
    margin-right: 5px;
    text-decoration: none;
}

.headerlogout:after, .exitshop:after {
    color: #0073BC;
    content: "\f08b";
    font-family: 'fontawesome';
    margin-left: 7px;
}
#infoboks {
    /*background: none repeat scroll 0 0 #ed1944;
    'border-radius: 3px;
    'height: 100%;
    'width: 100%;
    /*
    margin-bottom: 20px;
    */ /*
    'margin-bottom: -30px;
    'margin-top: 40px;
    'padding: 5px;
    'position: relative;
    'float: left; */

    border-radius: 3px;
    width: 100%;
    margin-bottom: -30px;
    padding: 5px;
    position: relative;
    float: left;
    
}
#infoboks:before {
    border-left: 7px solid #FFFFFF;
    border-right: 7px solid #FFFFFF;
    border-top: 8px solid #ed1944;
    display: inline-block;
    left: 29%;
    overflow: visible;
    position: absolute;
    top: 100%;
}
.infoheader {
    color: #000;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 8px;
   
    
}
.infosubheader, .infosubheader1, .infotext, .infotext1 {
    color: #000;
    font-size: 11px;
    margin-bottom: 0px;
}

#antalboks {                                                                              
    background: none repeat scroll 0 0 #0073bc; 
    margin-bottom: 20px;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    display: none;
    color: white;
    float: left;
}
.antalheader {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 8px;
    width: 100%;
    float: left;
}
.antalcontent {
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}
.antalaction {
    float: left;
    height: 20px;
    text-align: right;
    width: 48%;
    background: white; 
    border-radius: 2px 2px 2px 2px;
    height: 28px;  
    padding: 2px 5px; 
}
.antalactiongodkend {
    float: left;
    height: 20px;
    text-align: right;
    width: 91px;
    background: white; 
    border-radius: 3px 3px 3px 3px;
    height: 28px;  
    padding: 0 5px; 
    border: 1px solid #cccccc;
}
.antal {
    float: left;
}
.antalnbr {
    font-size: 12px !important;
    height: 20px !important;
    margin: 0 !important;
    text-align: center;
    width: 40px;
    
}
#kurvknapper {
    float: left;
    width: 182px;
}
/** BRUGES I SHOP **/
#kurv {
    border-radius: 5px;
    float: left;
    /*height:1024px;*/
    height:100%;
    width: 445px;
}
.kurvcontainer{
    float: left;
    width: 299px;
    padding-right: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
    height:auto;
}
.privatekurvcontainer{
    float: left;
    height:auto;
}
#packagecontainer{
    float: left;
    width: 280px;
    padding: 8px;
    padding-top: 0px;
    border-radius: 5px;
    height: auto;
}
#packagecontainerkurvbig{
    float: left;
    width: 100%;
    border: solid #0073BC;
    border-radius: 5px;
    margin-top: 10px;
    
}
.packageitemnavn{
    float: left;
    min-height: 17px;
    line-height: 14px;
    overflow: hidden;
    font-weight: 600;
    margin-left: 6px;
    width: 228px;
}
.packageitempriceareal{
    float: right;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 110px;
    padding-right: 5px;
    text-align: right;
}
#packagecontainerheadertext{
    background: #0073BC;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 33px;
    padding-left: 10px;
    width: 100%;
    float: left;
    font-weight: bold;
    border-radius: 5px;
}
#packagecontainerheadertextkurvbig{
    background: #0073BC;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 33px;
    padding-left: 10px;
    width: 100%;
    float: left;
    font-weight: bold;    
}
.kurvheader {
    background: none repeat scroll 0 0 #E3E3E3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #000000;
    font-size: 14px;
    height: auto;
    line-height: 33px;
    padding: 0;
    width: 100%;
}
.kurvheadertekst, .kurvheadertekst1, .kurvheadertekst2, .kurvheadertekst3 {
    padding-left: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
}
.kurvheadertekst{
    padding-top: 8px;
}

.kurvtotal {
    float: right;
    margin-right: 10px;
}
.kurvbetalt{
    float: right;
    margin-right: 10px;
}
.kurvmangler {
    float: right;
    margin-right: 10px;
}
.kurvstatus {
    display: none;
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;
    padding: 0;    
    float: left;
    width: 100%;
}
.kurvstatussmall {
    display: none;
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;
    padding: 8px;    
    float: left;
    width: 100%;
}
.kurvstatusfinal {
    display: none;
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;
    padding: 8px;    
    float: left;
}
.kurvstatustotal {
    width: 100%;
    float: left;
    margin-top: 5px;
    padding: 8px;
}
.kurvstatustotal > span {
    float: left;
    font-size: 11px;
}
.delbestilling {                                                               
    float: left;
    width: 100%;
    background: rgb(244, 244, 244);
    margin-bottom: 15px;
    border-radius: 5px;
}

.delbestillingkurvbig{
    float: left;
    width: 98%;
    margin: 8px;
    background: rgb(244, 244, 244);
    border-radius: 5px;
}
.delbestknap {
    float: left;
    margin-top: 10px;
    width: 100%;

}
.delbestheaderknap {
    width: 140px!important;
    margin-left: 8px!important;
    background: #0073BC;
    color: #ffffff;
    cursor: pointer;
    border: 5px none;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
.delbestheaderknaptext {
    font-size: 11px;
}
.daypackageknap{
    width: 140px!important;
    margin-left: 8px!important;
    background: #0073BC;
    color: #ffffff;
    cursor: pointer;
    border: 5px none;
    text-align: center;
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}
.copydelbest{
    display:none;
    height: 10px;
    width: 10px;
    margin-left: 159px;
    position: fixed;
    margin-top: 10px;
    cursor: pointer;
}
.copydelbest:after{
    font-family: 'fontawesome';
    content: "\f055"; 
    float: right;     
    color: black;
}
.delbestlocked{               
    background: #e3e3e3!important;
    color: #b1b1b1!important;

}
.delbestlocked:before{
    content: "\f023"!important;                                 
}                            
                     
.delbestlockedtextxxx:after{
    font-family: 'fontawesome';
    content: "\f023";
    margin-left: 10px;

}

.delbestheaderknapaktiv {
    width: 140px!important;
    margin-left: 8px!important;
    background: #0073BC;
    color: #ffffff;
    cursor: pointer;
    border: 5px none;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    
    box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
    
}
.pakkeafterelement:before, .delbestheaderknapaktiv:before{
    
    font-family: 'fontawesome';
    content: "\f060";             
    float: left;
}
.delbestheaderknapaktiv:before{
    margin-top: 10px;
    margin-left: 5px;;
}
.pakkeafterelement{
    position: absolute;
    top: 40%;
    margin-left: 5px;
}
.dagspakkeaktiv {
    width: 140px!important;
    margin-left: 8px!important;
    background: #0073BC;
    color: #ffffff;
    cursor: pointer;
    border: 5px none;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.4);
    
}
.dagspakkeaktiv:before{
    
    font-family: 'fontawesome';
    content: "\f060";             
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}

.delbestheaderknapaktivlocked:before{
    
    font-family: 'fontawesome';  
    content: "\f060";
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}


.delbestheaderfolded {
    background: none repeat scroll 0 0 #90beda!important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.delbestheader, .kurvbigdelbestheader {
    background: none repeat scroll 0 0 #0073BC;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    padding: 0;
    width: 100%;
    float: left;
}
.packagedelbestheader{
    font-size: 21px;
    font-weight: bold;
    padding: 5px;
    color: #0073BC;
    border-bottom: solid;
    margin-bottom: 5px;
}

.delbestheadertext {
    padding: 8px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    /*text-align: center;*/
}
.delbestpackageheadertext {
    padding: 4px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}
.delbestpackageheadertext:before{
    font-family: FontAwesome;
    content: "\f13a";
    font-size: 15px;
    margin-right: 7px;
    margin-left: 2px;
    float: left;
    color: #0073BC;
}

.kurvbigdelbestheadertext {
    padding: 8px;
    margin: 0px;
    float: left;
    font-size: 18px;
    width:93%
}
.delbestheadertext:after, .kurvbigdelbestheadertext:after {
    font-family: 'fontawesome';
    margin-left: 10px;
    float: right;
}
.delbestheaderknaptext {
    padding: 8px;
    padding-left: 15px;
    margin: 0;
    padding-right: 15px;
}
.delbestheaderknaptext:after{
    font-family: 'fontawesome';
    margin-left: 10px;
    float: right;
}
.delbestinfo {
    background: none repeat scroll 0 0 #F4F4F4;
    float: left;
    width: 100%;
}
.packagedelbestinfo {
    float: left;
    width: 100%;
}
.delbestinfotext, .packagecontainerheaderinfotext {
padding: 8px;
    float: left;
    line-height: 1.5;
    font-size: 12px;
    width: 68%;
    margin: 0;
    min-height: 75px;
}

.isdaypackageknap{
    width: 140px!important;
    margin-left: 8px!important;
    background: #0073BC;
    color: #ffffff;
    cursor: pointer;
    border: 5px none;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);

} 
.packagedelbestinfotext{
    padding: 8px;
    float: left;
    width: 100%;
    margin: 0;
    font-size: inherit;
}
.packagekurvbigdelbestinfotext{
    padding: 8px;
    float: left;
    width: 50%;
    margin: 0;
    font-size: inherit;
}
.packagekurvreason{
    padding: 8px;
    float: left;
    width: 95%;
    height: auto;
}
.packagekurvbigcomment, .packagekurvbigreason, .packagekurvbigreasontext, .packagekurvbigtcommenttext{
    padding: 3px;
    font-size: inherit;
}
.packagekurvbigreasontext, .packagekurvbigtcommenttext{
    font-weight: bold;
}
.packagetextholderkurvbig{
    height: auto;
    width: 50%;
    float: right;
}
.kurvbigdelbestinfo {
    background: none repeat scroll 0 0 #F4F4F4;
    float: left;
    width: 100%;
}
.kurvbigdelbestinfotext {
    padding: 8px;
    float: left;
    width: 80%;
    margin: 0;
    min-height: -21px;
}
 .kurvbigdelbestfooter{
    background: none repeat scroll 0 0 #c4c4c4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #000000;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    padding: 0;
    width: 100%;
     
 }    
.delbestfooter, .packagefooter {
    background: none repeat scroll 0 0 #c4c4c4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #000000;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    padding: 0;
    width: 100%;
    float: left;
}
.delbestfootertext, .packagefootertext {
    padding: 8px;
    margin: 0;
}
.kurvbigdelbestfootertext {
    float: right; 
    margin-right: 8px;
    padding: 1px;
}


.topborder
{
    border-top: 1px solid #AAAAAA
}
.doublebottomborder {
    border-bottom: 3px double #AAAAAA
}
.amount {
    float: right !important;
}
.kurvitems, .kurvbigitems {
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;    
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 8px;
    padding-bottom: 4px;
    clear: both;
    font-size: 11px;
}
.kurvitems ul {
    margin: 0;
    padding: 0;
}
.kurvbigitems ul{
    margin: 0;
    padding: 0;
    background: white;
    margin-bottom: 5px;
    margin-top: 5px;
}
.kurvitem {
    /*background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    display: table;
    list-style-type: none;
    margin-bottom: 5px;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;*/
        
    background: white;
    border-radius: 5px;
    display: table;
    list-style-type: none;
    margin-bottom: 5px;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 1px 1px 1px 1px #E0E0E0;
    width: 100%; 
    
    
}

.kurvitemnavn {
    float: left;
    min-height: 17px; 
    line-height: 14px;
    max-width: 185px;
    overflow: hidden;    
    /*text-overflow: ellipsis;*/
    font-weight: 600;
/*    text-overflow: clip; */
    /*white-space: nowrap;*/
    width: 173px; 
}
.kurvitemnavn.ismenu{
    cursor:pointer;
}

.ismenu:after{
    font-family: FontAwesome;
    content: "\f13a";
    font-size: 15px;
    margin-right: 7px;
    margin-left: 2px;
    float: left;
    color: #0073BC;
}
#menulist{
    display: none;
    position: sticky;
    width: inherit;
    z-index: 0;
    left: 0;
    margin-top: 10px;
    
}
/*.catitemslet{
    background-color: white;
    border: medium none;
    float: right;
    font-size: 10px;
    cursor: pointer;
    height: 15px;
    margin-right: 6px;
    width: 15px;                                         
}

.catitemslet:after{
    font-family: FontAwesome;
    content: "\F00D";
    position: absolute;
    right: 11px;
    font-size: 17px;
    color: #ed1944;
} */
/*
.delbestslet:hover:after{
    font-size: 28px;
}
.delbestcopy:hover:after{
    font-size: 28px;
}
.delbestedit:hover:after{
    font-size: 28px;
}
.catitemslet:hover:after{
     font-size: 20px;
} */

.kurvitemslet, .catitemslet {
    background-color: #ed1944;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    cursor: pointer;
    height: 15px;
    margin-right: 6px;
    width: 15px !important; 
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.cbp-vm-view-list .catitemslet {
	margin-right: 0px;
}
.kurvbigitemslet {
    background-color: #ed1944;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    cursor: pointer;
    height: 15px;
    /*margin-right: 6px;*/
    margin-top: 0;
    width: 15px !important;  
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.kurvbigitems {
    background-color: #f3f3f3; 
}
.kontaktslet {
    background-color: #ed1944;
    cursor:pointer;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    height: 15px;
    margin-right: -18px;
    margin-top: 5px;
    width: 15px !important;  
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.kurvitempriceareal {
    clear: left;
    float: left;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 110px
}
.kurvitemprice {
    
}
.kurvitempricetotal {
    
}
.kurvitemaction, #kurvitemaction {
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 20px;
    /*margin-top: 15px;*/
    text-align: right;
    width: 80px;
}
.kurvitemactionprivate{
    float: right;
    text-align: right;
    width: 80px;
}
#kurvitemaction{
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 20px;
    text-align: right;
    width: 80px; 
}
.kurvitemqty {
    font-size: 12px !important;
    height: 20px !important;
    margin: 0 !important;
    text-align: center;
    width: 40px;
    
}
.kurvqty {
    font-size: 11px !important;
}
.kurvqtyvegetar {
    font-size: 11px !important;
}
.antalqty, .extantalqty {
    float: left;
    font-size: 14px !important;
    height: 15px !important;
    line-height: 14px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 5px;
    text-align: center;
    width: 35px;
    color: black;
}
p {
    margin: 0 0 10px;
}
.anvenddefaultbutton:after{
    font-family: FontAwesome;
    content: "\f0c0";
    font-size: 21px;
    position: absolute;
    top: 10px;
    left: 26px;
}
.anvendantal:after{
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 21px;
    position: absolute;
    top: 10px;
    left: 26px;                        
}
.anvenddefaultbutton, .anvendantal {
    float:right;
    margin-left: 36px;
    margin-top: 14px;
    background: none repeat scroll 0 0 #0073BC;
    white-space: normal;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 30px;
    line-height: 10px;
    padding-left: 10px;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    width: 70px;
}
.kurvgodkend {
    background: none repeat scroll 0 0 #6FB842;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: right;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);  
    width: 140px;
}
.kurvgodkendprivate{
    background: none repeat scroll 0 0 #6FB842;
    border-radius: 3px;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    position: relative;
    margin: 20px;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.fortsatshopprivate{
    background: none repeat scroll 0 0 #6FB842;
    border-radius: 3px;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    width: 40%;
    position: relative;
    margin: 20px;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.kurvgodkend:after, .kurvfinal:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}


.fortsatshop{
    background: none repeat scroll 0 0 #6FB842;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    margin-left: 10px;
    position: relative;
    cursor:pointer;
    float: left;
    left: 12px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);  
    width: 140px;     
    display:none; 
}
.fortsatshop:after{
    font-family: 'fontawesome';
    margin-left: 10px;
}
#jegvandt, #jegtabte{
    background: none repeat scroll 0 0 #6FB842;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    margin: 10px;

    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);  
    width: 140px;     
}
.kurvfinal{
    background: none repeat scroll 0 0 #6FB842;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;
    margin-left: 18px;

    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: right;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);  
    width: 140px;     
    display:none; 
}


.kurvgodkendbig {
    margin-top: 9px;
}
.kurvbig {
    border-radius: 3px;
    background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    float: left;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    width: 199px;
}
.kurvbig:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}
/*
.kurvfinal {
    clear: both;
    border-radius: 3px;
    background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    width: 199px;
    display:none;
}
.kurvfinal:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}  
*/
.kurvfinalx {
    clear: both;
    border-radius: 3px;
    background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    right: 0;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
    width: 250px;    
    float: right;
}
.kurvfinalx:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}

.bigtomkurv {
    background: none repeat scroll 0 0 #E3E3E3;
    border: 5px none;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #000000;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    padding-left: 10px;
    position: relative;
    right: 0;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
bigtomkurv:after {
    font-family: 'fontawesome';
    content: "\f014";
    margin-left: 10px;
}
.tomkurv {
    background: none repeat scroll 0 0 #E3E3E3;
    border: 5px none;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    width: 199px;
}
.tomkurv:after {
    font-family: 'fontawesome';
    content: "\f014";
    margin-left: 10px;
}
.nydelbestilling {
    background: none repeat scroll 0 0 #ffa500;
    border: 5px none;
    border-radius: 3px 3px 3px 3px;
    color: #ffffff;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 10px;
    position: relative;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    width: 140px;
}
.nydelbestilling:after {
    font-family: 'fontawesome';
    content: "\f055";
    margin-left: 10px;
}

.deltomkurv:after {
    font-family: 'fontawesome';
    content: "\f056";
    margin-left: 5px;
}
.deltomkurv {
    background-color: #f5a019;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 15px;
    height: 20px;
    margin-right: 6px;
    width: 20px !important; 
    padding-top: 2px;
    display: inline-block;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}

.delbestsletkurvbig:after, .daypackageslet:after, .daypackagesletkurvbig:after, .delbestsletprivate:after, .delbestslet:after {
    
    font-family: 'fontawesome';
    content: "\f014";
    margin-left: 5px;
}
/*
.delbestslet{
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    color: #FFFFFF;
    float: right;
    font-size: 15px;
    height: 20px;
    margin-right: 11px;
    width: 20px !important;
    padding-top: 2px;
    display: inline-block;
    margin-top: 5px; 
}

.delbestslet:after{
    font-family: 'fontawesome';
    content: "\f014";
    margin-left: 5px;
    color: white;
    font-size: 25px;
} */

.delbestsletkurvbig, .daypackageslet, .daypackagesletkurvbig, .delbestsletprivate, .delbestslet {
    background-color: #ed1944;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    color: #FFFFFF;
    float: right;
    font-size: 15px;
    height: 20px;
    margin-right: 6px;
    width: 20px !important; 
    padding-top: 2px;
    display: inline-block;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
.delbestedit:after, .daypackageedit:after {
    
    font-family: 'fontawesome';
    content: "\f040";
    margin-left: 5px;
    /*font-size: 25px;
    color: #0073bc;*/
}
.kurvitemedit:after{
    font-family: 'fontawesome';
    content: "\f040";
    
}
.daypackagecopy:after, .delbestcopy:after {
    font-family: 'fontawesome';
    content: "\f055";
    /*color: #0073bc;
    font-size: 25px;*/
}
.daypackagecopy, .delbestcopy {
    background-color: #0073bc;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 15px;
    cursor: pointer;
    height: 20px;
    margin-right: 3px;
    width: 20px !important; 
    text-align: center;
    padding-top: 2px;
    display: inline-block;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
.delbestedit, .daypackageedit {
    background-color: #0073bc;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 15px;
    cursor: pointer;
    height: 20px;
    margin-right: 11px;
    width: 20px !important; 
    padding-top: 2px;
    display: inline-block;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
.daypackageedit{
    margin-right: 5px;
}
.delbesteditkurvbig {
    background-color: #0073bc;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 15px;
    cursor: pointer;
    height: 20px;
    margin-right: 15px;
    width: 20px !important; 
    padding-top: 2px;
    display: inline-block;
    margin-top: 5px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
.delbesteditkurvbig:after {
    
    font-family: 'fontawesome';
    content: "\f040";
    margin-left: 5px;
}
#kortlogoer {
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;
    float: left;
    margin-bottom: 25px;
    width: 100%;
    display: none;
    
}
.Betalingsmuligheder {
    margin: 8px;
}
#kontaktos {
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;
    float: left;
    margin-bottom: 25px;
    width: 100%;
    display: none;  
}
#betingelser {
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;
    float: left;
    margin-bottom: 25px;
    padding: 8px;
    width: 100%;
    cursor: pointer;
}

.betingelser_header:before {
    color: white;
    content: "\f02d";
    font-family: 'fontawesome';
    margin-right: 10px;
}
#betingelser > span:after {
    color: #0073BC;
    content: "\f02d";
    font-family: 'fontawesome';
    margin-left: 3px;
}
.addkontakt {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.addkontakt:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}
#kontaktpersoner, #externinvoice {
    background: #f4f4f4;    
    border-radius: 3px;
    float: left;
    margin-bottom: 20px;
    padding: 15px 15px 15px;
    width: 100%;    
}
#kp_rekv_anledning{
    width: 735px;
}
    
#accountinfo, #accountinfoother {
    background: #f4f4f4;    
    border-radius: 3px;
    float: left;
    margin-bottom: 20px;
    padding: 15px 15px 15px 15px;
    width: 100%;    
}
#invmail {
    background: #f4f4f4;    
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 10px 0px 0px;
    width: 100%;    
}
.kpaccountinfo, #kpanledning{
    border-radius: 3px;
    float: left;
    margin-bottom: 20px;
    padding: 15px 5px 5px;
    width: 60%;        
}
#cphansv{
    border-radius: 5px;
    margin-right: 5px;
	font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
}
#kpean{
    border-radius: 5px;
    margin-right: 5px;
}
#kpaccountlabel, #kpanledninglabel{
    margin-bottom: 5px;
}

#kpaccountlabel:after, #kpanledninglabel:after{
    font-family: 'fontawesome';
    content: "\f0d7";
    margin-left: 10px;
}
#accountanledninginputholder{
    width: 745px;
    padding: 10px;
    border: .5px solid grey;
    border-radius: 5px;
}
#accountinputholder{
    width: 745px;
    height: 73px;
    padding: 10px;
    border: .5px solid grey;
    border-radius: 5px;
}
.invoiceinfo {
	width: 120px;
	float: left;
}	
.kp_title {
    color: #0073bc;
    margin-bottom: 5px;
}
.kp::placeholder{
    color:red;
}
.kp_title_private{
    font-size: 25px;
    margin-left: -30px;
}
.kp_title:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    margin-left: 10px;
}
.kp_row {
    margin-bottom: 5px;
    float: left;
}
.kp_fullname {
    width: 210px;
    background: white;
    border-radius: 3px;
    line-height: 30px;
    margin-right: 7px;
}
.defus_fullname {
    width: 210px;
    background: white;
    border-radius: 3px;
    line-height: 30px;
    margin-right: 7px;
}
.defus_phone {
    width: 125px;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.defus_cbssted, .defus_kpsted, .defus_kpalias, .defus_rekvsted, .defus_rekvalias{
    width: 110px;
    background: white;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 30px;
}
.defus_sag5 {
    width: 120px;
    background: white;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 30px;
}
.defus_ini5 {
    width: 75px;
    background: white;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 30px;
}
.defus_cbsundersted {
    width: 110px;
    background: white;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 30px;
}
#defus_cbseannumber {
    width: 139px;
    background: white;
    margin-right: 20px;   
}

.defus_cbssag {
    width: 110px;
    background: white;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 30px;
}
.defus_cbsanalyse {
    width: 110px;
    background: white;
    border-radius: 3px;
    margin-right: 5px;
    line-height: 30px;
}
.defus_clear {
	clear: both;
}
.defus_mar10px {
	margin-top: 10px;
}
.defus_left20px {
	padding-left: 20px;
}
.defus_110px {
	width: 111px;
    color: #0073BC;
    margin-right: 5px;
}
.defus_135px {
	width: 135px;
    color: #0073BC;
    margin-right: 5px;
}
.defus_email {
    width: 260px;
    background: white;    
    border-radius: 3px;
    line-height: 30px;
}
.kp_firstname {
    width: 110px;
    background: white;
    border-radius: 3px;
    line-height: 30px;
    margin-right: 7px;
}
.kp_lastname {
    width: 165px;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.kp_phonecontry {
    width: 47px;
    background: white;
    border-radius: 3px;
    margin-right: 7px;
    line-height: 30px;
}
.kp_phonenbr {
    width: 125px;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.kp_email {
    width: 260px;
    background: white;    
    border-radius: 3px;
    line-height: 30px;
}
.kp_emailbig {
    width: 260px!important;
}
#otherpaybyean {
    margin-top: 8px;
	margin-left: 20px;
	float: left;
}
#otherpaybyeanlabel {
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 21px;
	float: left;
}	
#otherpayer {
	margin-bottom: 10px;
}
.other_phone {
    width: 125px;
	float: left;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.other_email {
    width: 250px;
	float: left;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.other_firmanavn {
    width: 400px;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.other_pers {
    width: 400px;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.other_cvr {
    width: 75px;
	float: left;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.other_ean {
    width: 130px;
	float: left;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
input[name="other_ean"]:disabled {
	color: white;
}
.other_adr {
    width: 400px;
	float: left;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.other_zip {
    width: 75px;
	float:left;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
.other_city {
    width: 300px;
	float: left;
    background: white;
    border-radius: 3px;
    margin-right: 26px;
    line-height: 30px;
}
#leveringsdetaljer {
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px 3px 3px 3px;
    color: black;
    float: left;
    padding-bottom: 4px;
    /*margin-bottom: 20px;*/    
    width: 100%;
}
#orderinformationer {
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px 3px 3px 3px;
    color: black;
    float: left;
    padding-bottom: 4px;
    margin-bottom: 20px;
    width: 100%;
}
.oi_title {
    color: #0073bc;
    margin-bottom: 5px;
}
.oi_title:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    margin-left: 10px;
}

.ld_title {
    color: #0073bc;
    margin-bottom: 5px;
}
.ld_title:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    margin-left: 10px;
}
.ld_left {
    float: left;
    width: 264px;
}

.ld_left_line {
    margin-bottom: 10px;
    clear: both;
}
.ld_right {    
    float: right;
    width: 440px;
    height: 425px;
}
.ld_kantine {
    width: 255px;
}
.ld_tidspunkt {
    width: 92px 
}
.ld_kommentartitle {
    float: left;
    width: 83px;
}
.oi_reason{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 30px;
    margin-bottom: 5px;
    width: 100%;   
}
.oi_reason_area, .extld_reason_area {
    border: medium none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    height: 100%;
    width: 100%;
}
.oi_kommentar {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 170px;
    margin-bottom: 5px;
    width: 100%;   
}
.oi_kommentar_area, .extld_kommentar_area, .package_extld_kommentar_area {
    border: medium none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    height: 100%;
    width: 100%;
}
.ld_reason{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 30px;
    margin-bottom: 5px;
    width: 100%;   
}
.ld_reason_area, .extld_reason_area {
    border: medium none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    height: 100%;
    width: 100%;
}
.ld_kommentar {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 185px;
    margin-bottom: 5px;
    width: 100%;   
}
.ld_kommentar_area, .extld_kommentar_area {
    border: medium none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    height: 100%;
    width: 100%;
}
.ld_deltagere {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 185px;
    width: 100%;   
}
.ld_deltagere_area, .extld_deltagere_area, .daypackage_extld_deltagere_area, .daypackage_extld_kommentar_area, .daypackage_extld_anledning_area {
    border: medium none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 3px;
    height: 100%;
    width: 100%;
}

.package_extld_kommentar_area{
    float:right;
}

.kvit_title {
    border-bottom: 1px solid #0073BC;
    color: #0073BC;
    float: left;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%
}
#kvit_payment_title{   
    border: 1px solid #0073BC;
    line-height: 21px;
    border-radius: 5px;
    width: 95%;
    color: #fff;
    margin-left: 25px;
    padding: 5px;       
    background: #0073BC;
}

.kvit_titlexx:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    margin-left: 10px;
}
.kvit_print, .accept_changes, #saveAsPDF{
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
}
#saverekv{
    height: 100px;
    font-size: 14px;
    line-height: 100px;
    background-color: #6FB842;  
    color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    cursor: pointer;
    float: right;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    margin: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75)
}
#uploadbutton, #downloadTemplate{
    height: 40px;
    line-height: 40px;
    background-color: #0073bc; 
    color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    cursor: pointer;
    float: right;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    margin: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75)
}
#addRow, #removeRow{
    background: none repeat scroll 0 0 #FFA500;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    margin: 10px;    
    margin-top: 35px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);
}
#accept_changes{
    margin-right: 10px;    
    background: none repeat scroll 0 0 #6FB842;

}

.kvit_od_title {
    color: black;
    margin-bottom: 5px;
    margin-top: 15px;
    float: left;
    width: 100%;
    font-weight: 700;
}
.kvit_ordredetaljer {
    border: 1px solid #0073BC;
    float: left;
    width: 95%;
    margin-left: 25px;
    margin-bottom: 5px;
    border-radius: 9px;
    background: #f8f8f8;  
    display: block;
    /*page-break-before: always; */
}
.kvit_ordredetaljerlocked{
    border: 1px solid #0073BC;
    float: left;
    width: 100%;
    border-radius: 9px;
    background: #f8f8f8;  
    display: block;
}
    
.kvit_ld_title {
    color: black;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 100%;    
    font-weight: 700;
}
.kvit_leveringsdetaljer {
    border-top: 1px solid #F1F1F1;
    float: left;
    width: 100%;    
}
.kvit_kp_title {
    color: black;
    margin-bottom: 5px;
    margin-top: 15px;
    float: left;
    width: 100%; 
    font-weight: 700;   
}
.kvit_kontaktpersoner {
    border-top: 1px solid #F1F1F1;
    float: left;
    width: 100%;    
}
.kvit_accountinfo {
    border-top: 1px solid #F1F1F1;
    float: left;
    width: 100%;    
}
.kvit_ov_title {
    color: black;
    margin-bottom: 5px;
    margin-top: 15px;
    float: left;
    width: 100%; 
    font-weight: 700;     
}
.kvit_oversigt{
    border-top: 1px solid #F1F1F1;
    float: left;
    width: 100%;    
}
.kvit_kontakt {
    border-top: 1px solid #F1F1F1;
    float: left;
    width: 100%;    
    border-bottom: 1px solid #F1F1F1;
}
.kvit_tofront, .saveusersetting, #kvit_tofront_defaultaccount, #kvit_tofront_bestlist {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px; 
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.kvit_left {
    float: left;
}
.kvit_right {
    float: right;
}
.kvit_grey {
    background: none repeat scroll 0 0 #F3F3F3;
}    
/* jquiry ui css */
.ui-dialog .ui-dialog-titlebar {
    background: none repeat scroll 0 0 #0073BC;
    color: #FFFFFF;
    /*padding: 0.4em 1em;*/ 
    *position: relative;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.ui-dialog .ui-dialog-buttonpane button {
    background: none repeat scroll 0 0 #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    height: 40px;
    width: 120px;
    margin: 0.5em 0.9em 0.5em 0;
    
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}

.kp-dialog-gruppe {
    float: left;
}
.kp-dialog-fornavn {
    float: left;
    width: 100%
}
.kp-dialog-fornavn > p {
    float: left;
    width: 30%;
}
#firstname {
    width: 246px;
}
.kp-dialog-efternavn {
    float: left;
    width: 100%    
}
.kp-dialog-efternavn > p {
    float: left;
    width: 30%;
}
#lastname {
    width: 246px;
}
.kp-dialog-telefon {
    float: left;
    width: 100%    
}
.kp-dialog-telefon > p {
    float: left;
    width: 30%;
}
#tlfland {
    width: 60px;
}
.kp-dialog-email {
    float: left;
    width: 100%
}
.kp-dialog-email > p {
    float: left;
    width: 30%;
}
#email {
    width: 246px;
}
.ko_varenavn {
    display: inline-block;
    float: left;
    height: 100%;
    min-width: 349px;
    width: 349px;
}
.ko_stykpris {
    float: left;
    height: 100%;
    text-align: right;
    width: 120px;
}
.ko_antal {
    float: left;
    height: 100%;
    text-align: right;
    width: 80px;
}
.ko_subtotal {
    float: left;
    height: 100%;
    text-align: right;
    width: 150px;
}
.ko_header {
    font-weight: 700;
    height: 14px;
}
.kvit_oversigt li {
    border-bottom: 1px solid #E1E1E1;
    height: 23px;
}
.kvit_oversigt ul {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
}
.kursstatusinfo {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
    border-radius: 3px;    
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #ed1944;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    width: 15px;
}
  .ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: black;
    border-radius: 5px;
    font-size: 11px;

    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 25px;
    top: -25px;
    width: 25px;
    height: 25px;
    background: white;
    box-shadow: 6px 5px 9px -9px white; 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
#epay_paymentcollection {
    background: none repeat scroll 0 0 #0073BC;
    border-bottom: medium none;
    color: #FFFFFF;
    margin: 0;
}
  
#epay_content {
    margin-top: 7px;
    overflow: hidden;
    padding: 0;
    width: 750px;
}

/* The CSS */
select {
    padding:5px;
    margin: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: #ffffff;
    color:#000;
    border: 1px solid #CCCCCC;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.selectbox label {position:relative}
.selectbox:not(.disabled) label:after {
    /*color: #FFFFFF;*/
    color:black;
    /*content: "\f0d9  \f0da";*/
    content: "\f0da";
    /*font: 11px fontawesome;*/
    font: 17px fontawesome;
    pointer-events: none;
    position: absolute;
    /*right: 8px;*/
    right: 10px;
    top: 0px;
    /*top: 3px;*/
    transform: rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.selectbox:not(.disabled) label:before {
    content:'';
    right:3px; 
    top:-2px;
    width:20px; 
    height:20px;
    /*background:#0073bc;*/
    position:absolute;
    pointer-events:none;
    display:block;
    border-radius: 3px;
}
.ld_left span {
  position: absolute;
  padding: 3px;       
  margin-left: 3px;
  color: #000;
  text-align: left;
  z-index: 5;
}


.ld_kurv {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin-bottom: 8px;
    width: 100%;
}
.kurvbigdelbestilling{
    width: 100%;
    float: left;
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    
}
#ld_dato {
    border: 1px solid #cccccc;
    border-radius: 3px 3px 3px 3px;
    height: 27px;
    padding: 3px;
}
#extld_dato, #menudateinput, #daypackagedate, #copydaypackagedate, #extld_dato_private {
    border: 1px solid #cccccc;
    border-radius: 3px 3px 3px 3px;
    height: 31px;
    padding: 6px;
    cursor: pointer;
}
#extld_dato_private{
    width: 304px;
    margin-bottom: 20px;
}
.copyOKButtonClass{
    float:right;
}
.oi_area {
    border-radius: 3px 3px 3px 3px;
    float: left;
    padding: 5px 5px 5px;
    width: 100%;
}
.ld_area {
    border-radius: 3px 3px 3px 3px;
    float: left;
    padding: 5px 5px 5px;
    width: 100%;
}
.input_box span {
    color: #999999;
    margin-left: 3px;
    padding: 6px;
    position: absolute;
    text-align: left;
    z-index: 5;
}

.input_box input, .input_box textarea, .input_box select {
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-family: inherit;
    font-size: 14px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 5px;
    position: relative;
 }
 .floatleft {
    float: left;
 }
 
.inerror {
    border-color: #FF0000 !important;
    color: #FF0000 !important;
}

.isok {
    color: black;
    background: none repeat scroll 0 0 #FFFFFF;
}

input.parsley-success, textarea.parsley-success {
    background-color: #DFF0D8 !important;
    border: 1px solid #D6E9C6 !important;
    color: #468847 !important;
}
input.parsley-error, textarea.parsley-error {
    background-color: #F2DEDE !important;
    border: 1px solid #EED3D7 !important;
    color: #B94A48 !important;
}
ul.parsley-error-list {
    font-size: 11px;
    list-style-type: none;
    margin: 2px;
}
ul.parsley-error-list li {
    line-height: 11px;
}

.kvit_table, .kfdp_kvit_table {
    font-size: 12px;
    padding: 10px;
    width: 100%;  
    white-space: pre-wrap;
}
.prewrap {
     white-space:  pre-wrap;
}
.row_hdr {
    font-weight: 700;
}
.row_hdrred {
    font-weight: 700;
    color: red;
}

.kvit_table th {
    text-align: left;
}

.kvit_table > thead, .kfdp_kvit_table > thead {
    border-bottom: 1px solid #E1E1E1;
}
.totalrow {
    height: 30px;
    vertical-align: top;
}
.table_right {
    text-align: right!important;
}
.openbestilling {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.codeitem {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 100px;
    font-weight: normal;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.opencodebestilling {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.codebestitem {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 100px;
    font-weight: normal;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.codeheader {
    font-size: 21px;
}
#rightfill {
    float: left;
    width: 100%;
}

#kurvstatusfinal {
    margin-bottom: 15px;
}
.coderowend {
     border-bottom: 1px solid #E1E1E1;
}
.coderowstart {
     height: 60px;
}
.code_table {
    font-size: 12px;
    width: 100%;
    float: right;
}

.codeheader > span {
    font-size: 14px;
    font-style: italic;
    margin-left: 10px;
}

.code_table th {
    color: #0073BC;
    font-weight: 700;
    text-align: left;
}

.code_table > thead {
    border-bottom: 1px solid #E1E1E1;
}

.codetitle {
    border-bottom: 1px solid #0073BC;
    color: #0073BC;
    font-size: 21px;
    margin-bottom: 15px;
    text-decoration: none;
    width: 100%;
}
.kurvrefunditem {
    font-style: italic;
}

.kurvrefundqty {
    float: left;
    text-align: left;
    width: 30px;
}
.kurvitemrefundpricetotal {
    float: right;
    text-align: right;
    width: 100px;
    margin-right: 5px;
}

.kurvrefunditemprice {
  float: left;
  text-align: right;
  width: 105px;
}
.cbp-vm-view-grid .varebesk > ul {
    margin-bottom: 15px;
    margin-left: 5px;
    margin-top: 2px !important;
/* list-style-position:inside; */
    max-width: 98%;
    overflow: hidden;
    white-space: normal;
    width: 98%;
    word-wrap: unset;
}
.cbp-vm-view-grid .varebesk ul li {
    margin-top: 0 !important;
    min-height: 0;
    text-align: left;
    display: list-item !important;
    text-indent: 0px;
    margin-left: 15px;
    white-space: normal;
    width: 94%;
    word-wrap: normal;
}
.cbp-vm-view-list .varebesk > ul {
	margin-top: 0 !important;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-top: 26px;
    background: white;
    list-style-position: inside;
}
.cbp-vm-view-list .varebesk ul li {
    display: list-item !important;
    height: auto;
    margin-bottom: 0;
    margin-top: 0 !important;
    min-height: 0;
    text-align: left;
    width: 100%;
    line-height: 14px;
}
.cbp-vm-view-grid .package ul {
    list-style: circle !important;
    padding: 0;
    margin: 0;
    clear: both;
    margin-top: 10px;
}
.cbp-vm-view-list .package ul {
    list-style: circle  !important;
    padding: 0;
    margin: 0;
    clear: both;
    margin-top: 10px;
}
.cbp-vm-view-grid .package > ul {
    margin-bottom: 15px;
    margin-left: 5px;
    margin-top: 26px;
/* list-style-position:inside; */
    max-width: 100%;
    overflow: hidden;
    white-space: normal;
    width: 100%;
    word-wrap: unset;
}
.cbp-vm-view-grid .package ul li {
    margin-top: 0 !important;
    min-height: 0;
    text-align: left;
    display: list-item !important;
    text-indent: 0px;
    margin-left: 15px;
    white-space: normal;
    width: 94%;
    word-wrap: normal;
}
.cbp-vm-view-list .package > ul {
    margin-bottom: 15px;
    margin-left: 5px;
    margin-top: 26px;
    background: white;
    list-style-position: inside;
}
.cbp-vm-view-list .package ul li {
    display: list-item !important;
    height: auto;
    margin-bottom: 0;
    margin-top: 0 !important;
    min-height: 0;
    text-align: left;
    width: 100%;
    line-height: 14px;
}

.headercodelist:after {
    color: #0073BC;
    content: "\f148";
    font-family: 'fontawesome';
    margin-left: 7px;
}
.header_search_item {
    float: left;
    height: 60px;
    width: 189px;
    margin-left: 10px;
}
.search_text {
    float: left;
    height: 33px;
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 0px 0px 5px;
    display: block;
    font-family: inherit;
    font-size: 14px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 5px;
    position: relative;  
     width: 156px;
}

.logo_img{
    cursor:pointer;
}



.search_areal {
    margin-top: 15px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
    float: left;
    border-radius: 5px;        
}
.search_button {
    background-color: #0073BC;
    background-image: url("../img/searchbutton.png");
    border-radius: 0 3px 3px 0;
    float: left;
    height: 33px;

    width: 33px;
    cursor: pointer;

}

.varetitle > a {
    cursor: pointer;
}
.peKenBurns .peKb_timer {
    display: none!important;
}
.peKb_prev {
    background: none!important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 65px !important;
}
.peKb_next {
    background: none!important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 66px !important;
}
.peKb_arrows {
    background: url("../img/promobutton.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 26px;
    margin-top: 15px !important;
    width: 135px !important;
    padding: 0 !important;
    display: none;
}
.peKb_slides > div.peKb_active img {
    top: 0 !important;
    margin-left: auto;
    margin-right: auto;
    visibility: visible;
    border-radius: 3px;
}
.peKenBurns .peKb_slides .peKb_frame {
    background: none !important;
}
.peKb_slides > div{
    top: 0 !important;
}
.peKenBurns_nyhed .peKb_slides {
    display:block !important;
    visibility: visible;
}
.peKenBurns .peKb_slides {
    display:block !important;
    visibility: visible;
    margin-left: auto;
    margin-right: auto;
}
.peKenBurns img {
    border:0;
    max-width:none!important;
    visibility:visible !important;
    border-radius: 3px;
}
.peKenBurns .peKb_slides div.peKb_active {
    z-index:2;
    display:block;
}
.peKenBurns_nyhed {
    z-index:999 !important;
}
.peKb_slideBtns {
    display: none!important;
}
.peKb_holder {
    background: none!important;
    overflow: visible!important;
}
.peKb_mainPanel {
    float: left!important;
}

.peKenBurns {
    overflow: visible!important;
}
.kategori_item {
    cursor: pointer;
}
.funcmenu_item {
    cursor: pointer;
}
.codeerror {
    color: #FF0000;
    font-size: 14px;
    line-height: 14px;
    margin-left: 15px;
    padding-top: 14px;
}

.nFailure {
    background: #ED1944;
    height: 30px;
    line-height: 11px;
    color: #000000;
}
.nError {
    background: #ED1944;
    border: 1px solid #141414;
    color: #000000;
}
.nNote {
    border-radius: 3px;
    clear: both;
    cursor: pointer;
    margin-bottom: 5px; 
     
}
.nNote p {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 25px 10px 15px;
}
.widget.nNote.nFailure > p:before {
    content: "\f12a";
    font-family: 'fontawesome';
    font-size: 16px;
    margin-right: 10px;
}
.cl_status {
    border: 1px solid #007CB3;
    border-radius: 3px;
    float: left;
    width: 100%;
}

.cl_statusitem {
    float: left;
    font-size: 14px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    width: 20%;
    color: #D0D0D0;
}
.cl_aktiv {
    background: #0073bc; 
    color: white;
    opacity: 0.5;
}
.cl_border_left {
    border-left: 1px solid black;
}

.shopimage1 {
    background-image:url('../img/Knap-shop-1.png');
}
.shopimage2 {
    background-image:url('../img/Knap-shop-2.png');
}
.shopimage3 {
    background-image:url('../img/Knap-shop-3.png');
}
.shopimage4 {
    background-image:url('../img/Knap-shop-4.png');
}
.shopimage5 {
    background-image:url('../img/Knap-shop-5.png');
}
.shopimage6 {
    background-image:url('../img/Knap-shop-6.png');
}
.shopimage7 {
    background-image:url('../img/Knap-shop-7.png');
}
.shopimage8 {
    background-image:url('../img/Knap-shop-8.png');
}
.shopimage9 {
    background-image:url('../img/Knap-shop-9.png');
}
.shopimage10 {
    background-image:url('../img/Knap-shop-10.png');
}
.shopimage11 {
    background-image:url('../img/Knap-shop-11.png');
}
.shopimage12 {
    background-image:url('../img/Knap-shop-12.png');
}
.shopimage13 {
    background-image:url('../img/Knap-shop-13.png');
}
.shopimage14 {
    background-image:url('../img/Knap-shop-14.png');
}
.shopimage15 {
    background-image:url('../img/Knap-shop-15.png');
}
.shopimage16 {
    background-image:url('../img/Knap-shop-16.png');
}
.shopimage17 {
    background-image:url('../img/Knap-shop-17.png');
}
.shopimage18 {
    background-image:url('../img/Knap-shop-18.png');
}
.shopimage19 {
    background-image:url('../img/Knap-shop-19.png');
}
.shopimage20 {
    background-image:url('../img/Knap-shop-20.png');
}
.shopimage21 {
    background-image:url('../img/Knap-shop-21.png');
}
.shopimage22 {
    background-image:url('../img/Knap-shop-22.png');
}
.shopimage23 {
    background-image:url('../img/Knap-shop-23.png');
}
.shopimage24 {
    background-image:url('../img/Knap-shop-24.png');
}
.shopimage25 {
    background-image:url('../img/Knap-shop-25.png');
}
.shopimage26 {
    background-image:url('../img/Knap-shop-26.png');
}
.shopimage27 {
    background-image:url('../img/Knap-shop-27.png');
}
.shopimage28 {
    background-image:url('../img/Knap-shop-28.png');
}
.shopimage29 {
    background-image:url('../img/Knap-shop-29.png');
}
.shopimage30 {
    background-image:url('../img/Knap-shop-30.png');
}
.shopimage31 {
    background-image:url('../img/Knap-shop-31.png');
}
.shopimage32 {
    background-image:url('../img/Knap-shop-32.png');
}
.shopimage33 {
    background-image:url('../img/Knap-shop-33.png');
}
.shopimage34 {
    background-image:url('../img/Knap-shop-34.png');
}
.shopimage35 {
    background-image:url('../img/Knap-shop-35.png');
}
.shopimage36 {
    background-image:url('../img/Knap-shop-36.png');
}
.shopimage37 {
    background-image:url('../img/Knap-shop-37.png');
}
.shopimage38 {
    background-image:url('../img/Knap-shop-38.png');
}
.shopimage39 {
    background-image:url('../img/Knap-shop-39.png');
}
.shopimage40 {
    background-image:url('../img/Knap-shop-40.png');
}
.shopimage41 {
    background-image:url('../img/Knap-shop-41.png');
}
.shopimage42 {
    background-image:url('../img/Knap-shop-42.png');
}
.shopimage43 {
    background-image:url('../img/Knap-shop-43.png');
}
.shopimage44 {
    background-image:url('../img/Knap-shop-44.png');
}
.shopimage45 {
    background-image:url('../img/Knap-shop-45.png');
}
.shopimage46 {
    background-image:url('../img/Knap-shop-46.png');
}
.shopimage47 {
    background-image:url('../img/Knap-shop-47.png');
}
.shopimage48 {
    background-image:url('../img/Knap-shop-48.png');
}
.shopimage49 {
    background-image:url('../img/Knap-shop-49.png');
}
.shopimage50 {
    background-image:url('../img/Knap-shop-50.png');
}
.shopimage51 {
    background-image:url('../img/Knap-shop-51.png');
}
.shopimage52 {
    background-image:url('../img/Knap-shop-52.png');
}
.shopimage53 {
    background-image:url('../img/Knap-shop-53.png');
}
.shopimage54 {
    background-image:url('../img/Knap-shop-54.png');
}
.shopimage55 {
    background-image:url('../img/Knap-shop-55.png');
}
.shopimage56 {
    background-image:url('../img/Knap-shop-56.png');
}
.shopimage57 {
    background-image:url('../img/Knap-shop-57.png');
}
.shopimage58 {
    background-image:url('../img/Knap-shop-58.png');
}
.shopimage59 {
    background-image:url('../img/Knap-shop-59.png');
}
.shopimage60 {
    background-image:url('../img/Knap-shop-60.png');
}
.shopimage61 {
    background-image:url('../img/Knap-shop-61.png');
}
.shopimage62 {
    background-image:url('../img/Knap-shop-62.png');
}
.shopimage63 {
    background-image:url('../img/Knap-shop-63.png');
}
.shopimage64 {
    background-image:url('../img/Knap-shop-64.png');
}
.shopimage65 {
    background-image:url('../img/Knap-shop-65.png');
}
.shopimage66{
    background-image:url('../img/Knap-shop-66.png');
}
.shopimage67 {
    background-image:url('../img/Knap-shop-67.png');
}
.shopimage68 {
    background-image:url('../img/Knap-shop-68.png');
}
.shopimage69 {
    background-image:url('../img/Knap-shop-69.png');
}
.shopimage70 {
    background-image:url('../img/Knap-shop-70.png');
}
.shopimage71 {
    background-image:url('../img/Knap-shop-71.png');
}
.shopimage72 {
    background-image:url('../img/Knap-shop-72.png');
}
.shopimage73 {
    background-image:url('../img/Knap-shop-73.png');
}
.shopimage74 {
    background-image:url('../img/Knap-shop-74.png');
}
.shopimage75 {
    background-image:url('../img/Knap-shop-75.png');
}
.shopimage76 {
    background-image:url('../img/Knap-shop-76.png');
}
.shopimage77 {
    background-image:url('../img/Knap-shop-77.png');
}
.shopimage78 {
    background-image:url('../img/Knap-shop-78.png');
}
.shopimage79 {
    background-image:url('../img/Knap-shop-79.png');
}
.shopimage80 {
    background-image:url('../img/Knap-shop-80.png');
}
.shopimage81 {
    background-image:url('../img/Knap-shop-81.png');
}
.shopimage99 {
    background-image:url('../img/walletshop.png');
}
.shopselect {
    width: 569px;
    height: 150px;
    background-size: 100%;
    position:relative;
    margin: auto;
    margin-bottom: 0px;
    border-radius: 5px;
    /*
    clear: both;
    
    background: none repeat scroll 0 0 #0073bc;
    
    background-image: :url('../img/webshops_2_1.png');
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    right: 0;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    */
}
.shopselect:after {
    /*
    font-family: 'fontawesome';
    content: "\f0da";
    */
    margin-left: 10px;
}

.shopselectanchor {
    width: 569px; 
    height: 150px;
    
    /*
    color: #FFFFFF;
    font-size: 19px;
    height: 100%;
    text-decoration: none;
    width: 100%;  */
}
.peKb_mainPanel {
    margin-left: 307.5px!important;
}
.peKb_controls {
    width: 500px;
}
.peKb_videooverlay {
    z-index: 1!important;
}
.kontaktareal {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    margin: 8px;
    padding: 10px;
    float: left;
}
.kontakthead {
    background: none repeat scroll 0 0 #E3E3E3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #000000;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    padding-left: 15px;
    padding-right: 5px;
}
.kontakthead > span:after {
    content: "\f128";
    float: right;
    font-family: 'fontawesome';
    margin-right: 10px;
    color: #0073BC;
}

.kurvstatusheader {
    background: none repeat scroll 0 0 #E3E3E3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #000000;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    padding-left: 15px;
    padding-right: 5px;
}
.kurvstatusheader > span:after {
    content: "\f07a";
    float: right;
    font-family: 'fontawesome';
    margin-right: 10px;
    color: #0073BC;
}

.kontaktmail:before {
    content: "\f003";
    font-family: fontawesome;
    margin-right: 5px;
    color: #0073BC;
}

.kontaktphone:before {
    content: "\f095";
    font-family: fontawesome;
    margin-right: 10px;
    color: #0073BC;
    width: 50%;
}

.koh_title:before {
    content: "\f017";
    font-family: fontawesome;
    margin-right: 10px;
    color: #0073BC;
}
.kadr_title:before {
    content: "\f015";
    font-family: fontawesome;
    margin-right: 10px;
    color: #0073BC;
}
.kontaktopenhours {
    margin-top: 10px;
    float: right;
    width: 50%;
}
.koh_title {
    float: left;
    width: 100%;
}
.koh_day {
    float: left;
    font-size: 11px;
    margin-left: 23px;
}
.kontakadr {
    float: left;
    width: 50%;
}

.kadr_linie {
    float: left;
    font-size: 11px;
    margin-left: 23px;
    width: 100%;
}
.kontaktphone {
    float: left;
    margin-top: 10px;
}
.kontaktmail {
    float: left;
    margin-top: 10px;
}

.kontaktmail > a {
    color: #000000;
    text-decoration: none;
}
.Betalingsmuligheder > img {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
}


#betingelser > span {
    padding-left: 7px;
}

#ui-datepicker-div {
    z-index: 1003 !important;
    border-color: #0073BC;
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    6px 6px 20px rgba(0, 0, 0, 0.75);
    box-shadow:         6px 6px 20px rgba(0, 0, 0, 0.75); 
}
.ui-icon-circle-triangle-w:before {
    content: "\f0d9";
    font-family: fontawesome;
    margin-right: 10px;
    color: white;
}
.ui-icon-circle-triangle-w {
    text-indent: 0!important;
    background-image: none!important;
    background-position: 0 !important;
}
.ui-icon-circle-triangle-e:before {
    content: "\f0da";
    font-family: fontawesome;
    margin-right: 10px;
    color: white;
}
.ui-icon-circle-triangle-e {
    text-indent: 0!important;
    background-image: none!important;
    background-position: 0 !important;
}

.ui-datepicker-unselectable.ui-state-disabled span {
    color: #909090;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #0073BC;
/*    font-weight: 700; */
}
.ui-widget-header {
    background: none repeat scroll 0 0 #0073BC;
    /*border: 1px solid #AAAAAA;*/
    color: #FFFFFF;
    font-weight: bold;
}
select.disabled, input.disabled {
    background: none repeat scroll 0 0 #E3E3E3!important;
}
.remember {
    margin-top: 40px;
    margin-bottom: 50px;
}

.redheader {
    background: none repeat scroll 0 0 #ed1944 !important;
}

/* ===== Datatables ===== */

.dataTables_wrapper { position: relative; clear: both; *zoom: 1; border: 1px solid #e1e1e1;}
.dataTables_length { float: right; padding: 12px 10px; display: block; }
.dataTables_length > label > span { float: left; margin-top: 4px; margin-right: 6px; }
.dataTables_length .selector { margin-left: 10px; line-height: 26px; height: 26px; }
.dataTables_length .selector > span { height: 26px; line-height: 26px; padding-top: 0; }
.dataTables_length .selector select {  height: 26px;}
.dataTable thead th { cursor: pointer; font-weight: normal; padding: 3px 0 2px 0; text-align: center; border-left: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; font-size: 11px; color: #878787; 
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
    background: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
    background: linear-gradient(top, #fafafa 0%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 );}
.dataTable thead th:first-child { border-left: 0; } 
.show-entries { float: left; margin: 4px 15px 0 0; }
.dataTables_filter { padding: 14px 12px; position: relative; display: block; float: left; }
.dataTables_filter > label, .dataTables_length > label { margin: 0; }
.dataTables_filter label > span { display: block; float: left; padding-top: 1px; }
.dataTables_filter input[type=text] {  
    height: auto; 
    /* padding: 5px 7px;  */
    margin-left: 15px; 
    width: 180px; 
/*    background: #ffffff; 
    box-shadow: 0 1px 0 white; 
    -webkit-box-shadow: 0 1px 0 white; 
    -moz-box-shadow: 0 1px 0 #fff; 
    border: 1px solid #D7D7D7; 
 */   
 
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-family: inherit;
    font-size: 14px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 5px;
    position: relative;    
}
.dataTables_info { padding: 12px; display: block; float: left; }
.tableFooter { clear: both; padding: 8px 12px; height: 36px; font-size: 11px; color: #636363; border-top: 1px solid #cdcdcd; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: linear-gradient(top,  #f8f8f8 0%,#efefef 100%); }
.dataTables_paginate { float: right; margin: 12px; }
.dataTables_paginate .last { margin-right: 0!important; }
.datatable-header { border-bottom: 1px solid #ddd; }
.datatable-footer { border-top: 1px solid #ddd; padding: 1px 0; }
.datatable-footer {  
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
    background: linear-gradient(top,  #fcfcfc 0%,#f5f5f5 100%);
}
.datatable-header { background: #fafafa; }
.datatable-header:after, .datatable-footer:after { content: ""; display: block; clear: both; }

/* Two button pagination - previous / next */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; }
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; }
.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; }
.paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; }
.paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; }
.paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; }
.paginate_enabled_previous { background: url('../images/tables/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/tables/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/tables/back_disabled.png') no-repeat top left; }
.paginate_enabled_next { background: url('../images/tables/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/tables/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/tables/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers { height: 22px; line-height: 22px; }
.paging_full_numbers .next:active, .paging_full_numbers .first:active, .paging_full_numbers .previous:active, .paging_full_numbers .last:active { font-weight: normal!important; }
.paging_full_numbers a:active { outline: none }
.paging_full_numbers a:hover { text-decoration: none; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #d3d3d3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 5px 8px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #919191; font-size: 11px; box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;  }
.paging_full_numbers a.paginate_button { 
    background: #ffffff; 
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); 
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
    background: linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); 
} 
.paging_full_numbers a.paginate_button:hover { background: #fcfcfc; color: #327394; }
.paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active { background: #0073BC; color: #fff; border-color: #646464; box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; -moz-box-shadow: 0 1px 2px #545454 inset, 0 1px 0 #fff; font-weight: bold; }
.paginate_button_disabled, .paginate_button_disabled:active  { background: #F9F9F9!important; color: #CCC!important; box-shadow: none!important; font-weight: normal!important; border: 1px solid #E5E5E5!important; }
.paginate_button_disabled:active { border-color: #d3d3d3!important; }
.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; }
.sorting { background: url('../images/tables/sort_both.png') no-repeat 100% 8px; }
.sorting_asc { background: url('../images/tables/sort_asc.png') no-repeat 100% 8px; }
.sorting_desc { background: url('../images/tables/sort_desc.png') no-repeat 100% 8px; }
.sorting_asc_disabled { background: url('../images/tables/sort_asc_disabled.png') no-repeat 100% 8px; }
.sorting_desc_disabled { background: url('../images/tables/sort_desc_disabled.png') no-repeat 100% 8px; }
table.dataTable th:active { outline: none; }
.dataTables_scroll { clear: both; }
.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }



/* DataTables display */
table.display { margin: 0 auto; width: 100%; clear: both; border-collapse: collapse; }
table.display tfoot th { padding: 3px 0px 3px 10px; font-weight: bold; font-weight: normal; }
table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
table.display td { padding: 8px 10px; }
table.display td.center { text-align: center; }


/* DataTables sorting */
.sorting_asc { background: url(../images/sort_asc.png) no-repeat center right; }
.sorting_desc { background: url(../images/sort_desc.png) no-repeat center right; }
.sorting { background: url(../images/sort_both.png) no-repeat center right; }
.sorting_asc_disabled { background: url(../images/sort_asc_disabled.png) no-repeat center right; }
.sorting_desc_disabled { background: url(../images/sort_desc_disabled.png) no-repeat center right; }


/* DataTables row classes*/
table.display tr.odd.gradeA { background-color: #ddffdd; }
table.display tr.even.gradeA { background-color: #eeffee; }
table.display tr { border-top: 1px solid #e7e7e7; }
table.display tr:first-child { border-top: 0; }
table.display td { border-left: 1px solid #e7e7e7; }
table.display td:first-child { border-left: none; }
table.display tr.odd.gradeA { background-color: #fafafa; }
table.display tr.even.gradeA { background-color: #f5f5f5; }
table.display tr.odd.gradeC { background-color: #ddddff; }
table.display tr.even.gradeC { background-color: #eeeeff; }
table.display tr.odd.gradeX { background-color: #ffdddd; }
table.display tr.even.gradeX { background-color: #ffeeee; }
table.display tr.odd.gradeU { background-color: #ddd; }
table.display tr.even.gradeU { background-color: #eee; }

tr.odd { background-color: #f4f4f4; }
tr.even { background-color: white; }


.rekvlist_right > a {
    color: #000000;
    float: right;
    text-align: right;
    text-decoration: none;
}

.rekvlist_left > a {
    color: #000000;
    text-align: left;
    text-decoration: none;
}
.rekvlist_center > a {
    color: #000000;
    text-align: center;
    text-decoration: none;
}
.settings_td {
    text-align: center;
}
.settings_td > a {
    text-decoration: none;
    text-align: center;
}
.btn_eye:before {
    content: "\f040";    /*f06e*/
    font-family: fontawesome;
    margin-right: 5px;
    color: #0073BC;
}
.btn_copy:before {
    content: "\f0c5";    /*f06e*/
    font-family: fontawesome;
    margin-right: 5px;
    color: #0073BC;
}
.btn_log:before{
    content: "\f06e";
    font-family: fontawesome;
    margin-right: 5px;
    color: #0073BC;
    
}


#ld_fradato {
    margin-left: 10px;
    margin-right: 20px;
    text-align: center;
    width: 96px;
    float: left;    
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-family: inherit;
    font-size: 14px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 5px;
    position: relative;
}
#rekv_dato {
    margin-left: 10px;
    margin-right: 20px;
    text-align: center;
    width: 96px;
    float: left;    
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-family: inherit;
    font-size: 14px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 5px;
    position: relative;
    
}
.rekv_dato {
    border: 1px solid #cccccc;
    border-radius: 3px 3px 3px 3px;
    height: 27px;
    padding: 3px;
    width: 100px;
    cursor:pointer;
}

.dates > label {
    float: left;
    margin-top: 5px;
}

#ld_tildato {
    margin-left: 10px;
    margin-right: 20px;
    text-align: center;
    width: 96px;
    float: left;    
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-family: inherit;
    font-size: 14px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 5px;
    position: relative;
}
.dates {
    float: left;
    height: 35px;
    margin-bottom: 10px;
    padding-top: 3px;
}
.bestfindbtn, #logfindbtn {
     background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);  
    width: 199px;   
}
.bestfindbtn:after, #logfindbtn:after {
    font-family: 'fontawesome';
    content: "\f002";
    margin-left: 10px;
}
.rekvfindbtn {
     background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);  
    width: 199px;   
}
.rekvfindbtn:after {
    font-family: 'fontawesome';
    content: "\f002";
    margin-left: 10px;
}
.btn_cbssted:before {
    content: "\f0ca";
    font-family: fontawesome;
    color: #0073BC;
    cursor:pointer;
}
.btn_cbssted {
    float: right;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.btn_cbssted1:before {
    content: "\f059";
    font-family: fontawesome;
    margin-right: 10px;
    color: #ffffff;
}
.btn_cbssted1:after {
    content: "\f0ca";
    font-family: fontawesome;
    margin-left: 10px;
    color: #ffffff;
}
.btn_cbssted1 {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.btn_cbsundersted:before {
    content: "\f0ca";
    font-family: fontawesome;
    color: #0073BC;
    cursor:pointer;
}
.btn_cbsundersted {
    float: right;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.btn_cbssag:before {
    content: "\f0ca";
    font-family: fontawesome;
    margin-right: 5px;
    color: #0073BC;
    cursor:pointer;
}
.btn_cbssag {
    float: right;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.btn_cbsanalyse:before {
    content: "\f0ca";
    font-family: fontawesome;
    color: #0073BC;
    cursor: pointer;
}
.btn_cbsanalyse {
    float: right;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
#kurvmini {
    display: none;
    background: #F4F4F4;
    position: fixed;
    top: 88px;
    width: 215px;
    z-index: 999;
    border-radius: 3px;
    cursor: pointer;
}
.kurvminihdr {
    background: #0073bc;
    border-radius: 3px;
    padding-top: 5px;
    height: 32px;
}
.kurvitemsmini > ul {
    background: none repeat scroll 0 0 #f4f4f4;
    margin-top: 8px;
    padding: 8px 5px;
}
#kurvmini:hover {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
#kurvmini:hover > ul {
    display: block;
}
.kurvitemsmini {
    display: none;
    float: left;
    font-size: 11px;
    padding-top: 8px;
}
#kurvmini:hover > div {
    display: block!important;
}
.kurvminilogo:before {
    content: "\f07a";
    font-family: fontawesome;
    font-size: 20px;
    margin-left: 8px;
    margin-right: 8px;
    color: white;
}
.kurvminilogo {
    color: #FFFFFF;
}
.kurvitemsminitext {
    margin-left: 7px;
}
.kurvminitotal:after {
    content: "\f0d7";
    font-family: fontawesome;
    margin-left: 5px;
    margin-right: 5px;
    color: white;
}
.kurvminitotal {
    color: white;  
    float: right;
    margin-top: 3px;
}
#kurvfinalcont1 {
    clear: none;
    float: left;
    margin-bottom: 0;
    margin-top: 9px;
}

.kurvsave {
    clear: both;
    border-radius: 3px;
    background: none repeat scroll 0 0 #0073bc;
    display: none!important;
    border: 5px none;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);     
    width: 199px;
}
.kurvsave:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}
.kurvsavesend {
                    
    border-radius: 3px;
    background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    color: #FFFFFF;
    height: 60px;
    line-height: 60px;       
    margin-top: 10px;
    position: relative;
    cursor: pointer;
    float: right;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    width: 140px;
    
}
.kurvsavesend:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}
.katalogheader {
    border-radius: 3px;
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #e1e1e1;
}
.cbp-vm-view-grid .katalogheader {
    margin-top: 20px !important;
}

.katalogheader8 {
    background: #fff!important;
}
.cbp-vm-view-grid .katalogheader8 {
    margin-top: 20px !important;
}

.katalogheader9 {
    border-radius: 3px;
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #e1e1e1;
}
.cbp-vm-view-grid .katalogheader9 {
    margin-top: 20px !important;
}
.katalogitem {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px !important;
}
.row_selected {
    background: none repeat scroll 0 0 #E1E1E1 !important;
}
/*
.saveusersetting {
     background: none repeat scroll 0 0 #0073bc;
    border: 5px none;
    border-radius: 3px;
    color: #FFFFFF;
    height: 35px;
    line-height: 35px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 15px;
    padding-left: 10px;
    position: relative;
    cursor:pointer;
    float: left;
    text-align: center;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);  
    width: 199px;   
} */
.saveusersetting:after {
    font-family: 'fontawesome';
    content: "\f0da";
    margin-left: 10px;
}
#saveusersetting{
    margin-left: 10px;
    width: 199px; 
}


.rekvdate {
    float: left;
}
.rekvdate > label {
    float: left;
}
.rekvaddmodtager {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.rekvaddmodtager:after {
    font-family: 'fontawesome';
    content: "\f007";
    margin-left: 10px;
}
.rekvcopydate {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    margin-right: 15px;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.rekvcopydate:after {
    font-family: 'fontawesome';
    content: "\f073";
    margin-left: 10px;
}
.addrekvdate {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    margin-right: 5px;
    line-height: 35px;
    margin-top: 20px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.addrekvdate:after {
    font-family: 'fontawesome';
    content: "\f073";
    margin-left: 10px;
}
.rekvsendforname {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    margin-right: 0px;
    line-height: 35px;
    margin-bottom: 5px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 168px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.rekvsendforname:after {
    font-family: 'fontawesome';
    content: "\f003";
    margin-left: 10px;
}
.myaccord {
    float: left;
    width: 100%;
}
.rekvnavnslet {
    background-color: #ed1944;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    height: 15px;
    margin-top: 1px;
    width: 15px !important;  
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.rekvdatoslet, .rekvnavnslet {
    background-color: #ed1944;
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    height: 15px;
    margin-top: 1px;
    padding-left: 4px;
    padding-top: 1px;
    width: 15px !important;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75); 
}
.rekvdatoslet:before, .rekvnavnslet:before{
    font-family: FontAwesome;
    content: "\f00d";
}
    
.erritem{
    /*
    padding:5px;
    cursor:pointer;
    */
    cursor: pointer;
    padding: 8px;
    color: red;
    border: 1px solid #ccc;
    font-weight: 600;
    border-radius: 10px;
    margin:10px;
}


.rekvdatoslet[disabled], .rekvnavnslet[disabled]  {
    background: none repeat scroll 0 0 #E3E3E3 !important;
    color: #B1B1B1 !important;
    cursor: default !important;
    pointer-events: none;
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
    color: #ed1944;
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
    color: #ed1944;
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
    color: #ed1944;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #0073BC;
    background: #ffffff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #e3e3e3;
    color: #000000;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
    background: none repeat scroll 0 0 #F4F4F4;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon .modtagerheader {
    visibility: visible !important;
}


.rekv_anledning {
    margin-bottom: 15px;
    width: 750px;
}
.rekv_copycc {
    margin-bottom: 15px;
    width: 750px;
}
.rekv_navn {
    margin-bottom: 15px;
    width: 625px;
}
.rekv_mail {
    margin-bottom: 15px;
    width: 625px;
}
.rekv_comment {
    height: 100%;
    width: 625px;
    margin-bottom: 15px;
}
.rekv_senddirekte {
    float: left;
    margin-right: 15px;
}
.rekv_engelsk {
    float: left;
    margin-right: 15px;
}
.rekv_item {
    float: left;
    margin-right: 15px;
}
.input_label {
    clear: both;
    float: left;
    margin-right: 15px;
}
.input_checkbox {
    clear: both;
    float: left;
    margin-bottom: 10px;
}
.input_box {
    clear: both;
/*    float: left; */
}
.input_box_left {
    float: left;
}

.rekvsum {
    visibility: visible!important;
    float: right;
    margin-right: 15px;
}
.datohdr {
    visibility: visible!important;
}
.rekvhead {
     background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px 3px 3px 3px;
    bottom: 6px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 5px;
    font-weight: 700;
    padding-left: 15px;
    position: relative;
    right: 0;
    text-align: left;
    width: 100%;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.75);    
}
.kurvitemdato {
    font-weight: 600;
    margin-right: 5px;
}
.kurvrekvsum {
    float: right;
}
.kurvrekvnavn {
    margin: 5px;
    margin-bottom: 0px;
}
.codepdf {
    margin-top: 40px;
    margin-left: 40px;
}
.codevalue {
    margin-left: 25px;
    font-size: 21px;
    font-weight: 700;
}
.remember {
    
}    
.codetext {
    width: 85px;
}
.ansvarliglabel {
    color: #0073BC;
}
.ansvarligmail {
    color: #0073BC;
    margin-left: 10px;
}
.ansvarlig {
    clear: both;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
}

#rekvleft_hdr {
    width: 500px;
    height: 200px;
    float: left;
    
}
.jMsgbox-background{
    background-color: #ddd;      
}
.jMsgbox-mainWrapold{
    border: #07509A 1px solid; background-color: #fff; overflow: hidden; vertical-align:top;
}
.jMsgbox-mainWrap{
    border-radius: 6px;
    box-shadow: 0 0 11px #000000;
    color: #00335E;
    font-family: Verdana;
    min-height: 160px;
    padding: 4px 10px;
    position: fixed;
    width: 430px;
    z-index: 1001;    
    background-color: #fff;
	top:365px !important;
}
.jMsgbox-mainWrap input[type=text]{
    border:1px solid #3c99f7;
}
.jMsgbox-mainWrap input[type=button]{
  background-color: #004076;
    border: 1px solid #AFAFAF;
    border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    height: 35px;
    margin: 2px;
    width: 90px;
}
.jMsgbox-headWrap{
    border-bottom: 1px solid #002C5F;
    color: #00335E;
    font-size: 16pt;
    font-variant: small-caps;
    font-weight: lighter;
    padding: 5px 0;
    width: 100%;   
}
.jMsgbox-headWrapold{
    border:1px solid #fff;
    background-color:#07509A;
    color:#fff;
    padding:5px;
}
.jMsgbox-titleWrap{
    font-size:16pt;
    font-weight:bold;
}
.jMsgbox-closeWrap{
    color:#ccc;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
.jMsgbox-closeWrap:hover{
    text-decoration:none;
    color:#fff;
}
.jMsgbox-closeWrap img{
    border:none;
}
.jMsgbox-contentWrap{
    padding:5px;
    font-size:12pt;    
    text-align: center;
}
.pace .pace-activity {
    display: none!important; 
    
}

.defus_userassistants {
    width: 740px;
}
.margintop15 {
    margin-top: 10px;   
}

.repeatok {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px;
    bottom: 6px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 100px;
}
.repeatcancel {
    background: none repeat scroll 0 0 #0073BC;
    border-radius: 3px;
    bottom: 6px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-right: 15px;
    margin-top: 15px;
    padding-left: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 100px;
}
.ui-dialog {
    width: 775px;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.75);
    z-index: 999!important;
    padding: 0em!important;
}
.ui-dialog-content {
    padding: .5em .5em!important;
}


.repeattext {
    margin-bottom: 15px;
    margin-top: 10px;
}
.inputinfotext {
    color: #0073BC;
    float: left;
    margin-top: 15px;
}
.rekvfindown {
    margin-right: 10px;
    margin-top: 10px;
}
.find_checkbox {
    margin-left: 15px;
}

.best_henterselv,.extbest_henterselv,.timecondition, #sms_private {
    cursor: pointer;
    float: left;
    margin-bottom: 15px;
    margin-right: 5px;
    margin-top: 8px;
}

.di_lokation, .extdi_lokation, .extdi_levtype {
    width: 255px;
}
#package_lokation{
    width: 200px;
}
.di_kantine, .extdi_kantine, .extdi_bygning {
    width: 255px;
}
.packagedayselectbygningdiv, .packageselectprefixdiv, .packageselectlokationdiv, .package_ld_tidspunktdiv{
    width: 24%;
}
.package_bygning, .package_prefix, .package_lokation, .package_tidspunkt{
    width: 100%;
}


#di_kantine::-ms-expand, #ld_tidspunktfra::-ms-expand, #ld_tidspunkttil::-ms-expand, #extld_tidspunkt::-ms-expand, #extdi_levtype::-ms-expand, #extdi_kantine::-ms-expand, #extdi_prefix::-ms-expand, #extdi_lokation::-ms-expand, #extdi_bygning::-ms-expand {
    display: none;
}

.extdi_bygning:hover, #package_bygning:hover{
    /*box-shadow : 2px 2px 2px #888888;*/
    
}
.di_lokation:disabled {
    background: none repeat scroll 0 0 #F4F4F4;
}

.header_item_right-2 {
    display: inline-block;
    height: 30px;
    position: relative;
    line-height: 30px;
    float: right;
    margin-left: 15px;
}

/* RIGHT HEADER menu */

#cssmenuright ul,
#cssmenuright li,
#cssmenuright span,
#cssmenuright a {
    
    border-radius: 3px;
    margin: 0;
    padding: 0;
    position: relative;
    cursor:pointer;
    width:inherit;
}

#cssmenuright {
    border-radius: 3px;
    /*width: 140px;*/
    float: right;
    background: #f4f4f4;
    margin:auto;
    height: 42px;
    padding-top: 20px;
    /*padding-left: 5px;*/
    cursor: pointer;
}
#cssmenuright:after,
#cssmenuright ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenuright a {
  color: #000;
  display: inline-block;
  font-size: 11px;
  line-height: 25px;
  padding: 0 20px;
  text-decoration: none;
  height: 25px;
  cursor:pointer;
}
#cssmenuright ul {
    /*display:flex;*/ 
  list-style: none;
  width:inherit;
}
#cssmenuright ul li {
 display:inline;
}
#cssmenuright > ul {
  float: left;
}
#cssmenuright > ul > li {
  float: left;
  margin-right: 5px;
}
#cssmenuright > ul > li > a {
  color: #000;
  font-size: 14px;
}
#cssmenuright > ul > li.has-sub:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  top: 25px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFFFFF;
  margin-left: -10px;
  cursor:pointer;
}
#cssmenuright > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  color: white;
  background: #0073bc;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
}

#cssmenuright > ul > li:hover > a {
  color: white!important;
  background: #0073bc;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
#cssmenuright .has-sub {
  z-index: 1;
  width:140px;
}
#cssmenuright .has-sub:hover > ul {
  display: block;
}
#cssmenuright .has-sub ul {
  display: none;
  position: absolute;
  /*width: 155px;*/
  width: inherit;
  
  top: 100%;
 
  left: 0;
  margin-top: 0px;
  background: none repeat scroll 0 0 #FFFFFF;
}
#cssmenuright .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenuright .has-sub ul li a {
  background: #ffffff;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  height: 120%;
  padding: 5px;
  color: #000000;
  margin-top: 11px;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}
#cssmenuright .has-sub ul li:hover a {
  background: #dddddd;
}
#cssmenuright .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenuright .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  border-top: 1px solid #005580;
  border-bottom: 1px solid #005580;
  border-left: 1px solid #005580;
  border-right: 1px solid #005580;
}
#cssmenuright .has-sub ul {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.6);
}
#cssmenuright .has-sub .has-sub ul li a {
  background: #005589;
}
#cssmenuright .has-sub .has-sub ul li a:hover {
  background: #004570;
}


.cssmenutop {
    /*text-align: center; */
    text-align: end; 
    width: 155px;
    cursor: pointer;
    margin-bottom: 10px!important;
}
#rekvmangler {
    /*border: 1px solid red;*/
    border-radius: 5px;
    display: none;
    float: left;
    margin-top: 15px;
    width: 100%;
}
.rekvmangler {
    border: 1px solid red;
    border-radius: 5px;
    display: none;
    float: left;
    margin-top: 15px;
    width: 100%;
}
.blockedmedie {
    color: red;
}
.invoiceline {
    float: left;
    width: 100%;
}
.antalbest{
    float: right;
    padding: 8px;
}   
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute; 
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    /*padding: 1px;*/ 
    padding: 0px;
    height: 20px;
    background-color: red !important;
}      
.ui-dialog-titlebar-close:after{
    font-family: 'fontawesome' !important;
    content: "\f00d" !important;
    color: white !important;
    background-color: red !important;
}
.logdetaljer{
    height:inherit;
}
.logdetaljerlist{
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #e1e1e1;
    padding: 5px;
    height: auto;
}
.promopicture{
    border-radius: 15px;
    
}

#logdialog{
    display: none;
}
#hdrshowlog{
    display: none;
}

.logheader{
    margin-left: 7px;
    padding-bottom: 3px;
    font-size: 200%;
}
.megamenu_fullwidth{
    width: 1213px!important;
}
#bestmenuknapper{
    float: right;
    margin: 5px;
    margin-right: 12px;
}



.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}
.pagebreak {
    page-break-after: always;   
}
#kurvfinal_antalbest{
    padding: 0px;         
    margin-bottom: 0px;       
       
} 
#kvit_subheader, #kvit_header{
    border: 1px solid #0073BC;
    line-height: 21px;
    border-radius: 5px;
    width: 95%;
    color: #fff;
    margin-left: 25px;              
    padding: 5px;       
    background: #0073BC;
}
#kvit_subheaderlocked{
    border: 1px solid #0073BC;
    line-height: 21px;
    border-radius: 5px;
    color: #fff;
    padding: 5px;       
    background: #0073BC;
}

.kvit_title1{
    display:none;
    border-bottom: 1px solid #0073BC;
    color: #0073BC;
    float: left;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%;
}
@media print{
    @page {
		margin: 0;
	}
    input {
        display: none;
    }
    
    .kvit_ordredetaljer *, .kfdpdelcontainercontent *{
        font-size: 8px;
        
    }
    .kvit_title1{
        display:block;
        visibility: visible;
    }
    #kvit_subheader, #kvit_header, #kvit_payment_title{
        color: #0073BC;
        border: 0px;
    }
    #kfdpcontainerheadertext{
        border: none!important;
        color: #0073BC!important;
        background: #0073BC;
    }

    #row_missing_payment_amount, #row_missing_payment_text{
        color:#000;
    }
    #kfdpcontainer{
        border:none!important;
    }
    .kfdp_kvit_table{
        font-size: 8px!important;
    }

}
#kurvfinalknapper{
    position: fixed;
    width: 1210px;
    top: 110px;
    z-index: 989;
}

#errorcountdown {
    position: relative;
    color: lightblue;
    font-size: 16px; 
    font-family:arial; 
    display: block;
    margin: 10px;
    text-align: center;
    background:rgba(0,0,0,0.7); 
    border-radius:10px; 
    padding:10px; 
}
#errordialog{
    display:none;
}
#kvit_ordrebetalinger{
    border:1px solid #0073BC;
}
.row_payment{
    text-align: right;    
}
.row_missing_payment{
    /*background-color: #6FB842;*/
    color: #000;
    
}
#row_missing_payment_amount{
    text-align: right;   
    padding-top: 10px;
}
#row_missing_payment_text{
    padding-top: 10px;   
}
.titlerow{
    margin-bottom: 5px;
    margin-left: 5px;
}   
#menu_right{
    height:100%;
    width: 100%!important;
    float: right;  
    border-radius: 5px;
    border: 1px solid #0073BC; 
}
#menu_left{
    
    height:100%;
    margin-right: 17px;
    float: left;
    border-radius: 0px 0px 5px 5px;     
   
}

#menudetaljer{
    height:inherit;
   
}
#mymenu{
    height: calc(100% - 10px);
}
#menu_area{
    height:75%
    
}
#menu_header{           
    margin-bottom: 10px;
}
#menu_items_container{                  
    width: 100%;  
    float: left;
    margin-top: 10px;
}
#menu_katalog_container{
    width: 100%;
    height: 11%;
    float: left;
    margin-top: 10px;
    margin-bottom: 50px;
}

.menudiv{
    border-radius: 5px;
    /*background-color: lightgrey;*/
    border-radius: 1px solid lightgrey;
 
}
/*.menu_katalogheader{

    color: #0073BC;
    font-size: 21px;
    height: 30px;
    min-height: 30px;
    margin: 0px;
    text-align: left;
    width: 100%;
    padding-top: 3px;   
    background-color: darkgrey;
    border-radius: 5px;
    float: left;
}*/
.menuheader{

    color: #0073BC;
    font-size: 21px;
    height: 30px;
    min-height: 30px;
    margin: 0px;
    text-align: left;
    width: 45%;
    padding: 5px;   
    /*background-color: darkgrey;*/
    border-radius: 5px;
    
}
#menu_left_header{
    float: left;
    width: 50%;
    border-bottom: 1px solid #0073BC;
    border-radius: 5px 5px 0px 0px;
}
#menu_right_header{
    float: right;
    width: 47%;
    
}
 
.menuitem, .packageitem{
    width: 98%;
    float: left;
    min-height: 50px;
    border-top: 1px solid #C9C9C9;
    background: white;
    margin-left: 2%;
    margin-top: 5px;
    /*padding-bottom: 8px;*/
}
.menuitem.menugridview{
    width: 31%;
    float: left;
    margin: 5px;
    height: auto;
    z-index: 5;
    
}
   /*
.menuitem .cbp-vm-view-list{
    width: 98%;
    float: left;
    min-height: 50px;
    border-bottom: 1px solid #C9C9C9;
    background: white;
    margin-left: 2%;
    
}  */
  

.menuitembund.menugridview {
    height: auto;
    min-height: 59px!important;
    background: none;
    border-radius: 3px;
    background: none repeat scroll 0 0 #F4F4F4;
    overflow: hidden;
    float: left;
    font-size: 12px;
    padding: 5px 5px 5px;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    z-index: 5;
    width: -webkit-fill-available;
    border-radius: 3px;
}
.menugridview:hover{
    height: 50px;
    max-height: 600px;

    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
        -webkit-box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 40px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 40px rgba(0, 0, 0, 0.75); 
    
}

  
.final_menuitem{
    float: left;       
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
}
.final_menuitem ul{
    
}
.final_menuitem li{
    height: 10px;
    list-style-position: inside;
    font-style: italic;
}


.final_menu_itemheader, .compoundsubheader {
    color: #0073BC;
    font-size: 18px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 94% !important;
    padding-top: 7px;
    border-bottom: 1px solid #0073bc;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;     
}
.compoundsubheader{
    margin-top: 0px;
    margin-left: 5px;
}
.menuitemcheckbox, .packagecheckbox, .packageitemcheckbox{
    cursor: pointer;
    float: right;
}
.menu_itemheader, .menu_katalogheader{
    
    color: #0073BC;
    font-size: 21px;
    text-align: left !important;
    width: 100% !important;
    padding-top: 3px;
    border-bottom: 1px solid #0073bc;
    margin-bottom: 5px;
    margin-top: 10px !important;
    float: left;
    
    /*
    color: black;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 100%;
    font-weight: 700;
    margin-left: 10px;
    */
}
.menuantal{
    margin: 10px;
    float: left;  
}
#salgsinfo{
    color: #0073BC;
    font-size: 21px;
    height: 30px;
    min-height: 30px;
    margin: 0px;
    text-align: left;
    width: 100%;             
    padding: 5px;                   
    float: left;
    border-bottom: 1px solid #0073BC;
}
.menu_vareaction{
    float: left;
    margin: 5px;
}
#menuprisinfo{
    float: right;
    margin: 5px;
}
#prisinfo{
    float:right;       
    padding: 8px;     
    
}
#menuprisinfo, #additionalprisinfo{
    float: right;
    margin: 5px;
    width: 100%;
}
#additionalprislinjepris, #menuprislinjepris{
    float:right;
}

#menu-items-header, #menu-katalog-items-header{
    
    background: #f4f4f4;
    border-radius: 5px;
    color: #0073BC;
    font-size: 23px;
    height: 45px;                     
    text-align: left !important;
    width: 100% !important;           
    padding: 10px;
    display:none;
    /*
    color: #0073BC;
    font-size: 21px;
    height: 30px !important;
    min-height: 30px !important;
    text-align: left !important;
    width: 100% !important;
    padding-top: 3px;
    border-bottom: 1px solid #0073bc;
    margin-bottom: 5px;
    margin-top: 15px !important;
    float: left;
    */
    
}
#menu-items-header:after, #menu-katalog-items-header:after{
    color: #0073BC;
    content: "\f13a";
    font-family: 'fontawesome';
    margin-left: 7px;
    padding-top: 3px;
}
#menu_right_header_tip{
    width: 65%;
    float: right;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    background-color: #ffa500;
    color: white;
    padding: 4px;
}
#nano_menu_right{
    float: right;
    width: 47%;
    height: 85%!important;
}
#additionalprisinfo{
    clear:both;
}
#helptext{
    display:none;
    background: orange;
    color: black;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.75);
    margin-bottom: 12px;
}
#deliveredtime, #deliveredtimekurvbig{
    float:right;
}
#extdi_prefix, #package_prefix{
    width: 255px;
}
#lokationbeskrivelse{
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #999;
}
.menubundpris{
    margin-bottom: 0px;
    /*float: right;*/
    font-size: 14px;
    text-align:right;
}
.delbesttotal, .delbesttotaltext{
    text-align: right;
    float:right;
}
#menupriceitemsscroll{
    width: 60%;
    height: 90px;
    float: left;
    overflow: hidden;
    margin-top: 5px;
}
/*
#menupriceitemsscroll:after{
    font-family: 'fontawesome' !important;
    content: "\f061 " !important;
    
}
#menupriceitemsscroll:before{
    font-family: 'fontawesome' !important;
    content: "\f060" !important;
    
} */

.priceitemsquare{
    height: 100%;
    width: 100px;
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
    margin-right: 8px;
    padding: 10px;
    background-color: #f4f4f4;
}
#menupriceitemsinnerscroll{
    height: 100%;
    width: 1000px;              
    padding: 5px;
}
.priceitemperiod, .priceitemprice{
    text-align: center;
    margin-top: 3px;
    height: 33px;
    white-space: nowrap;
}                     
.selectedpricemenu{
    box-shadow: 2px 2px 2px 2px rgba(255, 165, 0, 1.75);
    border: 0px;
}           
#currentnumberofitems, #currentnumberofadditionalitems{
    float: right;
    margin: 5px;
    clear: both;
    width: 100%;
    
}
.fixedpricediv{
    z-index: 100;
    position: fixed;
    top: 139px;
    width: 750px;
    background-color: white;
    border-bottom: 2px solid;
    border-color: #0073BC;
}


.delbestlockedheader:after{
    font-family: 'fontawesome';
    content: "\f023";
    position: relative;
    font-size: 45px;
    float: right;
    top: -10px;
    right: 10px;
}
#currentnumberofitemstext, #currentnumberofadditionalitemstext{
    font-weight: bold;
}
#alertdiv{
    background-color: transparent;
    color: rgb(255, 165, 0);
    float: right;
    font-size: 20px;
    height: 20px;
    margin-right: 6px;
    width: 25px !important;
    padding-top: 2px;
    display: inline-block;
    margin-top: 5px;
    
}
.packagealertdiv{
    background-color: transparent;
    color: rgb(255, 165, 0);
    float: right;
    font-size: 20px;
    height: 30px;
    margin-right: 9px;
    width: 25px !important;
    padding-top: 2px;
    display: inline-block;
    margin-top: -32px;
    position: relative;
    
}
#alertdiv:after, .packagealertdiv:after{
    font-family: 'fontawesome';
    content: "\f071";
    margin-left: 5px;
    animation: blinker 2s linear infinite;
}
#alerttextdiv{
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    right: 21px;
    top: 85px;
    z-index: 1;
}
.packagealerttextdiv{
    
    width: 200px;
    background-color: black;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    
    right: -6px;
    top: -41px;
    z-index: 1;
}
#packagebuttoncontainer{
    margin-bottom: 36px;
    margin-top: -17px;
}
#alertdiv:hover #alerttextdiv, .packagealertdiv:hover .packagealerttextdiv {
    visibility: visible;
}                                     
@keyframes blinker {  
  50% { opacity: 0; }
}

.menuvaretitle {
    font-size: 14px;
    margin-bottom: 0 !important;
    min-height: 20px;
    width: 610px;
    /*max-width: 370px;*/
    float: left;
    font-weight: 600;
}
.packagetitle{
    /*
    font-size: 14px;
    margin-bottom: 5px;
    min-height: 20px;
    width: 100%;
    float: left;
    font-weight: 600;
    border-radius: 5px;
    color: white;
    padding: 5px;
    background: #0073BC;
    */
    
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    color: #0073BC;
    border-bottom: solid;
    margin-bottom: 5px;
    
}
.menuvarebesked, .packagemessage{
    float: left;
    font-size: 11px;
    height: 46%;
    line-height: 12px;
    max-height: 29%;   
    min-height: 14px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    width: 80%;
    z-index: 5;
}

.packageitemtitle{
    font-size: 14px;
    margin-bottom: 0 !important;
    min-height: 20px;
    width: 60%;
    float: left;
    font-weight: 600;
}
.packageitemmessage{
    float:left;
    width:95%;
}

.deliveryholder{
    height: auto;
    width: 100%;
    float: left;
}

.menuitembund:hover > .menuvaretitle, .packageitembund:hover > .packageitemtitle {
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0;
    max-height: 124px;       
    text-align: left;
    /*width: 150px;*/
    overflow: visible;
}

/*.packagebund:hover > .packagetitle{
.packagebund:hover > .packagetitle{
    
    float: left;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    max-height: 124px;       
    text-align: left;
    overflow: visible;     
} */

/*.menuitembund:hover > .menuvarebesked, .packagebund:hover > .packagebesked {*/
.menuitembund:hover > .menuvarebesked{
    overflow: visible;
    max-height: 600px; 
       transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
}

.packagebesked{
    float: left;
    margin-left: 4px;
}
/*.menuitembund:hover, .packagebund:hover {*/
.menuitembund:hover {
    height: 100%;
    max-height: 600px;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
        -webkit-box-shadow: 1px 1px 40px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    1px 1px 40px rgba(0, 0, 0, 0.75);
    box-shadow:         1px 1px 40px rgba(0, 0, 0, 0.75); 
}
.menuitembund{
    
    float: left;
    /*height: 60px;*/
    width: 100%;
    color:black;
    padding: 5px 5px 0;
    padding-bottom: 5px;
    max-height: 40px;
    overflow:hidden;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    z-index: 5;
    border-radius: 3px;
}
.packagebund{
    float: left;   
    width: 100%;
    color: black;
    border-bottom: 1px solid #C9C9C9;
    padding: 5px 5px 0;
    padding-bottom: 5px;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    z-index: 5;
    border-radius: 3px;
}
.packageselectionbund{
    width: 100%;
    float: left;   
    color: black;
    padding: 5px 5px 0;
    padding-bottom: 5px;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out 0s, color 0.25s ease-in-out 0s;
    z-index: 5;
    border-radius: 3px;
}
.requiredmenuitem{
    display:none;
}
.requireddiv{
    height: 32px;
    width: 32px;
    float: right;
}
.requiredimg{
    height: 100%;
    width: 100%;
}

.menu_subitemheader{
    margin-top: 1%;
    margin-left: 2%;
}

#maynotacceptoredit{
    color: red;
    font-weight: 700;
    font-size: 28px;
}
.kurvbigvarebund{
    overflow: hidden;
}
.itemcomment{
     font-style: italic;
     font-weight: 100;
}

.switch {
  position: relative;
  display: inline-block;
  width: 47px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #0073BC;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.numberspinner{
    float: left;
    margin-left: -4px;
    width: 50px;
}
#numberofparticipants, #daypackagenumber, #copydaypackagenumber{
    text-align: center;
    width: 170px;
    margin: 0px;      
    outline:none;
}
                                                               
#calcperperson{
    text-align: left;
    float:left;
}
.ui-dialog{
    border: 0px solid #dddddd!important;
    background: none repeat scroll 0 0 #F4F4F4;
}
.ui-dialog-buttonset{
    float:right;
    /*width: 35%;    */
    width:inherit;
}
.menulist{
    height: 100%;
    width: 100%;
    float:left;
}

.menushown:after{
    content: "\f139"!important;            
}
#addmenutobasket{
    float: right;
    clear: both;
    margin-bottom: 5px;
    background-color: #0073BC;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    color: #FFFFFF;
    height: 32px;
    width: 80px;
    font-size: 11px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.menudialogcancelButton{
    float:right;
}
.perioddiv{
    height: 100px;
    width: 100px;
    background-color: white;
    margin: 10px;
    float: left;
    border-radius: 15px;
    border: solid;
    border-width: .5px;
    cursor:pointer;
}
.menuperioddate{
    margin: inherit;
    margin-top: 20px;
    text-align: center;
}
.vat_info{
    text-align: right;
    width: 95%;
    margin-left: 25px;
}
.showmenuitem{
    height: auto;
    width: auto;
    padding: 3px;
    padding-top: 5px;
    font-weight: bold;
    padding-bottom: 0px;
    max-width: 500px;
    font-size: 12px;
    text-align: center;
}
#print_content{
    margin: 6px;
    border-radius: 15px;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
}    

.showmenubuttonset{
    width: 100%;
}
.printButtonClass{
    float: right;
}
#menudateselectcontent{
    min-width: 300px;
    margin: 5px;
}
#printHeader{
    display:none;
}
#menuinputtext{
    float:left;
    margin: 8px;
}
#menudateinput{
    width: 100px;
}
.menuspaceicon{
    text-align: center;   
    line-height: 7px;
}
#showmenuaktiv{
    font-weight:bold;
    text-align:center;
    
}
.showmenuitemdescription{
    height: auto;
    width: auto;
    padding: 3px;
    padding-top: 2px;
    margin-bottom: 5px;
    max-width: 500px;
    font-size: 11px;
    font-style: italic;
    text-align: center;
}
#notrequiredinfo{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.defus_row{
    float:left;
    margin-right:2px;
}
.defus_rowother{
    float:left;
	margin-top: 10px;
    margin-right:2px;
}
.defus_row_not_required{
    float:left;
    margin-bottom: 10px;
    margin-right:2px;
    
}
#notvalidmenucompostion{
    float: left;
    display:none;
    margin-top: 10px;
    font-size: 21px;
    color: red;
}
#notvalidmenucompostion:after{
    font-family: 'fontawesome';
    content: "\f071";
    margin-left: 5px;
}
.compoundsubitem{
    margin: 5px;
}
.redreminder{
    color:red;
}
#daypackageheader{
    color: #0073BC;
    font-size: 21px;
    height: 30px;
    min-height: 30px;
    margin: 0px;
    text-align: left;
    width: 100%;
    padding: 5px;
    float: left;
    border-bottom: 1px solid #0073BC;

}
#daypackageinfo{
    float: left;
    padding: 8px;
    /*width: inherit;*/
    height: auto;
}
#daypackagecontainer{
    width: inherit;
    height: inherit;
}
#daypackageselections{
    float: left;
    width: inherit;
    height: auto;                           
    padding: 10px;
}
.daypackagetextline{
    /*
    font-size: 19px;
    margin-bottom: 10px;
    color: #0073BC;
    */
    
    background: #0073BC;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 33px;
    padding-left: 10px;
    width: 100%;
    float: left;
    font-weight: bold;
}
#dayPackageContainer{
    height:auto;
    width: 280px;
}
.packagekurvitem{
    /*width: 94%;
    margin-bottom: 10px;
    margin-left: 3%;
    */
    
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    display: table;
    list-style-type: none;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    
}
.packagekurvitemheader{
    background: none repeat scroll 0 0 #0073BC;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    padding: 0;
    width: 100%;
    float: left;
}
.packagekurvitemheadertext{
    padding: 8px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
.packagekurviteminfo{
    background: none repeat scroll 0 0 #F4F4F4;
    float: left;
    width: 100%;
}
.packagekurvitemcontent{
    background: none repeat scroll 0 0 #F4F4F4;
    border-radius: 3px;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 8px;
    padding-bottom: 4px;
    clear: both;
    font-size: 11px;
}
.packagekurvitemfooter{
    background: none repeat scroll 0 0 #c4c4c4;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #000000;
    font-size: 14px;
    height: 35px;
    line-height: 33px;
    padding: 0;
    width: 100%;
    float: left;
}
.packagekurviteminfotext{
    padding: 8px;
    float: left;
    width: 71%;
    margin: 0;
    min-height: 75px;
}
.package_ld_top_left{
    padding: 10px;      
}
.packagedetaljer_ld_top{
    margin-top: 10px;
    width: 100%;
}
.ld_top_left{
    padding: 10px;      
    float:left;
    width: 40%;
}
.ld_top_right{
    padding: 10px;      
    float:right;
    width: 60%;
}
.packageld_deltagere, .packageld_kommentar{
    height: 70px;     
    background: white;
    margin-bottom: 10px;
    width: 100%;
}
.packageld_anledning{
    height: 30px;
    background: white;
    margin-bottom: 10px;
    width: 100%;
}
#daypackagecontainerfooter{
    height: 30px;
    margin-top: 35px;
}
#daypackagecontainerheader{
    height: 30px;
}
#daypackagecontainercontent{
    height: auto;
    background:grey;
}
.packageitemname{
    float:left;
}
.packagetextitemname{
    color: #0073BC;
    font-size: 21px;   
    width: 50%; 
}

.packagetextitemalert{
    float: right;
    width: 50%;
    text-align: right;
    color: red;
    display: none;
    animation: blinker 3s linear infinite;
}
.packagetextitembesk{
    color: #0073BC;
    font-size: 15px;
    margin-bottom: 5px;

}
.packagetextitem{
    margin-top: 20px;
    float: left;
    width: 100%;
}
#packageselections{
    margin-top: -20px;
    padding: 10px;  
}
#packagedetaljerdialog{
    background: white;
}
#copypackagedialog{
    background: white;
}
.packagedayselectbygningdiv{
    float:left;
    margin-bottom: 5px;
    margin-right: 9px;
}
.packageselectprefixdiv{
    float:left;
    margin-bottom: 5px;
    margin-right: 9px;
}
.packageselectlokationdiv{
    float:left;
    margin-bottom: 5px;
    margin-right: 10px;
}
.package_ld_tidspunktdiv{
    float:left;
}
#packagedetails{
    float:left;
}
.activedelbestpackage{
    border: 2px solid #ffa500;
    border-radius: 5px;
}
#kfdpcontainer{
    float: left;
    width: 95%;
    margin-left: 25px;
    margin-bottom: 5px;
    border: 1px solid;
    border-radius: 10px;
    border-color: #0073BC;
}
#kfdpcontainerheadertext{
    border: 1px solid #0073BC;
    line-height: 21px;
    border-radius: 5px;
    width: 95%;
    color: #fff;
    margin-left: 25px;
    padding: 5px;
    background: #0073BC;
    float:left;
    margin-bottom: 5px;
    font-weight: bold;
}
.kfdpdelcontainerheader{
    font-size: 18px;
    padding: 5px;
    color: #0073BC;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    
}
.packageitemadjustprice{
    float:right;
    margin-right: 5px;
}

#fixedbuttonholder{
    float: left;
    width: 750px;
}

.fixedupdatebutton{
    z-index: 100;
    position: fixed;
    top: 139px;
    width: 750px;
    
}
#countdowncontainer{
    position: fixed;
    bottom: 0px;
    right: 10px;
    width: 30%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 50px;
    background: rgb(0, 115, 188);
    color: rgb(255, 255, 255);
    font-family: helvetica;
    font-size: 13px;
    text-align: center;
    z-index: 1000;
    animation: blinker 4s linear infinite;
}
#countdowntext{
    padding: 5px;
}
#custInfoContiner{
    position:absolute;
    bottom:0;
    left:20;
    height: 100px;
    width: 100px;
    background-color: blue;
}
#custInfo{
    position: fixed;
    z-index: 1000;
    width: 430px;
    bottom: -207px;
    
}
.customer-chat-header{
    /*
    position: relative;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    height: 55px;
    line-height: 55px;
    margin-top: -10px;
    */
    background: #6FB842;
    cursor: pointer;
    width: 14%;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    padding-left: 7px;
    color: #fff;
    
}
.customer-chat-header-title{
    padding-left: 10px;
}
.imgContainer{
    float: right;
}
.exVAT{
    margin-top: 10px;
}
.privatedelbestilling{
    background: #f4f4f4;
    border-radius: 5px;
}
#privatelevcontainer{
    float: left;
    width: inherit;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 35px;
    padding-bottom: 35px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #eaeaea;
}
.kontaktpersonerprivate{
    float: left;
    margin-bottom: 20px;
    width: 100%;
    font-size: 16px;
    color: #5f6368;
}
.kp_input_private {
    line-height: 2;
    width: 300px;
    border-radius: 5px;
    padding: 3px;
}
.kpholderprivate{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 54%;
    font-weight: 600;
}
.firstnameprivate, .lastnameprivate, .phoneprivate, .emailprivate, #kp_email_private, .datelabelprivate{
    margin-bottom: 10px;
}
.private_kommentar_area{
    resize: none;
    height: 200px;
    width: 100%;
    border-radius: 5px;
}
.afterelement{
    width: 0%;
    float: right;
}
.afterelement:after{
    font-family: FontAwesome;
    content: "\f12a";
    float: right;
    color:red;
    font-size: 30px;
    
}
#pickupinfoprivate{
    float: left;
    margin-bottom: 20px;
    width: 54%;
    font-size: 16px;
    color: #5f6368;
}
#kp_email_private{
    margin-bottom: 20px;
}
.rule {
    margin: 10px 0;
    border: none;
    height: 1.5px;
    background-image: -webkit-linear-gradient(left, #F4F4F3, #5f6368, #f4f4f4);
}
.rulebottom{
    border: none;
    height: 3.5px;
    background-image: -webkit-linear-gradient(left, #F4F4F3, #5f6368, #f4f4f4);
}
.datelabelprivate{
    font-size: 16px;
    font-weight: 600;
    color: #5f6368;
}   

.sel__box--tid{
    max-height: 300px;
    overflow:auto;
}
#select-tid{
    max-height: 300px;
    overflow:auto;
    display:none;
}
#smscontainerprivate{
    line-height: 23.5px;
}
#smsswitchtext{
    float: right;
    font-size: 14px;
}
.exitshop{
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    cursor: pointer;
}
#spisinfoarea{
    float: left;
    background: white;
    
}
.rekvkurvitem{
    background: white;
    border-radius: 5px;
    display: table;
    list-style-type: none;
    margin-bottom: 5px;
    padding: 10px;
    padding-right: 0px;
    box-shadow: 1px 1px 1px 1px #E0E0E0;
    width: 100%; 
}
#rekvhelptext{
    border: 1px solid red;
    padding: 10px;
    border-radius: 10px;
}
.disabledaccinfo{
    pointer-events: none;
}
#topnavbar{
    display:none;
}
.delinfonumberofparticipants{
    width: 45px;
    height: 15px!important;
}
.peKenBurns_promo {
    width: 750px;
    height: 250px;
    z-index: 0 !important;
}
#my-spreadsheet{
    width: 100%;
}
#rekvButtons{
    width: 35%;
    float: right;
    margin-top: -100px;
}
#uploadform{
    float:left;
}
.commentfield:before{
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 8px solid beige;
    content: "";
    display: inline-block;
    background-color: transparent;
    left: 48%;
    position: absolute;
    top: 198px;
}
.defaultcheck{
    margin-right: 40px;
    cursor:pointer;
}
.leftcontentcheck{
    margin-right: 39px;
    float:right;
}


.shop_anchor{
    width:90%;
    min-height: 130px;
    border:none;
    padding:1px;
    --bs-secondary-rgb: 97,113,130 !important;
}
.shop_anchor:hover{
    box-shadow: 0 0 5px 5px #939f65;
}
.shop_anchor .card-body{
    padding: 0px;
    position: relative;
}
.shop_anchor .card-body .cont-left{
    width: 20%;
    height:100%;
    padding: 38px 0px 31px 4px;
    font-size: 40px;
    border-radius: 0.375rem 0px 0px 0.375rem;
    border-left-width: 1px;
}
.shop_anchor .card-body .cont-right{
    width:80%;
    height: 100px;
    padding-top: 7px;
    padding-left: 11px;
}
.shop_anchor .card-body .cont-right .access_div{
    position:absolute;
    bottom:1px;
    font-size: 1rem!important;    
}

.bg-gradient-shop{
    --bs-gradient:linear-gradient(180deg, rgb(238 242 243 / 36%), rgb(255 255 255 / 0%)) !important;
}
.bg-gradient-cont{
    --bs-gradient: linear-gradient(180deg, rgb(255 255 255 / 0%),#21252996) !important;
}

              

.kurvbigdefaultcheck{
    float: right;
    margin-right: 40px;
}
#defaultantaldialog{
    background-color: white;
}
/*IE*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .varecatitemx {
       float: right; 
       width: 100%; 
       position: initial; 
       padding-left: 60px; 
       padding-right: 60px; 
       padding-top: 10px;
       min-height:auto;
   }

   .varebundx{
       height:auto;
       background-color:white;
       pointer-events:none;
   }
   .varebeskx{
       max-width:initial;
       margin-top: 10px;
   }
   .varebeskx:hover {
       pointer-events:none;
   }   
   .vareprisx {
       margin-top: 20px;
       margin-bottom: 20px;
   }
	.vareprisomrx {
		float: left;
		width: 150px;
		padding-left: 60px;
		font-weight: 600;
	}   
}

@media only screen and (min-width: 600px) {
  /* For tablets: */

}
@media only screen and (min-width: 768px) {
  /* For desktop: */

}  
