.private-client-wrapper{
  padding: 10px 20px;
  margin: 10px 0;
  background: #efefef;
  box-shadow: 1px 1px 1px 1px lightgrey;
  box-sizing:border-box;
  display: none;
}
.private-client-wrapper .field--type-address{
width: 50%;
float: left;
padding: 30px 0;
box-sizing:border-box;
}
.private-client-wrapper .inline-container{
  width: 50%;
  display: inline-block;
  flex-direction: column;
}
.private-client-wrapper .field--name-field-phone-number,
.private-client-wrapper .field--name-field-email{
  width: 90% !important;
padding: 10px 0;
margin: auto
}
.tab-links{
display: flex;
gap: 10px;
margin-left: 2px;
margin-bottom: 1px;
border-bottom: 1px solid #d1d1d1;
}
.tab-link{
padding: 10px 18px;
border: none;
background: #f0f0f0;
cursor: pointer;
border-radius: 5px 5px 0 0;
font-weight: 500;
transition: 0.2s;
color: #00113a;
box-shadow: 0px -2px 4px rgb(0 0 0 / 18%);
border-top: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
font-size: 11px;
}
#planner-btn.tab-link{
  padding: 8px 14px;
  background: #eeeeee;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 500;
  transition: 0.2s;
  color: #00113a;
  box-shadow: 0px 1px 4px rgb(0 0 0 / 39%);
  font-size: 11px;
}
.tab-link.active{
  background: #00113a;
  color: white;  
}
.node-form .field--widget-options-buttons{
width: 100%;
justify-content: flex-start;
border: 1px solid #8080807a;
padding: 5px 20px;
border-radius: 5px;
margin-bottom: 20px;
box-sizing: border-box;
}
.node-form .form-checkboxes{
  display: inline-flex;
  align-content: center;
  align-items: center;
}
.node-form .form-type-checkbox{
padding: 6px 15px;
  display: flex;
}
.node-form .form-checkbox{
display: none
}
.node-form [type=checkbox]:checked + label {
background-color: #F44336;
position: relative;
color: white;
padding: 5px 15px;
box-shadow: 0px 1px 4px #c5c7d1, 0px 2px 3px #0000006e;
border-radius: 5px
  }
.field--name-field-first-name, 
#node-client-form .field--name-title,
#node-exclusive-trip-form .field--name-title,
#node-client-edit-form .field--name-title,
#node-exclusive-trip-edit-form .field--name-title{
width: 46%;
padding-right: 2%;
display: inline-flex;
}
.field--name-field-local-departure-from,
.field--name-field-agent,
.field--name-field-packages,
.field--name-field-arrival-airport,
.field--name-field-departure-airport,
.field--name-field-arrival-date,
.field--name-field-arrival-flight-details,
.field--name-field-depart-local-flight-detail,
.field--name-field-circuit
{padding-right: 5px;float: left;}
.field--name-field-departure-date
{padding-right: 0;float: left;}

.field--name-field-packages,
.field--name-field-agent{
  display: flex;align-items: center;
  justify-content: center;
}
.client-details-table label {
    display: none;
}
.client-details-table input{
margin: 0;
width: 80px;
border-radius: 0;
background: #f1f1f1;
    
}
.field--name-field-ss-pax input,
.field--name-field-ss-children-pax input,
.field--name-field-number-of-clients input,
.field--name-field-pax-children input,
.field--name-field-trr-pax input,
.field--name-field-trr-children-pax input,
.field--name-field-family-pax input,
.field--name-field-family-children-pax input{
width: 50px !important;
}
.client-details-table select{
font-size: 12px;
width: 100%;
padding: 15px 0;
}
.client-details-table th{
  text-align: center
}
.client-details-table td{
  text-align: center;
  padding: 0;
border: 1px solid lightgrey;
}
.form-item-field-transfer-cost-0-value , 
.form-item-field-grand-total-0-value {
display: inline-flex;
}

.field--name-field-domestic-flight:after,
.field--name-field-arrival-date:after,
.field--name-field-departure-date:after,
.field--name-field-agent:after,
.field--name-field-number-of-clients:after,
.field--name-field-packages:after,
.field--name-field-arrival-airport:after,
.field--name-field-departure-airport:after{
  content: "";
  clear: both;
  display: table;
}

