@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
    
    body
    {
        background-color: #fff!important;
       color: #444;
    }
 .stickytop{
    background: none!important;
}   
    #cssmenu
    
    {
padding-top: 10px;
padding-bottom: 10px;
    background: #000000;
}
a {
    color: #9b000e;
    text-decoration: none;
     
}
.topbanner-overlay-logo a img{
    max-height: 337px;
}
.topbanner-overlay-logo{
     
    top: 75px;
     
}
#orderitemstoppanel
{
    background-image: url('https://picassoonline.techotel.dk/media/qhmfhdbb/right-image.jpg');
    
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    background-size: 555px 599px;
    
}
.stickytop-container.container

{
    background-color: #fff;
    box-shadow: 0px 14px 14px -12px rgba(107,107,107,0.57);
-webkit-box-shadow: 0px 14px 14px -12px rgba(107,107,107,0.57);
-moz-box-shadow: 0px 14px 14px -12px rgba(107,107,107,0.57);
 transition-timing-function: ease-in;
 margin-top:0;
 padding-top: 5px;
 
}
#orderitemsbasketbottom #orderitemsdeliveryinfo{
        margin-top: 10px;
}
 .basketcheckboxcontainer {
    margin-top: 10px;
}

    .techotel-top-image{
        background-size: cover;
    background: none;
}
 .tcalHelpText, .tcalHelpLabel{
     font-size: 14px!important;
}
.topbaner-h1-text{
     
    font-family: "Cormorant Garamond", serif;
     
    color: #fff;
}
  @media (min-width: 768px){
.techotel-top-image {
    height: 350px!important;
     background-size: cover;
     background-position-y: -215px;
}
}
.topbaner-h1-text{
     font-size: 54px!important;
   
}
.topbaner-h2-text{
    color: #fff;
    font-family: "Merriweather", serif;
    font-weight: 300;
   
}

.heading1{
    font-size: 18px;
}

h2{
    color: #9b000e;
   
    font-family: "Cormorant Garamond", 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 {
        background-color: #fff;
        font-family: "Merriweather", serif;font-size: 16px;
    }
    .introheadertext
    {
       font-size: 16px;
    font-family: "Merriweather", serif;
    max-width: 80%;
     
    margin: auto;
        
    }

    /* Generel knapper og varegruppe-overskrifter*/
     .btn-primary
    {
        background-color: #fff;
        border-color: #9b000e;
        box-shadow: none;
        color: #9b000e;
      
    }
    
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-primary {
        background-color: #fff;
        border-color: #9b000e;
        box-shadow: none;
        color: #9b000e;
      
    }
    /* Generel outline knapper (vises i dropdowns) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
         
        box-shadow: none;
        font-size: 1.1em;
    color: #333;
   border: #999 solid 1px;
    background-color:#fff;  
         position: relative;
    top: 0px;
    font-weight: 500;
    }
    #orderitemsdeliverydatebutton{
         
        
   border: none!important;
     
    }
    
     #reservationadmincontainer .reservation-admin #orderitemssubpage .item .btn-outline-primary {
    }
    
    #orderitemsdeliverydatetop button.btn-outline-primary
    {
     
    background: none!important;
}
    
     /* topbar over varer til datoskift */
  #orderitemsdeliverydatetop
    {
            font-family: "Cormorant-Garamond", serif;
    font-size: 24px;
    font-weight: 500 !important;
    padding: 3px;
    border: #333 solid;
    text-transform: uppercase;
    margin-left: 5px;
    background-color: #fff !important;
    width: 45%;
    }
    #orderitemsdeliverydatetop:hover
    {
           border-color: #9b000e!important;
           color: #9b000e!important;
    }
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary:hover {
         color: #9b000e!important;
    
         
        
    }

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

    /* Toppanel højre (indkøbskurv) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket {
        background-color: #f3f3f3;
        color: #9b000e;
        border: #9b000e 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: #9b000e;
    }
    /* 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: 8px;
} 

#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: 0;
    }
    /* 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: 16px;
    text-align: left;
    border-radius: 0;
     

    }
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary:hover
    {
      background-color:#9b000e!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;
      height: 36px;
      border-radius: 0 !important;
    }
    #orderitemsbasketbottom textarea
    {border: #999 solid 1px!important;
      color:#333!important;
      height: 100px!important;
      border-radius: 0 !important;
    }
    
    
    /* 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: #9b000e;
    border-color: #9b000e;
    margin-top: 10px;
    padding: 10px;
    font-size: 19px;
     
    }
     /* 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 .price8
    {
         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: #9b000e;
    border-color: #9b000e; 
    }
    /*vare-billeder*/
   #orderitemsselect .item img
    {
     
    padding-top: 10px;
    padding-bottom: 10px;
     
}

#availability_calendar_modal {
  max-width: 100vw; 
}


