body { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }

.wizard { }
.wizard .fieldGrouping { margin-bottom: 1px; }
.wizard .fieldGroupingSaveCancelButtons { background-color: #f1f1f1; text-align: start; margin-top: 0; }
.wizard.activate-widget .fieldGroupingSaveCancelButtons { background-color: transparent; }
.wizard .fieldGroupingSaveCancelButtons:after{ content: '\0020'; display: block; height: 0; overflow: hidden; clear: inline-end; }
.wizard .fieldGroupingSaveCancelButtons span { display:inline-block; vertical-align:middle; }
.wizard .fieldGroupingSaveCancelButtons span.edit-resource-inline.no-label { padding-inline-start: 20px; }
.wizard .fieldGroupingSaveCancelButtons .controls-grouping { float: inline-end; }
.wizard .fieldGroupingSaveCancelButtons .button { }
/*.wizard .fieldGrouping.narrow{ border-bottom:solid 1px white;}*/ /* fake white line between controls and fieldGrouping */

.wizard .steps-overview .step { border-radius:3px; background-color:#e4e4e4; color:#6c6c74; font-size:10pt; padding:10px 0; font-weight:bold; margin-bottom:1px; text-shadow:0 1px rgba(255,255,255,0.3); display: flex; }
.wizard .steps-overview .step.current { background-color:#333333; color:white; text-shadow:0 -1px rgba(0,0,0,0.3); }
.wizard .steps-overview .step .step-number-section { display: inline; margin-inline-start: 10px; }
.wizard .steps-overview .step .step-content-section { display: inline; margin-inline-start: 10px; }
.wizard .steps-overview .step .step-number    { font-size:180%; }
.wizard .steps-overview .step .step-name      { font-size:100%; display:block; padding-top: 3px; }
.wizard .steps-overview .step .step-description{ font-size:90%; display:block; font-weight:normal; padding-top: 4px; }

.wizard { margin-bottom:200px; }
.wizard .steps-container { float:inline-start; width: 230px; }
.wizard .step-container { margin-inline-start: 250px; }
.wizard:after { content: '\0020'; display: block; height: 0; overflow: hidden; clear: both; }

.wizard .fieldGrouping { color:#616161; }
.wizard .fieldGrouping td.section-title { vertical-align: top; font-weight: bold; font-size:14px; color:#363636; }
.wizard .fieldGrouping td          .field-label { color: #363636; font-size: 13px; font-weight: bold; display: block; }
.wizard .fieldGrouping td.disabled .field-label { opacity:0.3; filter:opacity(alpha=30); }
.wizard .fieldGrouping td          .field-label .example { font-size: 12px; font-weight: normal; float: right; }

.bank-details > tr > td,   
.bank-details > tbody > tr > td,   
.wizard .fieldGrouping .multi-fields > table > tr > td,
.wizard .fieldGrouping .multi-fields > table > tbody > tr > td { padding: 4px 12px ; }

.bank-details > tr > td:first-child,   
.bank-details > tbody > tr > td:first-child { padding-left: 0px; }
   
.wizard .fieldGrouping .multi-fields > table > tr > td:first-child,
.wizard .fieldGrouping .multi-fields > table > tbody > tr > td:first-child { padding-left: 6px; }

.wizard .fieldGrouping .multi-fields > table { table-layout:fixed;}

.equal-width td { width: 50% }
table.setup-rates.accommodation td.multi-fields > table > tr > td,
table.setup-rates.accommodation td.multi-fields > table > tbody > tr > td { padding:0; }
table.setup-rates.activities    td.multi-fields > table > tr > td,
table.setup-rates.activities    td.multi-fields > table > tbody > tr > td { padding:0; }


.wizard td.multi-fields .date-number-input,
.wizard td.multi-fields .date-input-range   { width:350px; }
.wizard td.multi-fields .date-input-range.inline { position: relative; padding-top:16px; }
.wizard td.multi-fields .date-input-range.inline .date-input.to { position:absolute; left:190px; }
.wizard td.multi-fields .date-input-range.inline .field-label { top:0px; position:absolute; z-index:0; }
.wizard td.multi-fields .date-input-range.inline .field-label.delimiter { left:187px; }
.wizard td.multi-fields .date-input-range.inline input { }
.wizard td.multi-fields .date-input-range.inline .popupActivator { margin-left:4px; }

.wizard .fieldGrouping td .whats-this { margin-top: -2px; }
.wizard .dow_container { font-size: 110%; }


.fieldGrouping .daily_rate_control          { min-width:130px; }
.fieldGrouping .daily_rate_control.wcpy     { min-width:142px; }
.fieldGrouping .daily_rate_control td.rte   { text-align: center; }
.fieldGrouping .daily_rate_control td.msty  { text-align: right;  width:50%; }
.fieldGrouping .daily_rate_control td.inv   { text-align: left;   width:50%; }

.fieldGrouping .daily_rate_control.no-inv         { min-width:100px; text-align:left; }
.fieldGrouping .daily_rate_control.no-inv td.rte  { text-align: left; }
.fieldGrouping .daily_rate_control.no-inv td.msty { text-align: left;  }
.fieldGrouping .daily_rate_control.no-inv td.inv  { text-align: left;  }
.fieldGrouping .daily_rate_control.no-inv td.cpy  { text-align: left;  }

.help-container { border:solid 1px #E8E8E8; border-radius:4px; margin-top: 2em; }
.help-container > .header { background-color:#e2e2e2; color:#363636; font-size:100%; padding: 10px; }
.help-container > .content { padding: 10px; }

.step.arrow { position:relative; }
.step.arrow:after {
  content:'';
  display:inline-block;
  width: 0; 
	height: 0; 
  position:absolute;
}
.step.arrow.right:after{
  top:50%;
  inset-inline-end:-10px;
  margin-top:   -10px;
  border-top:    10px solid transparent;
  border-bottom: 10px solid transparent;
  border-inline-start:   10px solid #333333;
}

.step.arrow.small.right:after{
  top:50%;
  inset-inline-end:-6px;
  margin-top:   -6px;
  border-top:    6px solid transparent;
  border-bottom: 6px solid transparent;
  border-inline-start:   6px solid #333333;
}


.edit-widget-control.table-layout div.introduction                      { }
.edit-widget-control.table-layout div.introduction     .fieldGrouping   { border-bottom:none; }

.edit-widget-control.table-layout div.select-style                      { }
.edit-widget-control.table-layout div.select-style     .fieldGrouping   { border-top:none; border-bottom: none; }

.edit-widget-control.table-layout div.select-size                       { }
.edit-widget-control.table-layout div.select-size      .fieldGrouping   { border-top:none; border-bottom: none; }

.edit-widget-control.table-layout div.enter-texts                       { }
.edit-widget-control.table-layout div.enter-texts      .fieldGrouping   { border-top:none; border-bottom: none; }

.edit-widget-control.table-layout div.select-colours                    { }
.edit-widget-control.table-layout div.select-colours   .fieldGrouping   { border-top:none; border-bottom: none; }
.edit-widget-control.table-layout div.select-colours   .field-label     {padding-bottom:2px; }

.edit-widget-control.table-layout div.widget-preview                    { }
.edit-widget-control.table-layout div.widget-preview   .fieldGrouping { border-top:none; }

.edit-widget-control.table-layout div.select-behaviour                  { }


.fieldGrouping .pricing { margin-top:20px;}
.fieldGrouping .pricing .option { width:20%; }
.wizard .fieldGrouping a { text-decoration:underline;}

.message {
    padding: 10px;
    border-radius: 5px;
    color: white;
}

.success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.danger {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.mt-3 {
    margin-top: 1em;
}

.closeButton {
    float:right;
    padding-right:10px;
}

.modalBackground {
    background-color: #000000BB;
}

    /* Todo - remove this in favour of modalLarge*/
    .modalPopup
    {
        background-color: #FFFFFF;
        padding-top: 10px;        
        width: 900px;
        height: 615px;
    }

    /* Todo - remove this in favour of modalSmall*/
    .pricingPopup
    {
        background-color: #FFFFFF;
        padding-top: 10px;        
        width: 650px;
        height: 300px;
        padding-left:40px;
    }

.modalLarge {
    background-color: #FFFFFF;
    border-radius: 8px;
    width: 900px;
    max-height: 80vh;
}

.modalSmall {
    background-color: #FFFFFF;
    border-radius: 8px;
    width: 650px;
    max-height: 80vh;
}

.bsys-selector { }
.bsys-selector a.bsys { 
    display:inline-block; width:200px; height:100px; box-sizing:border-box;
    padding:2px; margin:3px; text-align:center; text-decoration:none !important; 
    background-color:#fff; 
    border:solid 1px transparent; border-radius:2px; overflow:hidden;
    font-weight:bold;
}
.bsys-selector                     a.bsys .img-container              { margin:10px 0 5px; width:150px; height:61px; display:inline-block; line-height:77px; }
.bsys-selector                     a.bsys .name                       { display:block; }

.bsys-selector.has-selection       a.bsys:not(.selected):not(:focus)  { opacity:0.35; }
.bsys-selector:not(.has-selection) a.bsys:not(:hover):not(:focus) img { opacity:0.85; }
.bsys-selector:not(.has-selection) a.bsys:hover                       { box-shadow:0 0 5px rgba(0,0,0,0.4); }
.bsys-selector.has-selection       a.bsys.selected                    { border-color:#333333; box-shadow:0 0 5px rgba(0,0,0,0.4); }


#language-control-placeholder .list-bar-left{margin:0 !important;}
#language-control-placeholder .list-bar-left #primary_nav_wrap_currency .dropdown-content{right:-40px;}
#language-control-placeholder .list-bar-left #primary_nav_wrap_language .dropdown-content{right:11px;}

header.default .list-bar-left{margin-right:0px !important;margin-top:0px !important;}
header.default .list-bar-left .dropbtn{padding-bottom:0;}

.list-bar-left{position:relative;float:inline-start;margin-right:5px !important;width:auto;margin-top:10px !important;z-index:100;}
.list-bar-left ul{list-style-type:none;margin:0;padding:0;font-family:"Arial", "sans-serif";}
.list-bar-left li{float:inline-start;}
.list-bar-left li a,.list-bar-left .dropbtn{display:inline-block;font-size:18px;color:#00b7ff;padding:6px 10px 15px;text-decoration:none;}
.list-bar-left li.dropdown{display:inline-block;}

.list-bar-left .current-menu-item{background:#eeeeee;}

.list-bar-left .seldescription-lang{color:#00b7ff !important;}

.list-bar-left .seldescription-currency{color:#00b7ff !important;}

.list-bar-left .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:150px;border:1px solid #62cce9;-webkit-box-shadow:0 0 4px #62cce9;box-shadow:0 0 8px #62cce9;border-radius:3px;right:0;z-index:1000;}
.list-bar-left .dropdown-content span{color:#585959;font-weight:normal;font-size:14px;}
.list-bar-left .dropdown-content a{font-weight:normal;font-size:14px;padding:12px 16px;text-decoration:none;display:block;border-bottom:1px solid #dee1e3 !important;}
.list-bar-left .dropdown-content a:hover{background-color:#edf5f8;}
.list-bar-left .dropdown:hover .dropdown-content{display:block;}

.list-bar-left .selsymbol{color:#00b7ff;font-size:11px;font-weight:bold;direction:ltr;display:block;width:30px;float:left;padding-left:2px;margin-top:-2px !important;text-decoration:none;}
.list-bar-left .selsymbol img{margin:0px !important;}

.list-bar-left #primary_nav_wrap_currency div:after,.list-bar-left #primary_nav_wrap_currency div:before{bottom:100%;right:65px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.list-bar-left #primary_nav_wrap_language div:after,.list-bar-left #primary_nav_wrap_language div:before{bottom:100%;right:15px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.list-bar-left #primary_nav_wrap_currency div:after,.list-bar-left #primary_nav_wrap_language div:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:0 10px 10px 10px;margin-left:-5px;}
.list-bar-left #primary_nav_wrap_currency div:before,.list-bar-left #primary_nav_wrap_language div:before{border-color:rgba(70, 176, 211, 0);border-bottom-color:#46b0d3;border-width:0 10px 12px 12px;margin-left:-4px;}
.list-bar-left #primary_nav_wrap_currency span{padding-left:25px;}

.selected-flag {border-radius:4px;border:1px solid #0c5460;background-color:white;padding-left:2px;padding-right:2px;box-shadow:0 0 5px rgba(0,0,0,0.4)}
span.selsymbol { margin-right: 10px;}
.alert-info {color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;display: inline-block;border-radius:.25rem;line-height:1.5;padding:10px 10px;margin-bottom:8px;width:100% }

.language-reminder-tb {overflow:hidden;}

/* Modal Content */
.modal-container {
    background: #000000BB;
    padding: 0;
    border-radius: 8px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* Modal Content */
.modal-header {
    color: #FFFFFF;
    background-color: #0073BA;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-sizing: border-box;
    font-size: 16px;
    margin: auto;
    height: 40px;
    padding: 10px;
    vertical-align: middle;
}

.modal-body {
    background-color: #FFFFFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    max-height: calc(80vh - 40px);
    padding: 10px;
    overflow-y: auto;
}

.modal-body.pdf {
    padding: 0;
    padding-bottom:10px;
    overflow: hidden;
}

.modal-body.pdf object {
    height: 100%;
    min-height: calc(80vh - 40px); /* Set a minimum height if needed */
}

.modal-close {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.modal-close:hover, .modal-close:focus {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
}

.float-end {
    float: inline-end;
}

.pricingFees table {
    border-collapse: collapse;
    width: 100%;
}

.pricingFees td {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    height: 24px;
}

.pricingFees td:first-of-type {
    text-align: start;
}

.pricingFees th {
    border: 1px solid #dddddd;
    background-color: #F8F8F8;
    font-size: 1.2em;
    padding: 8px;
    text-align: center;
}

.pricingFees th.empty {
    border: unset;
    background-color: unset;
}

.pricingFees .free {
    color: #0073BA;
    font-weight: bold;
}

.error-label {
    color: red; 
    display: inline;
}