.field--name-field-arrival-location, 
.field--name-field-arrival-flight-details,
.field--name-field-depart-local-flight-detail,
.field--name-field-depart-flight-details{
    width: 170px;
    margin-left: 15px;
    float: left;
}
.field--name-field-domestic-flight,
.field--name-field-arrival-domestic-flight {
position: relative;
width: 150px;
text-align: center;
font-size: 12px;float: left;
}
.field--name-field-flight-to{
position: relative;
width: 180px;
text-align: center;
float: left;
}


.field--name-field-arrival-domestic-flight{
width: 160px;
}
.field--name-field-domestic-flight .form-item,
.field--name-field-domestic-flight .form-actions {
    margin-top: 0em;
    margin-bottom: 0em;
}

.client-container {
display: inline-flex;
border: 1px solid grey;
padding: 10px;
width: 100%;
}
.client-info-wrapper{
padding: 10px 20px
}
.label-wrapper{
font-weight: 600;
}
.field--name-field-activities .form-textarea{
height: 250px;  
padding: 10px;
 border: none;
}

#node-client-pre-made-packages-edit-form 
.field--name-field-activities .form-textarea {
    height: 150px;
    padding: 10px;
     border: none;
}
.node-client-edit-form [type=checkbox] {
    display: none;
  }

 .node-client-edit-form .form-type-checkbox label {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 8px 10px;
    border-radius: 5px;
    box-shadow: 0 var(--shadow) #ffbeb8;
    cursor: pointer;
    transition: 0.2s ease transform, 0.2s ease background-color,
      0.2s ease box-shadow;
    overflow: hidden;
    z-index: 1;
  }

 .node-client-edit-form .form-type-checkbox label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: calc(var(--size) * .7);
    height: calc(var(--size) * .7);
    margin: 0 auto;
    background-color: #fff;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: inset 0 var(--shadow) #ffbeb8;
    transition: 0.2s ease width, 0.2s ease height;
  }

 .node-client-edit-form .form-type-checkbox label:hover:before {
    width: calc(var(--size) * .55);
    height: calc(var(--size) * .55);
    box-shadow: inset 0 var(--shadow) #ff9d96;
  }

  .node-client-edit-form .checkbox-wrapper-26 label:active {
    transform: scale(0.9);
  }

.node-client-edit-form [type=checkbox]:checked + label {
    background-color: #F44336;
    box-shadow: 0 var(--shadow) #92ff97;
   position: relative;
   color: white;
  }

  .node-client-edit-form [type=checkbox]:checked + label:before {
    width: 0;
    height: 0;
  }
.node-client-edit-form [type=checkbox]:checked + label:before,
.node-client-edit-form [type=radio]:checked + label:before,
.node-client-edit-form [type=checkbox]:checked + label:after {
    transform: translate(0);
    opacity: 1;
  }
.node-client-edit-form [type=checkbox]:checked + label:after {
   content: '\2713 '; /* Unicode for checkmark */
  color: #fbfbfb;
  margin-right: 5px;
  font-size: 12px;
  position:relative;
  left: 5px
  }


/*ready made package */
.node-ready-made-program-form .field--name-title{
 width: 50% 
}
.field--name-field-program-days,
#tailor-wrapper{
margin-top: 10px
}
#field-tailor-program-day-values{
width: 100%;
}
.field--name-field-program-days tbody tr{
  position: relative;
  height: 450px;
  border: 1px solid #bdbdbd;
}
#tailor-wrapper div{
    width: 100%;
}
#tailor-made-destinations,
#program-destinations{
    padding-left: 30px;
    width: 100%;
margin-top: 20px;
;
    margin-top: 20px;
}
.field--name-field-tailor-program-day tbody tr{
  position: relative;
  height: 690px;
  border: 1px solid #bdbdbd;
}
.tailor-made-table-expesnes thead tr{
    height: fit-content;
    padding: 40px;
}

