/*#########################################################################################################################*/
/*---------------------------- Imports Q ----------------------------------------------------------------------------------*/
/*#########################################################################################################################*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

/* 
    font-family: "Jost", sans-serif;
    font-family: 'Didact Gothic', sans-serif;
*/


/*#########################################################################################################################*/
/*---------------------------- Body Q -------------------------------------------------------------------------------------*/
/*#########################################################################################################################*/
:root {
  /* NAVBAR*/
   --domino-navbar-color: #fff; 
   --domino-navbar-background-color: #333;
   --domino-navbar-background-color-hover: #becee9;
   --domino-navbar-font-family: 'Didact Gothic', sans-serif;
   --domino-navbar-font-weight: 400;
   --domino-navbar-font-size: 16px;
   --domino-navbar-color-hover: #525357; 
   
    /* UNDERMENU NAVBAR*/
   --undermenu-font-weight:400;
   --undermenu-font-color:#3b4533;
   --undermenu-text-transform:initial;
   
    /* BANNER*/
  --bannerheight:650px;
  --bannerheight-mobile:350px;
  
   /* BODY*/
  --domino-body-font-family: 'Didact Gothic', sans-serif;
  --domino-body-background-color:#e8e4e3;
  --domino-body-font-size: 18px;
  --domino-body-color: #3b4533;
  --standard-padding: 20px;
  
   /* OVERSKRIFTER*/
  --domino-h1-font-family: "Jost", sans-serif;
  --domino-h1-font-color: #3b4533;
  --domino-h1-font-weight: 400;
  --domino-h1-font-size: 51px;
  --domino-h2-font-family: "Jost", sans-serif;
  --domino-h2-font-color: #3b4533;
  --domino-h2-font-size: 30px;
  --domino-h3-font-family: "Jost", sans-serif;
  --domino-h3-font-color: #514639;
  --domino-h3-font-size: 60px;
  --domino-h3-font-weight:400;
   --domino-h4-font-family: "Jost", sans-serif;
  --domino-h4-font-color: #3b4533;
  --domino-h4-font-size: 20px;
  --domino-h4-font-weight:400;
  
  
  /* INPUT FIELDS*/
  --domino-input-font-size: 16px;
  --inputfield-background-color: #fff;
  --domino-dropdown-backgroundcolor-hover: #e8f1f6;
  --inputfield-border: #ccc 1px solid;
  --inputfield-color: #525357;
  --inputfield-border-radius: 0px;
  
   /* MAIN KNAPPER*/
  --domino-button-bgcolor: #ebdbd9;
  --domino-button-color: #525357;
  --domino-button-border: 3px solid #fff;
  --domino-button-border-radius: 0px;
  --domino-button-font-size: 16px;
  --domino-button-font-weight: 600;
  --domino-button-font-family: "Jost", sans-serif;
  --domino-button-bgcolor-hover: #becee9;
  --domino-button-color-hover: #525357;
  --domino-button-hover-border: 3px solid #fff;
  
   /* KNAP 'LIGHT'*/
  --domino-buttonlight-bgcolor: #ebdbd9;
  --domino-buttonlight-color: #525357;
  --domino-buttonlight-border: 3px solid #fff;
  --domino-buttonlight-border-radius: 0px;
  --domino-buttonlight-font-size: 16px;
  --domino-buttonlight-font-weight: 600;
  --domino-buttonlight-font-family: "Jost", sans-serif;
  --domino-buttonlight-bgcolor-hover: #d6c4c1;
  --domino-buttonlight-color-hover: #4c4e50;
  --domino-buttonlight-hover-border: 3px solid #525357;
  
  
   /* KNAP 'DARK'*/
  --domino-buttonDark-bgcolor: #a3c2cc;
  --domino-buttonDark-color: #fff;
  --domino-buttonDark-border: 3px solid #fff;
  --domino-buttonDark-border-radius: 0px;
  --domino-buttonDark-font-size: 16px;
  --domino-buttonDark-font-weight: 600;
  --domino-buttonDark-font-family: "Jost", sans-serif;
  --domino-buttonDark-bgcolor-hover: #ebdbd9;
  --domino-buttonDark-color-hover: #fff;
  --domino-buttonDark-hover-border: 3px solid #a3c2cc;
  
   /* PRODUKT OG VÆR RAMMER*/
  --border-product-background-color: #e8f1f6;
  --arrow-color: #ffffff00;
   
    /* FACILITETER*/
  --facilities-font-size: 16px;
  --facilities-font-color: #3b4533;
  --facilities-font-weight: #400;
  
   /* READMORE*/
  --domino-readmore-font-weight: 600;
  --domino-readmore-font-color: #a0a4a9;
  --domino-link-font-color: #a3c2cc;
  --domino-link-font-color-hover: #bfcfa1;
  
   /* BILLEDER*/
  --domino-pic-border-radius: 0px;
  
  /* KALENDER*/
   --domino-calendar-bgcolor: #e8f1f6;
   --domino-calendar-accent-bgcolor: #849b70;
   --domino-calendar-notavail-background-color:#e8c4c3;
  --domino-calendar-notavail-color:#3b4533;
   
}
     
     
/* Body standard font */
body {
     
    line-height: 22.5px;
    vertical-align: baseline;
    letter-spacing: normal;
    word-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: rgb(68, 68, 68);
    text-indent: 0px;
    font-family: var(--domino-body-font-family);
  font-size: var(--domino-body-font-size);
  color: var(--domino-body-color);
  background-color: var(--domino-body-background-color);
}   
    #cssmenu {
        background-color: var(--domino-navbar-background-color)!important;
        padding-left: 5%;
        padding: 40px !important;
    }
    
