@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'Tartuffo';
    src: url('../../fonts/Tartuffo-Light.eot');
    src: url('../../fonts/Tartuffo-Light.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Tartuffo-Light.woff2') format('woff2'),
        url('../../fonts/Tartuffo-Light.woff') format('woff'),
        url('../../fonts/Tartuffo-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tartuffo';
    src: url('../../fonts/Tartuffo-Medium.eot');
    src: url('../../fonts/Tartuffo-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Tartuffo-Medium.woff2') format('woff2'),
        url('../../fonts/Tartuffo-Medium.woff') format('woff'),
        url('../../fonts/Tartuffo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*font-family: font-family: "Inter", sans-serif;, sans-serif;*/
 :root {
  /* NAVBAR*/
   --domino-navbar-color: #01613c; 
   --domino-navbar-background-color:#f5f5f5;
   --domino-navbar-background-color-hover:#f5f5f5;
   --domino-navbar-font-family: "Inter", sans-serif;
   --domino-navbar-font-weight: 400;
   --domino-navbar-font-size: 15px;
   
    /* UNDERMENU NAVBAR*/
   --undermenu-font-weight:400;
   --undermenu-font-color:#01613c;
   --undermenu-text-transform:uppercase;
   
    /* BANNER*/
  --bannerheight:650px;
  --bannerheight-mobile:450px;
  
   /* BODY*/
  --domino-body-font-family: "Inter", sans-serif;
  --domino-body-background-color:#f5f5f5;
  --domino-body-font-size: 16px;
  --domino-body-color: #222;
  --domino-body-color2: #01613c;
  --standard-padding: 20px;
  
   /* OVERSKRIFTER*/
  --domino-h1-font-family:'Tartuffo', sans-serif;
  --domino-h1-font-color: #01613c;
  --domino-h1-font-weight: 500;
  --domino-h1-font-size: 51px;
  --domino-h2-font-family:"Inter", sans-serif;
  --domino-h2-font-color: #01613c;
  --domino-h2-font-size: 34px;
  --domino-h3-font-family:"Inter", sans-serif;
  --domino-h3-font-color: #01613c;
  --domino-h3-font-size: 22px;
  --domino-h3-font-weight:400;
   --domino-h4-font-family: "Inter", sans-serif;
  --domino-h4-font-color: #222;
  --domino-h4-font-size: 19px;
  --domino-h4-font-weight:400;
  
  
  /* INPUT FIELDS*/
  --domino-input-font-size: 16px;
  --inputfield-background-color: #fff;
  --domino-dropdown-backgroundcolor-hover: #f5f5f5;
  --inputfield-border: #ccc 1px solid;
  --inputfield-color: #333;
  --inputfield-border-radius: 0px;
  
   /* MAIN KNAPPER*/
  --domino-button-bgcolor: #01613c;
  --domino-button-color: #fff;
  --domino-button-border: 2px solid #01613c;
  --domino-button-border-radius: 0px;
  --domino-button-font-size: 14px;
  --domino-button-font-weight: 400;
  --domino-button-font-family: "Inter", sans-serif;
  --domino-button-bgcolor-hover: #05422b;
  --domino-button-color-hover: #fff;
  --domino-button-hover-border: 2px solid #05422b;
  
   /* KNAP 'LIGHT'*/
  --domino-buttonlight-bgcolor:#f5f5f5;
  --domino-buttonlight-color: #01613c;
  --domino-buttonlight-border: 2px solid #01613c;
  --domino-buttonlight-border-radius: 0px;
  --domino-buttonlight-font-size: 14px;
  --domino-buttonlight-font-weight: 400;
  --domino-buttonlight-font-family:  "Inter", sans-serif;
  --domino-buttonlight-bgcolor-hover: #01613c;
  --domino-buttonlight-color-hover: #fff;
  --domino-buttonlight-hover-border: 2px solid #01613c;
  
   /* KNAP 'DARK'*/
  --domino-buttonDark-bgcolor: #01613c;
  --domino-buttonDark-color: #fff;
  --domino-buttonDark-border: 1px solid #01613c;
  --domino-buttonDark-border-radius: 0px;
  --domino-buttonDark-font-size: 14px;
  --domino-buttonDark-font-weight: 600;
  --domino-buttonDark-font-family:  "Inter", sans-serif;
  --domino-buttonDark-bgcolor-hover: #2b3926;
  --domino-buttonDark-color-hover: #fff;
  --domino-buttonDark-hover-border: 1px solid #2b3926;
  
   /* PRODUKT OG VÆR RAMMER*/
  --border-product-background-color: #e8cdc7;
  --arrow-color: #fff;
   
    /* FACILITETER*/
  --facilities-font-size: 16px;
  --facilities-font-color: #222;
  --facilities-font-weight: #400;
  
   /* READMORE*/
  --domino-readmore-font-weight: 400;
  --domino-readmore-font-color: #222;
  --domino-link-font-color: #416d8c;
  --domino-link-font-color-hover: #01613c;
  
   /* BILLEDER*/
  --domino-pic-border-radius: 0px;
  
  /* KALENDER*/
   --domino-calendar-bgcolor: #f6f4ef;
   --domino-calendar-accent-bgcolor: #01613c;
   --domino-calendar-notavail-background-color:#f3e3e3;
  --domino-calendar-notavail-color:#8b4b4b;
   
}
    
    body
    {
        font-size: var(--domino-body-font-size);
  color: var(--domino-body-color);
  background-color: var(--domino-body-background-color);
    }
 .stickytop {
    background: none !important;
}
    
a {
    color: #01613c;
    text-decoration: none;
     
}

.topbar-companylogo a img {
   
    top: 0px !important;
    
}
#orderitemstoppanel
{
    background-image: url('https://picassoonline.techotel.dk/media/wogdhccp/food-copy.jpg');
    height: 599px;
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size: contain;
    background-size: 555px 599px;
    
}
#cssmenu {
     
    padding-bottom: 35px;
    
    padding-top: 35px;
}
.popover .popover-body{
    color: #fff;
    background-color: #415939;
}
#orderitemsbasketbottom .bs-popover-top .arrow::after{
    
   border-top-color: #415939!important;
}
 .basketcheckboxcontainer {
    margin-top: 10px;
}
#orderitemsnewsletter, #orderitemsacceptconditions{
    margin-bottom:10px!important;
   margin-top: -13px;
}

    .techotel-top-image{
        background-size: cover;
    background: none;
    background-position-y: center;
}
 .tcalHelpText, .tcalHelpLabel{
     font-size: 14px!important;
}

  @media (min-width: 768px){
.techotel-top-image {
    height: 430px!important;
     background-size: cover;
}
}
.topbaner-h1-text{
    color: #fff;
    font-family: var(--domino-h1-font-family);
   
}
.topbaner-h2-text{
    color: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 300;
   
}

