
       @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    
    body
    {
        background-color: #f6f6f6!important;
       color: #444;
    }
 .stickytop {
    background: none !important;
}


.cssmenu-leftside-login {
    display: none !important;
}


a {
    color: #444;
    text-decoration: none;
     
}
#orderitemstoppanel
{
    background-image: url('https://picassoonline.techotel.dk/media/3tzljj01/food.jpg');
    
    background-repeat: no-repeat;
    background-position: right 10px;
    background-size: contain;
    background-size: 555px 599px;
    
}
.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;
}
 .tcalHelpText, .tcalHelpLabel{
     font-size: 14px!important;
}

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

.heading1{
    font-size: 20px;
}

h2{
    color: #444;
   
    font-family:"Inter", sans-serif;
    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 {
         
        font-family: "Inter", sans-serif;font-size: 16px;
    }
    .introheadertext
    {
         font-size: 16px;
        font-family: "Inter", sans-serif;
    }

    /* Generel knapper og varegruppe-overskrifter*/
     .btn-primary
    {
        background-color: #fff;
        border-color: #444;
        box-shadow: none;
        color: #444;
      
    }
    
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-primary {
        background-color: #fff;
        border-color: #444;
        box-shadow: none;
        color: #444;
      
    }
    /* Generel outline knapper (vises i dropdowns) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
         border: #444 2px solid!important;
        box-shadow: none;
        font-size: 1em;
    color: #444;
   border: #999 solid 1px;
    background-color:#fff;  
         position: relative;
    top: 0px;
    border-radius: 4px;
    }
    #orderitemsdeliverydatebutton{
         
        
   border: none!important;
     
    }
    
     #reservationadmincontainer .reservation-admin #orderitemssubpage .item .btn-outline-primary {

   

    }
    
     /* topbar over varer til datoskift */
  #orderitemsdeliverydatetop
    {
            font-family: "Inter", sans-serif;
            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: #444;
        border-color: #444;
        background-color: #fff;
        
    }

    /* Toppanel venstre (varegrupper) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown button.btn-outline-primary {
            color: #444;
    background-color: #e8e6e6;
    /* border-color: #ffffff; */
    font-weight: 900;
    text-transform: uppercase;
    border: #444 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: #444;
        border: #444 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: #444;
    }
    /* 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: #444;
     font-size: 13px;
    text-align: left;
     min-height: 35px;
     font-weight: 400;
     border-radius:2px;
     white-space: normal;
     

    }
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary:hover
    {
      background-color:#444!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;
    }
    /* Indkøbskurv popup - button (send) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary {
        text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    color: #fff;
    background-color: #f4ad24;
    border-color: #f4ad24;
    margin-top: 10px;
    padding: 10px;
     
    }
     /* 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: #444;
    border-color: #444; 
    }
    /*vare-billeder*/
   #orderitemsselect .item img
    {
     
    padding-top: 10px;
    padding-bottom: 10px;
     
}

#availability_calendar_modal {
  max-width: 100vw; 
}


.fa-calendar-alt
{
    color: #444;
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: #444;
         font-family: "Inter", sans-serif;
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: #444;
    border:none;
    font-weight: 400;
    height: 30px;
        
    }

    /* Varer - pris */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .price {
        color: #444;
        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: #444!important;
}

.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 {
     
    background-size: 177px 600px;
    background-clip: border-box;
    
    background-image: url('https://picassoonline.techotel.dk/media/nc1d5qcc/food2.jpg');
}

#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket
{
    width: 72%;
}

#orderitemsdeliverydatetop {
    
      
    width: 69%;
    
 
    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;
    }
    
.topbanner
{
    height: 355px;
}
 .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;
   
    }
    #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: 1em;   }
    #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;
}
    