@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap'); 
  
  
    body
    {
    background-color: #e7e3db;
    color: #083342;
    }
    .container{
    
    margin-top: 10px;
}

.stickytop{
    
    background: none!important;
}
    
a {
    color: #083342;
    text-decoration: none;
     
}
#orderitemstoppanel
{
    background-image: url('https://picassoonline.techotel.dk/media/4kgf1say/right-image.jpg');
    height: 599px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    background-size: 555px 599px;
    background-color: #e7e3db;
    
}


/************************************************datepicker*********************************************/
.modal-content {
    
    border-radius: 1.3rem;
  
}
.tcalWareBooking .tcalBookingControls button.tcalDropdown i{
    
    padding-top: 2px;
}

 .datepicker table{
    margin: 0;
     
    width: 300px;
    height: 300px;
}
.datepicker-dropdown{
      color: #083342;
    padding: 10px;
    font-family: "Baskervville", serif;
    font-size: 18px;
}
.datepicker .datepicker-switch{
      color: #083342;
    padding: 10px;
    font-family: "Baskervville", serif;
    font-size: 19px;
    font-weight:bold;
}
.datepicker .datepicker-switch:hover{
      color: #fff;
      background-color: #597d8e;
     
}
.tcalBookingControls .tcalDropdown
{
   
   border: 2px solid #083342 !important;
    border-radius: 3px !important;
    font-size: 1.2em;
    padding: 5px !important;
    color: #083342 !important;
    height: 36px;
}

.tcalControls .tcalTitle .tcalDropdown span {
    text-transform: uppercase;
    font-weight: 500!important;
    text-decoration: none!important;
    font-family: "Baskervville", serif;
    font-size: 1.5em;
    color: #083342!important;
}

.tcalControls, .tcalGrid
{
   
    margin-top: 10px;
}
.tcalGrid {
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    table-layout: fixed;
    color: #083342 !important;
}
.tcalWareBooking .tcalBookingControls {
    
    margin-left: 12px!important;
}
.tcalGrid th
{
     
    color: #083342 !important;
    text-transform: capitalize !important;
    text-align: center !important;
}
.tcalControls .tcalTitle {
    text-align: center;
    margin-top: 22px;
     
}

.prev:hover{
      color: #fff;
      background-color: #597d8e;
}
.next:hover{
      color: #fff;
      background-color: #597d8e;
}
.datepicker-days  {
     color: #083342;
    padding: 10px;
    font-family: "Baskervville", serif;
    font-size: 18px;
    border-radius: 0!important;
}

.datepicker-days .cw {
      color: #999;
    font-family: "Baskervville", serif;
    font-size: 18px;
}
.datepicker-days .day, .datepicker .today,  .datepicker .old, .datepicker .new  {
     color: #083342!important;
     background-color: #d8ffd8!important;
    padding: 10px;
    font-family: "Baskervville", serif;
    font-size: 18px;
    border-radius: 0!important;
    
}
.datepicker .today {
font-weight:bold;
    }
    
  .datepicker .active {
font-weight:bold;
color: #fff!important;
background-color: #597d8e!important;
    }  
.datepicker-days .disabled {
     color: #a44545!important;
    background-color: #dfa0a0!important;
    font-size: 18px;
}



.dropdown{
     
    font-family: "Baskervville", serif;
   color: #083342;
}
 .basketcheckboxcontainer {
    margin-top: 10px;
}

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

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

.heading1{
    font-size: 20px;
}

.popover .popover-body{
    color: #fff;
    background: #f57070!important;
}

#orderitemsbasketbottom .bs-popover-top .arrow::after{
 
border-top-color: #f57070!important;
}
h1{
font-size: 24px;
}

h2{
    color: #083342;
   
    font-family: 'EB 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: "Baskervville", serif;font-size: 16px;
    }
    .introheadertext
    {
         font-size: 16px;
        font-family: "Baskervville", serif;
    }
     .introheadertext .heading1
    {
            color: #083342!important;
         font-size: 30px!important;
        font-family: "Baskervville", serif!important;
        text-transform: uppercase!important;
        font-weight: 400!important;
        margin-top: 20px!important;
    }

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

   

    }
    
     /* topbar over varer til datoskift */
  #orderitemsdeliverydatetop
    {
            font-family: eb-garamond, 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: #fff;
        border-color: #597d8e;
        background-color: #597d8e;
        
    }

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

    /* Toppanel højre (indkøbskurv) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket {
        background-color: #f3f3f3;
        color: #083342;
        border: #083342 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: #083342;
    }
    /* 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: 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:#f9f9f9;
       color:#083342!important;
       
    text-align: left;
      padding: 7    px;

    }
    
    .fa-chevron-down:before
    
    {
    
    color: #083342 !important;
    font-size: 17px;
    text-align: left;
    padding: 13px 5px 0px 0px;
}
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary:hover
    {
      background-color:#597d8e!important;
      color:#fff!important;
      
    }
    #orderitemsbasketbottom #orderitemsdeliveryinfo {
    font-size: 15px!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:#083342;
      padding: 8px;
          font-size: 17px !important;
          background:#f9f9f9;
    }
    #orderitemsbasketbottom textarea{
      border: #999 solid 1px!important;
      color:#083342!important;
       padding: 8px;
          font-size: 17px !important;
          background:#f9f9f9!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: #083342;
    border-color: #083342;
    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: #597d8e;
    color: #fff;
    border-color: #597d8e; 
    }
    /*vare-billeder*/
   #orderitemsselect .item img
    {
     
    padding-top: 10px;
    padding-bottom: 10px;
     
}

#availability_calendar_modal {
  max-width: 100vw; 
}


.fa-calendar-alt
{
    color: #083342;
font-weight: lighter;
    padding-right: 5px;
    
}
    
    /* 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: #083342;
         font-family: eb-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: #083342;
    border:none;
    font-weight: 400;
    height: 30px;
        
    }

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

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

@media (min-width: 1200px){

.tcalBlock {
    margin-right: 13px !important;
    margin-left: 12px!important;
}}


 @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/nmljqkm2/right-image2.jpg');
}
#orderitemsdeliverydatetop {
      width: 70%;
        margin-left: 10px;
    }
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket {
    width: 73%;
   
}

#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;
    }
#orderitemsdeliverydatetop {
        font-size: 22px;
        width: 94%;
    } 
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket
{
    width: 100%;
}
    #orderitemstoppanel
{
     
     
    background-image: none;
    
    
}
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom {
   
    margin-left: 15px;
    margin-right: 17px;
    width: calc(100% - 30px);
}
    .topbar-companylogo a img {
        top: 5px;
        max-height: 49px!important;
 
    }
     
}
 @media (max-width: 575px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
         
       
        height: auto;
        
       
    
     padding-right: 10px;
    overflow-y: auto;
   
    }
    .dropdown {
 
    font-size: 12px !important;
    }
    
    .fa-chevron-down:before{
     
    font-size: 13px;
    padding: 0;
}
 #orderitemsdeliverydatetop {
        
        margin-left: 8px;
        width: 92%;
    }
    #orderitemsselect .item img {
       
        max-height: 500px!important;
        
    }
    
        .mobile-top-image {
        min-height: 140px;
         
    }
    
.reservation-order-confirmation{
    font-size: 13px!important;
    
}

}  
@media (max-width: 380px){
    
    
}
@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: "Baskervville", serif;
    font-size: 14px;
    
}

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