.heading1{
    font-size: 20px;
}

h2{
    color: #01613c;
   
    font-family: var(--domino-h2-font-family);
    font-size: var(--domino-h2-font-size);
   
}
.h2 {
    font-size: 2rem;
}
   
    /* Generel skrifttype og baggrundsfarve */
    #reservationadmincontainer .reservation-admin #orderitemssubpage {
         
        font-family: "Inter", sans-serif;font-size: 16px;
    }
    .introheadertext
    {
         font-size: 16px;
        font-family: "Inter", sans-serif;
        margin-top: 15px;
    }

    /* Generel knapper og varegruppe-overskrifter*/
     .btn-primary
    {
    background-color: var(--domino-button-bgcolor);
    border: var(--domino-button-border);
    box-shadow: none;
    color: var(--domino-button-color);
    font-size: var(--domino-button-font-size);
    text-transform: uppercase;
    margin-top: 10px;
    padding: 10px;
    border-radius: var(--domino-button-border-radius);

    }
     .btn-primary:hover
    {
    background-color: var(--domino-button-bgcolor-hover);
    border: var(--domino-button-hover-border);
    color: var(--domino-button-color-hover);
    
    }
     .btn-outline-primary{
   background-color: var(--domino-buttonlight-bgcolor);
    border: var(--domino-buttonlight-border);
    box-shadow: none;
    color: var(--domino-buttonlight-color);
    font-size: var(--domino-button-font-size);
    text-transform: uppercase;
    margin-top: 10px;
    padding: 10px;
    border-radius: var(--domino-button-border-radius);

    }
    .btn-outline-primary:hover
    {
    background-color: var(--domino-buttonlight-bgcolor-hover);
    border: var(--domino-buttonlight-hover-border);
    color: var(--domino-buttonlight-color-hover);
    
    }
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-primary {
        background-color: #fff;
        border-color: #01613c;
        box-shadow: none;
        color: #01613c;
      
    }
    /* Generel outline knapper (vises i dropdowns) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
         border: #01613c 2px solid!important;
        box-shadow: none;
        font-size: 1em;
    color: #01613c;
   font-family: var(--domino-h1-font-family);
    font-weight: var(--domino-h1-font-weight);
text-transform: initial;
    background-color:#fff;  
         position: relative;
    top: 0px;
    border-radius: var(--inputfield-border-radius);
    }
    #orderitemsdeliverydatebutton{
         
        
   border: none!important;
     
    }
    
     #reservationadmincontainer .reservation-admin #orderitemssubpage .item .btn-outline-primary {

   

    }
    
     /* topbar over varer til datoskift */
  #orderitemsdeliverydatetop
    {
            font-family: var(--domino-h2-font-family);
            font-size: 1.4em;
    font-weight: 400!important;
    padding-left: 13px;
    padding-top: 10px;
    width: 46%;
    margin-left: 15px;
    }
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary:hover {
         color: #01613c;
        border-color: #01613c;
        background-color: #fff;
        
    }

    /* Toppanel venstre (varegrupper) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown button.btn-outline-primary {
            color: #01613c;
    background-color: #e8e6e6;
    /* border-color: #ffffff; */
    font-weight: 900;
    text-transform: uppercase;
    border: #01613c solid;
    }
    /* Toppanel venstre (varegrupper) - dropdown  */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown .dropdown-menu {
        
    }
    /* Toppanel venstre (varegrupper) - dropdown - knapper  */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown .dropdown-menu .btn-outline-primary
    {
         
}
#orderitemstablebookingpaxdropdown{
 
    width: 97%;
     
}