.tailor-made-table-expesnes tbody tr{
    height: 40px;
    padding: 40px;
}
.field--name-field-program-days .fieldset-wrapper, .field--name-field-program-days td,
#field-tailor-program-day-values td,
.field--name-field-tailor-program-day .fieldset-wrapper{
position: absolute;
  height: min-content; 
width: 100%;
border: none;
background: white;
}
.expenses-table{
width: 95%;
margin: 20px auto;
border-radius: 5px
}
.expenses-table th,
.expenses-table thead{
text-align: center !important;    
}
.expenses-table label{
 display: none 
}
.expenses-table tr{
  height: 30px !important;
}
#field-tailor-program-day-values .expenses-table th{
border: 1px solid white;
font-weight: 500;
color: white !important;
width: 110px;
padding: 0;
}
#field-tailor-program-day-values .expenses-table td{
  position: relative;
  border: 1px solid lightgrey;
  padding: 0 !important;
  margin: 0;
}
[data-drupal-selector="edit-field-tailor-program-day-0-subform-tailor-made-expenses-extras"], 
[data-drupal-selector="edit-field-tailor-program-day-0-subform-tailor-made-expenses-extras"] td,
[data-drupal-selector="edit-field-tailor-program-day-0-subform-tailor-made-expenses-extras1"],
[data-drupal-selector="edit-field-tailor-program-day-0-subform-tailor-made-expenses-extras1"] td{
  border: none !important;
  height: 25px !important;
  position: relative;
}
[data-drupal-selector="edit-field-tailor-program-day-0-subform-tailor-made-expenses-extras"] input,
[data-drupal-selector="edit-field-tailor-program-day-0-subform-tailor-made-expenses-extras1"] input{
 border: none !important;
  height: 25px !important;
  position: absolute;
  top:0;
  left: 0
}
.field--name-field-activities,
.hotel-container{
width: 95% !important;
margin:auto
}
.expenses-table input{
margin: 0;
padding: 0;
text-align:center;
width: 120px;
margin: 0;
border-radius: 0;
background: #f1f1f1;
}

.voucher-day-wrapper{
 width: 100%;   
}

#field-tailor-program-day-values th,
#field-tailor-program-day-values thead,
#field-program-days-values th,
#field-program-days-values thead{
padding: 10px 20px;
text-align: left;
}
#field-tailor-program-day-values td,
#field-program-days-values td{
padding: 0 !important;
margin: 0 !important;
}





.voucher-wrapper{
position: relative;
}

.js .paragraph-type-top {
display: none;
}
.is-horizontal .paragraphs-tabs:first-of-type{
position: relative !important;
display: none;
}
.field--name-field-program-days table tr:nth-child(even) {
    background-color: #ffffff;
}
.field--name-field-program-days td .button,
.field--name-field-tailor-program-day td .button{
float: right;
position: absolute;
right: 30px;
margin-top: 100px;
}
.inline-container{display: inline-flex;}
.inline-container .form-wrapper{
margin-right: 5px;

}
.padding-height-container{
padding: 20px 0;
box-sizing: border-box;
display: inline-flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: nowrap;
}
#ready-made-price .form-wrapper, 
#extras-container .form-wrapper, 
#price-high-season .form-wrapper,
#extras-high-season .form-wrapper,
#price-green-season .form-wrapper,
#extras-green-season .form-wrapper{
margin-right: 20px
}
.field--name-field-program-days .form-type-number,
.field--name-field-day .form-type-number{
display: inline-flex;
background: #00113abd;
width: 100%;
color: white;
padding-top: 2px;
padding-bottom: 2px;
align-items: center;
}
.field--name-field-price-p-p-min-2-pax,
.field--name-field-price-p-p-min-3-pax,
.field--name-field-price-p-p-min-4-pax,
.field--name-field-price-p-p-min-5-pax,
.field--name-field-price-p-p-min-6-pax,
.field--name-field-flying-doctor-service,
.field--name-field-single-supplement-suppleme{
  width: 150px;
}
.field--name-field-triple-room-reduction-less{
 width: 150px;
}

.field--name-field-program-days .form-type-number label,
.field--name-field-day label{
display: none
}

.field--name-field-program-days .form-type-number input,
.field--name-field-day input {
width: 50px;
background: #36436400;
border:none;
color: white;
font-weight:600;
margin-bottom: unset;
margin-left: 20px;
text-align: center;
font-size: 25px;
padding: 0;
}


