@import url("https://use.typekit.net/inr2fpw.css");
    
    body
    {
        background-color: #fff!important;
       
    } 
    .stickytop {
        background: none!important;
       
    }
  
  @media (min-width: 768px){
.techotel-top-image {
    height: 436px!important;
}
}
.topbaner-h1-text{
    color: #fff;
    font-family: freight-text-pro, serif;
   
}
.topbaner-h2-text{
    color: #fff;
    font-family: lato, sans-serif;
    font-weight: 300;
   
}
    
    /* Generel skrifttype og baggrundsfarve */
    #reservationadmincontainer .reservation-admin #orderitemssubpage {
        background-color: #fff;
        font-family: lato, sans-serif;font-size: 16px;
    }
    .introheadertext
    {
         font-size: 16px;
        font-family: lato, sans-serif;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    /* Generel knapper og varegruppe-overskrifter*/
     .btn-primary
    {
        background-color: #fff;
        border-color: #b29054;
        box-shadow: none;
        color: #b29054;
      
    }
    
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-primary {
        background-color: #fff;
        border-color: #b29054;
        box-shadow: none;
        color: #b29054;
      
    }
    /* Generel outline knapper (vises i dropdowns) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
         
        box-shadow: none;
        font-size: 1.2em;
    color: #fff;
    border-color: #143551;
    background-color:#143551;  
     
    }
     #reservationadmincontainer .reservation-admin #orderitemssubpage .item .btn-outline-primary {

   

    }
    
     /* topbar over varer til datoskift */
  #orderitemsdeliverydatetop
    {
            font-family: freight-text-pro, serif;
            font-size: 1.4em;
    font-weight: 400!important;
    }
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary:hover {
         color: #9a6e32;
        border-color: #9a6e32;
        background-color: #fff;
        
    }

    /* Toppanel venstre (varegrupper) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown button.btn-outline-primary {
            color: #9a6e32;
    background-color: #e8e6e6;
    /* border-color: #ffffff; */
    font-weight: 900;
    text-transform: uppercase;
    border: #9a6e32 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: lato, sans-serif;
      color: #ae7635;
}

#orderitemstoppanel
{
    background-image: url('https://picassoonline.techotel.dk/media/a4wgknok/right-image.jpg');
    
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-size: 555px 599px;
    
}

    /* Toppanel højre (indkøbskurv) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket {
        background-color: #f3f3f3;
        color: #9a6e32;
        border: #9a6e32 solid 2px;
        font-weight: 400;
        font-size: 16px!important;
    }
    /* Toppanel højre (indkøbskurv) - Antal varer i kurven */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket .btn-primary {
        color: #fff;
        background-color: #b29054;
    }
    /* 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!important;
      color: black!important;
    } 
    #orderitemscomment{
      border: #999 solid 1px!important;
      color: black!important;
      height: 100px;
    } 
    /* Indkøbskurv popup - button (send) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary {
        text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100;
    color: #fff;
    background-color: #9a6e32;
    border-color: #9a6e32;
    margin-top: 22px;
     
    }
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary:hover {
     background-color: #fff;
    color: #9a6e32;
    border-color: #9a6e32; 
    }
    /*vare-billeder*/
   #orderitemsselect .item img
    {
     
    padding-top: 10px;
    padding-bottom: 20px;
    max-height: 300px;
     
}
 @media (max-width: 1199px) {
    #orderitemstoppanel {
        background-size: 45% auto;
    }
}

@media (max-width: 992px){
  
   #orderitemstoppanel
{
     
    background-size: 177px 600px;
    background-clip: border-box;
    overflow: hidden;
    background-image: url('https://picassoonline.techotel.dk/media/mzrnddop/right-image2.jpg');
}}
@media (max-width: 768px){
  
   #orderitemstoppanel
{
     
    background:none;
}}

@media (max-width: 576px){
#orderitemsselect .item img {
     
    max-height: 500px!important;
    margin-bottom: 20px;
}
}
.fa-calendar-alt
{
    color: #b29054;
font-weight: lighter;
    
}
    
    /* Overskrifter varegrupper*/
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .collapse-button {
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
    }
     /* Varer  */
    #orderitemsselect .item
    {
     
     margin-top: 10px;
    
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

    /* Varer - Overskrift */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .title {
        color: #9a6e32;
         font-family: freight-text-pro, serif;
padding-top: 0.2em;
font-weight: 400;
         font-size: 2em;

         
    }

    /* Varer - beskrivelse  */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
        color: #414141;
        font-weight: 400;
    }

    /* Varer - +/- knapper */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .btn-primary {
    color: #ffffff;
    background-color: #b29054;
    border-color: #b29054;
    font-weight: 400;
    height: 33px;
        
    }
     @media (max-width: 408px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .btn-primary {
    display:inline-flex!important;
    
}
         
     }

    /* Varer - pris */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .price {
        color: #9a6e32;
        font-weight: 900;
        width: 100%;
        display: block;
    padding-left: 5px;
    padding-top: 5px;
    background: none !important;
        
    }
    /* dropdown antal 
    
.item-timeslot-dropdown {
    width: 48%!important;
    
} */


 
@media (max-width: 379px){
#orderitemsselect .item .right .item-timeslot-dropdown {
    width: 100%!important;
    max-width: 140px;
}
    
} 
@media (max-width: 379px){
#orderitemsselect .item .right .item-timeslot-dropdown {
    width: 100%!important;
    max-width: 140px;
}
    
} 
/* 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{
    background-color: #fff!important;
    color: #9a6e32!important;
}

@media (min-width: 768px){
.headerrow {
     
    font-size: larger;
}
}
    #orderitems_confirmation > div > div.items > table
    
  
    {
    border-top: #FFFFFF solid 6px;
    border-bottom: #FFFFFF solid 6px;
    width: 100%;
    background: #f2f2f2;
}