#adminsubpagewrapper
{
    margin-top: 20px;
}

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

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

.heading1{
    font-size: 20px;
}

h2{
    color:  var(--domino-h1-font-color);
   
    font-family: var(--domino-body-font-family); 
    font-size: 18px !important;
   
}
.h2 {
    font-size: 2rem;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}
    
    /* Generel skrifttype og baggrundsfarve */
    #reservationadmincontainer .reservation-admin #orderitemssubpage {
        background-color: #fff;
        font-family: var(--domino-body-font-family); 
        font-size: 16px;
         
    padding: 20px;
    }
    .introheadertext
    {
         font-size: 16px;
        font-family: var(--domino-body-font-family); 
    }

    /* Generel knapper og varegruppe-overskrifter*/
     .btn-primary
    {
        background-color: #fff;
        border-color: var(--domino-button-bgcolor);
        box-shadow: none;
        color: var(--domino-button-bgcolor);
      
    }
    
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-primary {
        background-color: #fff;
        border-color: var(--border-product-background-color);
        box-shadow: none;
        color: var(--domino-button-bgcolor);
      
    }
    /* Generel outline knapper (vises i dropdowns) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
         
        box-shadow: none;
     
    color:  var(--inputfield-color);
    border:  var(--inputfield-border);
   background-color: var(--inputfield-background-color);
         position: relative;
    top: 0px;
        border-radius: 0;
      
    }
    
     #reservationadmincontainer .reservation-admin #orderitemssubpage .item .btn-outline-primary {

   

    }
    .booked-timeslots {
    font-size: 13px!important;
   
    text-align: center;
    color:  var(--domino-h1-font-color);
    line-height: 20px;
   
}
.booked-timeslots div {
     
           background-color: #deeadd;
        padding: 5px;
         
    margin-top: 5px;
    margin-bottom: 5px;
}

#orderitemsdeliverydatebutton
{

 color:  var(--domino-h1-font-color)!important;
    border-color:  var(--domino-dropdown-backgroundcolor-hover)!important;
   background-color: var(--domino-dropdown-backgroundcolor-hover)!important;
width: min-content;

}
#orderitemsdeliverydatebutton:hover
{

  color:  var(--domino-h1-font-color);
        border-color:  var(--domino-h1-font-color);
        background-color: var(--domino-button-bgcolor-hover);


}
    #orderitemsdeliverydatebuttontext{
      font-size: 24px!important;
    text-transform: capitalize;
    padding-left: 10px;
        
    }
     /* topbar over varer til datoskift */
  #orderitemsdeliverydatetop, #orderitemsdeliverydatetop button.btn
    {
            font-family: var(--domino-body-font-family); 
            font-size: 24px!important;
    font-weight: 500!important;
    text-transform: capitalize;
    color:  var(--domino-h1-font-color)!important;
    border-color:  var(--domino-dropdown-backgroundcolor-hover)!important;
    
    
    }
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary:hover {
         color:  var(--inputfield-color);
        border:  var(--inputfield-border);
        background-color: var(--domino-dropdown-backgroundcolor-hover);
        
    }

    /* Toppanel venstre (varegrupper) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown button.btn-outline-primary {
            color:  var(--domino-h1-font-color);
    background-color: #e8e6e6;
    /* border-color: #ffffff; */
    font-weight: 900;
    text-transform: uppercase;
    border:  var(--domino-h1-font-color) 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
    {
         
}
.readonly-into
{
      font-size: 16px!important;
      font-family: var(--domino-body-font-family); 
          color: #414141;
          text-transform: none;
          white-space: normal
}

    /* Toppanel højre (indkøbskurv) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket {
        background-color: #f3f3f3;
        color:  var(--domino-h1-font-color);
        border:  var(--domino-h1-font-color) 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: var(--domino-button-color);
        background-color:var(--border-product-background-color);
    }
    /* Toppanel højre (indkøbskurv) - Totalbeløb */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket .orderitemstotalamount {
    }


    /* Indkøbskurv popup */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket {
       
         
    }
    /* Indkøbskurv popup - +/- knapper */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketitems .btn-primary {
    }
    /* Indkøbskurv popup - bundpanel */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom  {
         
    }
    /* 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:#f9f7f7;
      color: #6c757d;
      font-size: 1.4em;
    text-align: left;
    }
    

     /* 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;
    }
    #orderitemsbasketbottom textarea{
      border: #999 solid 1px!important;
      color:#333!important;
    }
    /* Indkøbskurv popup - button (send) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary {
       text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: var(--domino-button-font-weight);
    color: var(--domino-button-color);
    background-color: var(--domino-button-bgcolor);
    border: var(--domino-button-border);
    padding: 8px;
    }
     /* Indkøbskurv popup ekstra køb titler */
    .orderitemsticket-addontable .title
    {
         
   font-weight: 600;
    padding-bottom: 0.3em;
    color: #414141;
    
      }
       /* 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:  var(--domino-h1-font-color);
    border-color:  var(--domino-h1-font-color); 
    }
    /*vare-billeder*/
   #orderitemsselect .item img
    {
     
    padding-top: 10px;
    padding-bottom: 10px;
     
}