.fa-calendar-alt
{
    color: #333;
font-weight: lighter;
    padding-right: 10px;
    
}
 .fa-calendar-alt:hover
{
   color: #9b000e!important;
 
    
}   
    /* 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: #333;
         font-family: "Cormorant-Garamond", 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: #9b000e;
    border:none;
    font-weight: 400;
    height: 30px;
        
    }

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

.footer-dark .copyright {
     
    opacity: 0.9;
   color:#fff;
}

.footer-dark  {
  padding-top: 0;
}
.footer-dark .item {
  padding: 0!important;
          margin-top: 0!important;
}

.modal-content{
   
    font-size: 16px;
}

.tcalControls .tcalTitle {
     
    padding-top: 20px;
    padding-bottom: 10px;
}

.tcalControls .tcalTitle .tcalDropdown span {
    
    text-decoration: none!important;
    font-size: 20px!important;
    font-family: 'Merriweather'!important;
}


.tcalGrid {
    
    font-size: 13px;
}

.tcalBookingControls .tcalWarenumber {
   
    height: 45px;
}
 

.tcalBookingControls .tcalDropdown {
     
    border: 2px solid #000000!important;
    background-color: #ffffff!important;
    margin-bottom: 20px!important;
    color:#000!important;
}




.tcalWareBooking .tcalDropdownOptions .placeholder

{
    color: #000000!important;
   }




@media (min-width: 576px)
{
    .container {
         
       
        padding-top: 40px;
    }
}
    
@media (min-width: 768px){
.headerrow{
     
    font-size: larger;
}
 
}
 @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;
    overflow: hidden;
    background-image: url('https://picassoonline.techotel.dk/media/lc0hyf2s/right-image2.jpg');
}

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

#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom {
    /* border: red solid; */
 margin-left: 0;
    margin-right: 0;
    width:70%;
     
}

#orderitemsdeliverydatetop {
     
    width: 69%;
}
    }

    
 
 @media (max-width: 767px) {
    .mobile-top-image {
        min-height: 285px;
        background-repeat: no-repeat;
        background-position-y: -46px;
        
    }

#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom {
 
    width:100%;
     
}
#orderitemsdeliverydatetop{
    
    font-size: 22px;
      width: 98%;   
}
  .topbanner-overlay-logo {
    top: 40px;
}#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary  
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket
{
    width: 100%;
}
    #orderitemstoppanel
{
     
     
    background-image: none;
    
    
}
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom {
   
    
}
    
    
}
 @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 input, #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom select
{
       height: 45px;
   }
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary
{
       height: 45px;
   }
   
#orderitemstablebookingpaxdropdown .dropdown-menu .btn-outline-primary 
{
       height: unset!important;
 
   }


    .topbanner-overlay-logo {
           top: 15px;
}
    #orderitemsselect .item img {
       
        max-height: 500px!important;
    }
 
 .topbanner-overlay-logo a img{
    
        width: 190px;
    padding-top: 27px;
} 


.tcalGrid {
   
    font-size: 17px!important;
}


.tcalBookingControls .tcalWarenumber {
   
    width: 100%!important;
}






         
    .container{
    
    margin-top: 10px!important;
}
.reservation-order-confirmation{
    font-size: 13px!important;
    
}
#orderitemsdeliverydatetop{
    margin-bottom: 10px;
    width: 100%;
    margin-right: 5px;
}
#reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
     
     font-size: 1em;
    
    text-align: center;
}
}  

@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 {
    background-color: #fff;
    font-family: "Merriweather", serif;
    font-size: 14px;
    
}

#orderitemsdeliverydatetop {
    
    width: calc(100% - 8px);
    text-align: center;
}

}
   
   .warenumber{display:none;}
   
  
    .waretext{font-weight:bold;}
.pagebottomtext{
    margin-top: 20px;
    font-size: 16px;
    font-family: "Merriweather", serif;
}