.field--name-field-program-days .text-format-wrapper .js-filter-wrapper, #edit-day-activities-0-format,
.field--name-field-tailor-program-day .text-format-wrapper .js-filter-wrapper, #edit-day-activities-0-format { 
display: none
}
.field--name-field-program-days .field--type-image{
border: 1px solid lightgrey;padding: 10px;float: left;width: 30%;border-radius: 5px;margin: 10px;
    
}
.field--name-field-program-days .form-type-select,
.field--name-field-tailor-program-day .form-type-select{
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
}
.field--name-field-program-days .form-type-select select,
.field--name-field-tailor-program-day .form-type-select select{
  margin-bottom:0;
 margin-top: 0;
}

.field--name-field-program-days .form-type-textarea, .field--name-field-tailor-program-day .form-type-textarea{
    margin: 20px auto 2px auto;
    width: 100% !important;
  display: table;
  content: "";
text-align: left;
}
/* Completely reset all table styles */
table#field-dates-values,
table#field-dates-values thead,
table#field-dates-values tbody,
table#field-dates-values tfoot,
table#field-dates-values tr,
table#field-dates-values th,
table#field-dates-values td {
  all: unset;
  display: inline-flex!important;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  flex-direction: row;
}

/* Remove table-specific elements */
table#field-dates-values caption,
table#field-dates-values colgroup,
table#field-dates-values col {
  display: none;
}

/* Alternative flex layout */
table#field-dates-values {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.table#field-dates-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem;
}
 table#field-dates-values td .fieldset-wrapper .form-wrapper {display: flex;align-items: baseline;justify-content: center; margin-right:40px}

 table#field-dates-values td .fieldset-wrapper .form-wrapper h4{display: inline-block;width: 110px;}
.package-description {
width: 60%;
font-weight: 600;
}
.hotel-container {
  display: inline-flex;
  width: 100%;
  align-items: center;
  align-content: center;
  flex-direction: row;
  background: white;
 height: 40px;
 border-radius: 5px;
margin: 0 2%;
}
.hotel-container label{
display: none
}
.hotel-container select, .hotel-container input {
border: none
}

.field--name-field-hotel-property{
width: 300px
          }
          
.field--name-field-tailor-program-day .field--type-image{
  border:1px solid lightgrey;
 border-radius: 20px;
padding: 20px
}

.tailor-made-date-location .field--name-field-program-date{

  height: 120px;
  width: 70%;
}
.tailor-made-date-location #from-to .js-form-type-select{display:inline-flex;}
.tailor-made-date-location .fieldset-legend{
font-size: 16px
}

.tailor-made-expenses .form-wrapper {
display: inline-flex;
align-items: center;
justify-content: flex-start;
}
.tailor-made-vehicle .form-wrapper{
width: 20%;
display: flex;
justify-content: center;
}