.readonly-into
{
      font-size: 16px!important;
      font-family: "Inter", sans-serif;
          color: #414141;
}

    /* Toppanel højre (indkøbskurv) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket {
        background-color: #f3f3f3;
        color: #01613c;
        border: #01613c solid 2px;
        font-weight: 400;
        font-size: 16px!important;
        line-height: 3;
    }
    /* Toppanel højre (indkøbskurv) - Antal varer i kurven */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket .btn-primary {
        color: #fff;
        background-color: #01613c;
    }
    /* Toppanel højre (indkøbskurv) - Totalbeløb */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket .orderitemstotalamount {
    }


    /* Indkøbskurv popup */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket {
           width: 46%;
            
         
    }
    
    #orderitemstoppanel .row {
   
    margin-top: 0 !important;
} 

#orderitemsphone

 {
    margin-bottom: 35px;
}


    /* Indkøbskurv popup - +/- knapper */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketitems .btn-primary {
    }
    /* Indkøbskurv popup - bundpanel */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom  {
       
   
   
    width:  100%;
  margin-left: 22px;
    }
    /* Indkøbskurv popup - header*/
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .header {
    }
    /* Indkøbskurv popup - dropdowns */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary {
      background-color:#fff;
      color: #01613c;
     font-size: 16px;
    text-align: left;
      min-width: 76px;
      
     border-radius:var(--inputfield-border-radius);
     white-space: normal;
     

    }
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary:hover
    {
      background-color:#01613c!important;
      color:#fff!important;
      
    }

     /* Indkøbskurv popup - inputfelter */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom input, #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom select {
      border: #999 solid 1px;
      color:#333;
      background-color: #fff!important;
          min-height: 50px;
          margin-bottom: 5px;
    }
    #orderitemsbasketbottom textarea{
      border: #999 solid 1px!important;
      color:#333!important;
      background-color: #fff!important;
      margin-top: 5px;
      border-radius: var(--inputfield-border-radius) !important;
    }
    #orderitemsbasketinner #orderitemsbasketticketscontainer #orderitemsbasketbottom input[type=text]{
       
      border-radius: var(--inputfield-border-radius) !important;
    }
    
    
    /* Indkøbskurv popup - button (send) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary {
         background-color: var(--domino-button-bgcolor);
    text-decoration: none;
    color: var(--domino-button-color);
    border: var(--domino-button-border);
    border-radius: var(--domino-button-border-radius);
    font-size: var(--domino-button-font-size);
    font-weight: var(--domino-button-font-weight);
    font-family: var(--domino-button-font-family);
    transition: all .5s ease-in-out;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 1px;
        padding: 10px;
     
    }
     /* Indkøbskurv popup ekstra køb titler */
    .orderitemsticket-addontable .title
    {
         
   font-weight: 600;
    padding-bottom: 0.3em;
  
    
      }
       /* Indkøbskurv popup ekstra køb priser */
    .orderitemsticket-addontable .price
    {
         color: #414141;
   font-weight: 600;
    margin-bottom: 13px;
   
    display: flex;
    
      }
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary:hover {
     background-color: #fff;
    color: #01613c;
    border-color: #01613c; 
    }
    /*vare-billeder*/
   #orderitemsselect .item img
    {
     
    padding-top: 10px;
    padding-bottom: 10px;
     
}