#availability_calendar_modal {
  max-width: 100vw; 
}


.fa-calendar-alt
{
    color: var(--domino-button-color);
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: 10px;
    padding-right: 10px;
}

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

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

    /* Varer - +/- knapper */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .btn-primary {
    color: var(--domino-button-color);
    background-color: var(--domino-button-bgcolor);
    border:none;
    font-weight: 400;
   height: 31px;
    border-radius: 0 !important;
        
    }

    /* Varer - pris */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .price {
        color:  var(--domino-h1-font-color);
        font-weight: 900;
        margin-top: 4px;
    }
/* ordre bekræftelses side */
     .reservation-order-confirmation   {
         font-size: 16px!important;
        font-family: foco, sans-serif!important;
         color: #515151!important;
         background-color: #fff!important;
         padding: 1em!important;
    }
    
   .headerrow{
    
    color:  var(--domino-h1-font-color)!important;
}

.footer-dark .copyright {
     
    opacity: 0.9;
   color:#fff;
}
.pagebottomtext{
    margin-top: 40px;
}
 @media (max-width: 1199px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
         
       
        height: auto;
         
    
     padding-right: 10px;
    overflow-y: auto;
   
    }
 
     
}

@media (min-width: 768px){
.headerrow{
     
    font-size: larger;
}
}
    
 
 @media (max-width: 767px) {
    .mobile-top-image {
        min-height: 340px;
        background-repeat: none;
    }
    
     
}
 @media (max-width: 575px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
         
       
        height: auto;
        
       
    
     padding-right: 10px;
    overflow-y: auto;
   
    }
    #orderitemsselect .item img {
       
        max-height: 500px!important;
        
    }
 #orderitemsselect .item
    {
 padding-left: 0px;
    padding-right: 0px;
}
     
         
    .container{
    
    margin-top: 10px;
}
.reservation-order-confirmation{
    font-size: 13px!important;
    
}

}  

@media (max-width: 380px){
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage{
   
    font-size: 0.9em;}
    
.readonly-into {
    font-size: 13px !important;  }

#reservationadmincontainer .reservation-admin #orderitemssubpage {
    background-color: #fff;
    font-family: var(--domino-body-font-family); 
    font-size: 14px;
    
}

}
   
   .warenumber{display:none;}
   
  
    .waretext{font-weight:bold;}