.package-info{
font-size: 20px;
font-weight: 600
}
.season-table table{
margin-bottom: 20px;
text-align: center
}
.season-title{
 font-size: 18px;
font-weight: 600
}
.peak-season-title{
color:red;
}
.high-season-title{
color:gold;
}
.green-season-title{
color:green;
}
.print__wrapper{
background: red;
padding: 10px 20px;
width: fit-content;
border-radius: 4px;
color: white;
float: right;
 display: inline-flex;
  flex-direction: row;
margin: 0 2px;
font-size: 14px;

}
.block-entity-print{
 position:absolute;
right:0;
z-index: 3
}
.print__wrapper a { 
color: white;
}
.print-page-wrapper{
background: white;
}
.site-branding-pdf{
position:relative;
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.site-branding-pdf img{
  width: 200px;
}
.print-page-wrapper .views-field-title{
font-size: 24px;
text-align: center
}
.print-page-wrapper  .package-description{
text-align: center;
width: 100%
}
.print-page-wrapper table{
width: 98%
}
.view-grouping{display: inline-block;width: 100%}
.package-arrival-dates-wrapper .views-table{
  width: 16%;
  float: left;
}
.package-arrival-dates-wrapper .views-table::after{
content:"";
display:table;
clear:both
}
.field--type-datetime .fieldset-legend {
  font-weight: 400;
  margin-top:0;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px !important;
}

.deposits {
    width: 30%;
    border: 1px solid lightgrey;
    margin: 10px 0;
    border-radius: 4px;
    padding: 10px 50px;
}


.form-buttons-wrapper{
display: inline-flex;

}
.form-buttons-wrapper #edit-delete,
.form-buttons-wrapper .button{
font-size: 11px;
width: fit-content;
padding: 7px 10px;
margin: 0 5px;
}
.field--name-name{
width: 50%;
}
.field--type-address .fieldset-wrapper{
display:inline-flex;
flex-direction: row;float: left;
}

.block-ms-theme-printthispage{
transition: 2s;
padding: 0 20px;
background: #2A7B9B;
background: linear-gradient(90deg, #003a1a 0%, rgb(0 58 6) 100%);
text-decoration: none;
width: fit-content;
display: inline-block;
border-radius: 4px;
position: relative;
left: 30px;
top: -25px;
z-index: 2;
color:white;
}
#print-this-page-link {
font-size: 11px !important;
margin: 5px 0;
}
.block-ms-theme-printthispage img{
background: #ffffff;
padding: 8px;
position: absolute;
left: -23px;
top: -4px;
border: 1px solid #8b8b8b;
border-radius: 20px;
}
.block-ms-theme-printthispage a{
    color: #ffffff;
}
.block-ms-theme-printthispage:hover{
  color:red;
background: blue
}
.client-sidebar{
width: 22%;
float: left;
padding: 0 10px;
box-sizing: border-box;
}
.client-names h2{
border-bottom: 1px solid lightgrey;
width: fit-content;
margin-bottom: 10px 
}
.itenary-details{
margin-top: 20px;
border-top: 1px solid lightgrey
}
.itenary-container {
  margin: 15px 0;
 border: 1px solid #dddddd;
  padding: 10px 5px;
  border-radius: 5px;
}
.itenary-container h4 {
  color: #626161;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.itenary-container strong {
  color: #626161;
}
.itenary-container p{
margin:0;
font-size: 11px;
}
.client-main{
width: 78%;
float: right;
padding: 10px 10px 150px 10px;
box-sizing: border-box;
background: #efefef;
border-radius: 5px 0 0 0;
box-shadow: inset 2px -1px 3px 1px #d3d3d391;
height: 100%;
}
.client-main table{
border: 1px solid #dddddd;
margin-bottom: 10px;
width: 100%;
}
.client-main h4{
margin: 0 0 0 0;
}
.client-main tr:nth-child(even),
.client-main tr,
.client-main td{}
td.grand-total, td.semi-total{
background: #5a5a5a;
color: white;
font-weight: 600
}
.post-details{
color: #000063;
}
.post-details p{
padding: 0;
margin: 0;
font-size: 11px;

}
.program-day-activities-wrapper{
display:inline-block;
border-bottom: 1px solid grey;
width: 100%;
}
.program-day{
background: white;
padding: 10px 10px;
margin: 10px 0;
border-radius: 5px;
}
.program-day-day{
font-weight: 800;
border-bottom: 1px solid grey;
margin-bottom: 5px;
font-size: 14px
}
.program-day-activities{
width: 70%;
float: right;
padding: 10px 20px;
margin-bottom: 40px;
box-sizing: border-box;
}
.program-day-image{
width: 30%;
float:left;
}
.day-total-breakdown{
width: fit-content
}
.day-total-breakdown tr{
display: inline-flex;
flex-direction: column;
width: 10%;  
}
.day-total-breakdown th,
.day-total-breakdown td{
    padding: 20px;
    width: fit-content;
}


.field--name-field-tailor-program-day table tr:nth-child(even){
    background-color: #ffffff;
}

.field--name-field-from,
.field--name-field-to{
    width: 250px !important;
  }

.field--name-field-from .form-type-select,
.field--name-field-to .form-type-select {
padding: 0
}
.view-taxonomy-term table{
  border: none;
  border-radius: 0;
  width: 100%;
  border: 1px solid #e7e7e7;;
  margin-bottom: 20px
}

.view-taxonomy-term th, 
.paragraph--type--ebony-branches th{width: 20% !important;background: white;color: #00113a}
.view-taxonomy-term td{background: #f4f4f4;margin: unset;text-align: left;padding-left: 40px;}
.view-taxonomy-term{
  margin: auto;
  width: 100%;
}
.view-taxonomy-term .table-label{
 font-size: 18px
}
.view-id-reservations .views-field-field-field-unique-id{
width: 40px
}
.view-id-reservations .views-field-field-pax-children,
.view-id-reservations .views-field-field-number-of-clients{
 width: 65px;
}
.view-id-reservations .views-field-uid, .view-id-reservations .views-field-view-node {
 width: 70px
}
.arrival-column{
 background: #800000;
}
.depart-column{
 background: #051d8e;
}
.arrival-column-tr{
background: #800000b3;    
}
.depart-column-tr{
background: #051d8ebf;   
}
td.arrival-td{
 background: #8000001c;
}
td.depart-td{
 background: #051d8e21;
}
.header-pax{background: #820101;}
.header-pax-th{background: #8201017a;}
.pax-td{background: #c3858557;}
.header-price{
 background: #003680;
}
.header-price-th{
 background: #003680b8;
}
.price-td{
 background: #0036802b;
}
.js-form-managed-file input[type="file"] {
opacity: 0;
    position: absolute;
    z-index: 1;
    padding: 30px;
    left: 0;
    width: fit-content;
    top: 0;
}

.js-form-managed-file label {
  background-color: #28a745;
  color: white;
  padding: 8px 16px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
}
  .package-pdf-page {
    line-height: 1.5;
    color: #222;
    position: relative;
    z-index: 2;
    margin: 20px 10px;
  }

  .print-button-wrapper {
    text-align: right;
    margin-bottom: 20px;
     page-break-after: always;
      page-break-before: always;
   
  }


  .package-title {
 font-size: 16px;
    display: inline-block;
    margin: 10px auto;
    width: 100%;
    text-align: center;
  }

  .package-posted-date {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 11px;
    color: #666;
  }
  .program-day-info {
    display: inline-flex;
    margin: 5px 0;
    width: 100%;
}
  .program-day-block {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    width: 70%;
  }

  .program-day-item {
   display: flex;
    align-items: baseline;
    border-bottom: 2px solid orangered;
    justify-content: flex-start;
    width: 60%;
    flex-direction: row;
    font-size: 11px;
  }

  .package-day {
    font-size: 18px;
    font-weight: 500;
  }
   .program-day-item strong {
    font-size: 12px;
  }
 .program-day-image
  {width: 30%;
  height: 250px;
  margin: auto;
  }
.program-day-image img{
   min-width: 100%;
    object-fit:cover;
    height: 250px !important;
}


.field--type-telephone.field--name-field-phone-number,
.field--type-email.field--name-field-email{
width: 50%;
}
.field--name-field-website{
width: 32%;
margin-right: 3%
}
.field--name-field-amenities{
width: 830px;
text-align: center;
display: flex;
align-items: center;
border-radius: 10px;
flex-direction: row;
}
.field--name-field-hotel-picture{
  width: 40%;
  text-align:center;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #d1d1d1;
  margin-top: 10px
}

#field-phone-number-add-more-wrapper th,
#field-phone-number-add-more-wrapper tr,
#field-phone-number-add-more-wrapper td,
#field-phone-number-add-more-wrapper table,
#field-email-add-more-wrapper th,
#field-email-add-more-wrapper tr,
#field-email-add-more-wrapper td,
#field-email-add-more-wrapper table{
background: white;
color: black;
border: 0px solid white;
height: fit-content;
padding: 0 5px;
}
.image-container{float: left;width: 45%;text-align: center;}
.image-container img{width: 100%;border-radius: 20px;box-shadow: 0px -1px 9px 2px #d8d8d8;}
.group_address{float: right;width: 53%;}
.link.tabledrag-toggle-weight{
display: none
}
.arrival-dates-grouped {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 5px; /* space between items */
  max-width: 100%; /* contain grid within parent */
  overflow: hidden; /* hide any overflow */
}
.arrival-dates-group{
  background: #f2f2f2;
  padding: 8px 12px;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.green-season h2{
color: green;
}
.peak-season h2{
color: red;
}
.high-season h2{
color:gold;
}
.field--name-field-extension-routes .form-wrapper{
float: left
}
#transfer-flights{
display: none
}
.node-client-pre-made-packages-edit-form .field--name-field-peak-season,
.node-client-pre-made-packages-edit-form .field--name-field-high-season,
.node-client-pre-made-packages-edit-form .field--name-field-green-season,
.node-client-pre-made-packages-edit-form .field--name-field-arrival-dates,
.node-client-pre-made-packages-edit-form .field--name-field-client-id,
.node-client-pre-made-packages-edit-form .field--name-field-day-image{
display: none;
}
#extension-costing{
text-align: left;
padding: 20px 0
}
#extension-costing h3{
border-bottom: 1px solid lightgrey;
padding: 5px
}
.hotel-contact-form{
border: 1px solid #cccccc;
padding: 20px 20px;
margin: 10px 0;
border-radius: 10px;
}
#node-ready-made-program-edit-form .field--name-field-voucher-text,
node-ready-made-program-form .field--name-field-voucher-text{
display: none
}
#field-program-days-values .paragraphs-subform,
#field-tailor-program-day-values .paragraphs-subform{
    background: #00113a30;
    padding-bottom: 10px;
}
.field--name-field-voucher-text{
height: 200px;
margin-top: 40px
  
}
.field--name-field-voucher-text textarea{
height: 100px;  
}
.client-package, .clients-payments{
padding: 5px 0;
border-bottom: 1px dotted grey
}
.client-payment-container{
padding: 5px 10px;
border-bottom: 1px dotted grey;
background: #d3d3d345;
margin: 5px 0;
}
.attachments-container {
    margin-bottom: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.attachment-item {
  margin-bottom: 10px;
  padding: 10px;
  background: #f9f9f9;
  border-radius: 3px;
}

.attachment-link {
  font-weight: bold;
  text-decoration: none;
}

.attachment-link:hover {
  text-decoration: underline;
}

.attachment-description {
  margin: 5px 0;
  color: #666;
  font-style: italic;
}

.file-meta {
  font-size: 0.8em;
  color: #888;
}

.file-meta span {
  margin-right: 10px;
}
.field--name-field-peak-season,
.field--name-field-high-season,
.field--name-field-green-season{
 background: #cfd2da7d;
margin: 10px 0;
padding: 20px;
border-radius: 5px
}
.field--name-field-peak-season table th,
.field--name-field-high-season table th,
.field--name-field-green-season table th{
 background: #364364;
}
.field--name-field-peak-season table,
.field--name-field-high-season table,
.field--name-field-green-season table{
 box-shadow: none;
border: 1px solid lightgrey
}
.user-dashboard{
position: relative;
}
.user-canvas {
align-items: center;
  border-radius: 5px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 900;
  display: flex;
  height: 200px;
  justify-content: center;
  text-shadow: 0 2px 3px hsla(0deg, 0%, 0%, 0.25);
  background-image: linear-gradient(#08061f, #000b50);
}
.views-field-user-picture{width: 100%;position: absolute;z-index: 00;top: 110px;margin: auto;text-align: center;}
.views-field-user-picture img{
background: #f9f9f9;
width: 130px;
height: 120px;
border-radius: 100px;
object-fit:cover;
}
.user-info-wrapper{position: relative;margin: 50px auto 20px 0;width: 100%;text-align: center;}
.user-info-container{
  
}
.user-info-container.name{
 text-align:center;
 font-size: 16px;
 font-weight: 700;
}
.user-info-other{
  width: fit-content;
  font-style: italic;
  border-bottom: 1px solid #e5e5e5;
  display: inline-flex;
}
.user-info-other .user-info-container{padding: 0 5px;}
.user-membership-wrapper{
  display: grid;
  box-shadow: 0 0 15px hsl(0deg 0% 0% / 15%);
  gap: 5px; /* space between items */
grid-template-columns: repeat(2, 1fr);
padding: 20px 10px;
margin: 0 20px;
border-radius: 5px
}
.user-membership-iterm{
position: relative;
}
.user-membership-iterm a{
position:absolute;
right: 40px
}