#availability_calendar_modal {
  max-width: 100vw; 
}


.fa-calendar-alt
{
    color: #01613c;
font-weight: lighter;
    
}
    
    /* Overskrifter varegrupper*/
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .collapse-button {
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
    }
     /* Varer  */
    #orderitemsselect .item
    {
     
     
    padding-left: 5px;
    padding-right: 5px;
}

    /* Varer - Overskrift */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .title {
        color: #01613c;
         font-family: var(--domino-h2-font-family);
padding-top: 0.3em;
font-weight: 400;
         
         
    }

    /* Varer - beskrivelse  */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
        color: #414141;
        font-weight: 400;
        height: auto;
    scroll-behavior: auto;
     padding-right: 10px;
    overflow-y: auto;
   
    }

    /* Varer - +/- knapper */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .btn-primary {
    color: #ffffff;
    background-color: #01613c;
    border:none;
    font-weight: 400;
    height: 30px;
        
    }

    /* Varer - pris */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .price {
        color: #01613c;
        font-weight: 900;
        line-height: 40px;
    }
/* ordre bekræftelses side */
     .reservation-order-confirmation   {
         font-size: 16px!important;
        font-family: "Inter", sans-serif!important;
         color: #515151!important;
         background-color: #fff!important;
         padding: 1em!important;
    }
    
   .headerrow{
    
    color: #01613c!important;
}
.footer-dark, .footer-dark .copyright {
    color: #fff !important;
    background-color: #01613c;
}
.footer-dark .copyright {
     
    opacity: 0.9;
   color:#fff;
}

 @media (max-width: 1199px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
         
       
        height: auto;
         
    
     padding-right: 10px;
    overflow-y: auto;
   
    }
 #orderitemstoppanel
{
     
   background-size: 50% auto;
    
}
     
}

@media (max-width: 992px){
  
   #orderitemstoppanel.notechotel-top-image{
     
    background-size: 177px 600px;
    background-clip: border-box;
    overflow: hidden;
    background-image: url('https://picassoonline.techotel.dk/media/d3pe2cez/brass2.jpg');
}

 
#orderitemsdeliverydatetop {
    
     
    margin-left: 8px;
}

#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom {
    /* border: red solid; */
 margin-left: 15px;
    margin-right: 10px;
    width: calc(100% - 20px);
     
}
    }

@media (min-width: 768px){
.headerrow{
     
    font-size: larger;
}
}
    
 
 @media (max-width: 767px) {
    .mobile-top-image {
        min-height: 185px;
        background-repeat: none;
    }
 .notechotel-top-image {
        padding-top: 3px;
    }   
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket
{
    width: 100%;
}
    #orderitemstoppanel
{
     
     
    background-image: none;
    
    
}
#orderitemsdeliverydatetop {
    
    width: 94%;
    
}
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom {
   
    margin-left: 15px;
    margin-right: 17px;
    width: calc(100% - 30px);
}
    
    .notechotel-top-image {
        padding-top: 3px;
    }
}
 @media (max-width: 575px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
         
       
        height: auto;
        
       
    
     padding-right: 10px;
    overflow-y: auto;
   
    }
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary
{
        font-size: 13px;
    min-width: unset;
     
}
    #orderitemsselect .item img {
       
        max-height: 500px!important;
        
    }
     
        .mobile-top-image {
        min-height: 140px;
         
    }
    .container{
    
    margin-top: 10px;
}
.reservation-order-confirmation{
    font-size: 13px!important;
    
}

}  
@media (max-width: 404px){
 
#orderitemsdeliverydatetop {
     
    width: 92%;
    
}
}
@media (max-width: 380px){
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
    
    font-size: 0.8em;   }
    #reservationadmincontainer .reservation-admin #orderitemssubpage{
   
    font-size: 0.9em;}
    
.readonly-into {
    font-size: 13px !important;  }

#reservationadmincontainer .reservation-admin #orderitemssubpage {
   
    font-family: "Inter", sans-serif;
    font-size: 14px;
    
}

}
   
   .warenumber{display:none;}
   
  
    .waretext{font-weight:bold;}
.pagebottomtext{
    margin-top: 20px;
}