/*gradients*/
:root {
--green-gradient: linear-gradient(90deg, #284632 0%, #197d46 65%, #81AF07 100%);
--green-gradient-transp: linear-gradient(90deg, #284632aa 0%, #197d46aa 65%, #81AF07aa 100%);
--light-green-gradient: linear-gradient(90deg, #5a6446 0%, #8cbe1e 65%, #dcdc00 100%);
--green-flat-gradient: linear-gradient(90deg, #197d46 0%, #3C8E31 65%, #81AF07 100%);
--small-green-gradient: linear-gradient(90deg, #197d46 0%,  #81AF07 100%);
--pink-gradient: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E38A89 100%);
--pink-flat-gradient: linear-gradient(90deg, #D21E32 0%, #D94D53 65%, #DC6464 100%);
--yellow-gradient: linear-gradient(90deg, #FF6400 0%, #FFA500 60%, #FFC100 100%);
--blue-gradient: linear-gradient(90deg, #001C7B 0%, #005AC8 60%, #009FDF 100%);
--blue-gradient-transp: linear-gradient(90deg, #001C7Baa 0%, #005AC8aa 60%, #009FDFaa 100%);
--blue-flat-gradient: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA 100%);
--blue-flat-gradient-lighter: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA99 100%);
--teal-gradient: linear-gradient(90deg, #005064 0%, #0082a0 60%, #36C1CD 100%);
--teal-flat-gradient: linear-gradient(90deg, #0082a0 0%, #0C90AA 60%, #2AB3C3 100%);
--grey-gradient: linear-gradient(90deg, #323232 0%, #787878 65%, #B7B7B7 100%);
--grey-flat-gradient-dark: linear-gradient(90deg, #323232 0%, #606060 65%, #6D6D6D 100%);
--grey-flat-gradient: linear-gradient(90deg, #787878 0%, #8D8D8D 65%, #B7B7B7 100%);
--grey-gradient-transp: linear-gradient(90deg, #323232aa 0%, #787878aa 65%, #B7B7B7aa 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 65%, #E5E5E5 100%);
--orange-gradient: linear-gradient(90deg, #cc0000 0%, #eb5514 60%, #FBA504 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 65%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF33 100%);
--brown-gradient: linear-gradient(90deg, #6e2814 0%, #a04614 65%, #dc8200 100%);
--green-brown-gradient: linear-gradient(90deg, #644600 0%, #8c6400 65%, #d2a000 100%);
--orange-gradient-40: linear-gradient(90deg, #cc0000dd 0%, #eb5514aa 60%, #FBA504cc 100%);

/*darken the lightest colour
https://meyerweb.com/eric/tools/color-blend/
*/
}



/* 2024 update - seed tech styles , ben , jtb rebrand */

html .outside{
	    border: none;
    border-radius: 20px;
}

html body  h1{
	    font-size: 40px;
    font-weight: 700;
	
	 background:   var(--blue-gradient) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.3em;
    font-size: 40px;
    display: inline-block;
    margin-bottom: 0.5em;
	
}

html .namebox{
	    border-top: none;
    background: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF33 100%);
    border-radius: 10px;
}

html .btnLarge{
	 background:  var(--blue-gradient)  !important ;
	 border-radius:5px  !important ;
	     margin-right: 1em  !important ;
}

html .btnLarge:hover{
	 background: linear-gradient(90deg, #005064 0%, #0082a0 60%, #36C1CD 100%)  !important ;
}

html .jrdisplay p {border: none;
    background: linear-gradient(90deg, #005064 0%, #0082a0 60%, #36C1CD 100%);
    color: #fff;
border-radius: 15px;}



/*admin edit button brn*/
.adminbutton,a.adminbutton,button.adminbutton{
    background-image: url(/u/admin-only.png),  var(--brown-gradient)  !important ;
    background-repeat: no-repeat  !important ; padding-right: 1em  !important ;

	font-size: 18px;       padding-left: 118px  !important ;
	font-family: "PT Mono", monospace,"Lucida Sans Typewriter"  !important ;
}html .adminbutton:hover,html a.adminbutton:hover,html button.adminbutton:hover{
	background-image: url(/u/admin-only.png),var(--green-brown-gradient)  !important ;
	  background-repeat: no-repeat  !important ;
	  filter: brightness(1.3) contrast(0.9) saturate(0.7);
}

html hr{    background: var(--silver-gradient);
    border: none;
height: 10px;}

.jrdisplay a{    color: #fff;
    margin-left: 2em;
font-weight: bold;}






/* END - 2024 update - seed tech styles , ben , jtb rebrand */





.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;padding-left: 50px;
width: 100%;
}.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.natlabelclick2{top: -18px;font-size: 0.7em;}

.outside{width: 90%;margin: 180px auto 50px auto;border-top: 8px solid #2c5f96;background-color: #fff;padding: 5%;color: #000;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4);
}

.namebox{width: 100%;margin: 15px 0;border-top: 2px solid #6085ad;background-color: #f3f3f3;padding: 3%;color: #000;
  -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
position: relative;
}
.closebox{
position: absolute;
top: 5px;
right: 5px;
background-image: url(delete.svg);
width: 45px;
height: 45px;
background-size: 45px;
}

.p50perc{
  position: relative;
  width: 48%;
  padding:1%;
  float: left;
}
h4{font-weight: bold;color:#0c7adc; }
h4 .material-icons{color: #000;font-size: 1.5em;
    position: relative;
    top: 7px;
    display: inline-block;}
html{font-size: 16px;}
.jrdisplay p{
      line-height: 2em;
background-color: #d6d6d6;
    padding: 8px 25px;
    border-top: 1px solid #94a9bf; 
    color: #000;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3);
    position: relative;
    margin-bottom: 20px !important;
}
.jrdisplay p span{
  font-weight: bold;    font-size: 1.1em;
}
input.select-dropdown{z-index: 3;}
body {
    background-color: transparent;
    font-family: 'Noto Sans', sans-serif,Helvetica,Arial,sans-serif;
    margin: 0;
        background-image: url(https://www.jtbtravel.com.au/wp-content/uploads/2024/07/himejicherryblossom.jpg);
    background-size: 100%;
    background-attachment: fixed;
        background-position: 0px 0px;
    color: #fff;
    background-repeat: no-repeat;
        font-size: 1.2em;
    line-height: 1.5em;

}
#submitbuttonhide{display:inline-block; }
html body a.resetformbutton_float_right{   position: relative;
   float: right;  }
html body a.resetformbutton{
  
   background-color: #f36b37 !important;
}
.buttonicon{
  position: relative;
    left: -9px;
    top: 5px;
}
.family{width: 70%;position: relative; float: right;}
.family p{position: relative;float: left;padding-right: 30px;margin-top: 0;padding-top: 0;}
.insurance{width: 70%;margin-bottom: 10px;
    padding-bottom: 20px;
    padding-top: 15px;}
.insurance p{position: relative;float: left;padding-right: 30px;margin-top: 0;padding-top: 0;}
.family_custom{background-image: url(https://www.jtbtravel.com.au/jr-pass-form/family.svg);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 5px 3px;}
html body a.resetformbutton:hover,.resetformbutton:active{
  background-color: #a8301d !important;" 
}
body .red2{
	background-color: transparent  ;color: #ce2519;font-weight: bold;
}
body .red3{
  background-color: transparent  ;color: #ce2519; ;
}
body h1{
	    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 34px  ;
    line-height: 135%;
    max-width: 100%;
    min-width: 0%;
    margin-top: 0;
}
h3,h2{
	color: #000;
    font-size: 25px;
    line-height: 135%;
    width: 100%;

}
h4{
  font-size: 22px;
}
.unbold{    font-weight: initial;}
ul.bullets li{
      list-style-type: disc;
    margin-left: 25px;
    margin-top: 5px;
        margin-bottom: 30px;
}

@media (max-device-width: 1024px) , (max-width: 1024px){
       body {    
        background-size: 220%;
    background-position: -400px 0px;
    }
}

@media (max-device-width: 600px) , (max-width: 600px){
       body {    
          background-size: 380%;
    background-position: -500px 0px;
    }
}

html:not([style-scope]):not(.style-scope).freebird, body:not([style-scope]):not(.style-scope).freebirdLightBackground {
    background-color: #d2ebfe;
} 
.freebirdLightBackground {
    background-color: #d2ebfe;
} 

body[Attributes Style] {
    direction: ltr;
    unicode-bidi: isolate;
} 
body {
    display: block;
    margin: 8px;
}



.freebirdFormviewerViewFormContentWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}

div {
    display: block;
}
body {
    background-color: #ede7f6;
    font-family: 'Noto Sans', sans-serif,Helvetica,Arial,sans-serif;
    margin: 0;
}


.freebirdHeaderMast {
    background-image: url(https://lh4.googleusercontent.com/pRoYQceD38uvTbtcD6Bn3bYyWoc2zpz9eGCCfdqZuWS_yVNNmVQJ8ElJ0UvSYlQPZdjVpfxM2w=w2048);
    background-size: cover;
    background-position: center;
    color: #fff;
} 
.freebirdFormviewerViewFormBanner {
    height: 278px;
} 
div {
    display: block;
} 
body {
    background-color: #ede7f6;
    font-family: 'Noto Sans', sans-serif,Helvetica,Arial,sans-serif;
    margin: 0;
}




.pushupclose span {
    font-size: 0.7em;    position: relative;
    top: -6px;
    left: -6px;}



.freebirdFormviewerViewCenteredContent {
    margin: auto;
    width: 640px;
} 
div {
    display: block;
} 
body {
    background-color: #ede7f6;
    font-family: 'Noto Sans', sans-serif,Helvetica,Arial,sans-serif;
    margin: 0;
}

form {
    display: block;
    margin-top: 0em;
} 
body {
    background-color: #ede7f6;
    font-family: 'Noto Sans', sans-serif,Helvetica,Arial,sans-serif;
    margin: 0;
}

.freebirdFormviewerViewFormCard:first-of-type {
    margin-top: -100px;
} 
.freebirdFormviewerViewFormCard {
    background-color: #fff;
    margin-bottom: 48px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
    word-wrap: break-word;
} 
div {
    display: block;
} 
body {
    background-color: #ede7f6;
    font-family: 'Noto Sans', sans-serif,Helvetica,Arial,sans-serif;
    margin: 0;
}

.input-field input{    text-indent: 13px;}

 /* label color */
   .input-field label {
     color: #455a64  ;
   }
   /* label focus color */
   .input-field input[type=text]:focus + label,
   .input-field textarea:focus + label,
   .input-field input[type=date]:focus + label,
   .input-field input[type=email]:focus + label  {
     color: #03a9f4 ;
   }
   /* label underline focus color */
   .input-field input[type=text]:focus,
   .input-field textarea:focus  ,
   .input-field input[type=date]:focus,
   .input-field input[type=email]:focus {
     border-bottom: 1px solid #0288d1 ;
     box-shadow: 0 1px 0 0 #0288d1;
   }
   /* valid color */
   .input-field input[type=text].valid,
   .input-field textarea.valid,
   .input-field input[type=date].valid,
   .input-field input[type=email].valid ,
   html body #dateselect2 input[type=text].invalid{ 
     border-bottom: 1px solid #4caf50 ;
     box-shadow: 0 1px 0 0 #4caf50;
   }
   .input-field input[type=text].valid + label,
   .input-field textarea+ label,
   .input-field input[type=date].valid + label,
   .input-field input[type=email].valid + label {
     color: #4caf50 ;
   }
   /* invalid color */
   .input-field input[type=text].invalid ,
   .input-field textarea.invalid,
   .input-field input[type=date].invalid ,
   .input-field input[type=email].invalid {
     border-bottom: 1px solid #b71c1c ;
     box-shadow: 0 1px 0 0 #b71c1c;
   }
   .input-field input[type=text].invalid + label,
   .input-field textarea.invalid + label,
   .input-field input[type=date].invalid + label,
   .input-field input[type=email].invalid + label {
     color: #b71c1c ; 
   }
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #03a9f4;
   }


[type="checkbox"]:checked+label:before { 
    border-right: 2px solid #03a9f4;
    border-bottom: 2px solid #03a9f4; 
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
    background-color: #03a9f4;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
    border: 2px solid #03a9f4;
}







#dashboard-widgets-wrap .button,   body .button-primary,#poststuff .button,.btnLarge {
    display: inline-block  ;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;  
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;

  color: #6f6f6f ;
  
    position: relative !important;
    padding: 4px 25px ;
    border: 0 !important;
    margin: 10px 1px !important;
    cursor: pointer !important;
    border-radius: 2px !important; 
    text-decoration: none !important; 
    transition: background-color .2s ease,box-shadow .28s cubic-bezier(.4,0,.2,1) !important;
    outline: none  !important;

    height: auto !important;
    line-height: inherit !important;
}
html body .button-primary,html body #poststuff .button-primary, html body#dashboard-widgets-wrap .button-primary,.btnLarge{background-color: #4f8ff5 !important;color: #fff !important;padding: 8px 30px !important;}
 #poststuff .button:hover,#dashboard-widgets-wrap .button:hover,html body .button-primary:hover,.btnLarge:hover{
  color: #fff !important;
  box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12) !important;
  background-color: #1d3da8 !important;
}


input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #0288d1;
    box-shadow: 0 1px 0 0 #0288d1;
}


input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #0288d1;
    -webkit-box-shadow: 0 1px 0 0 #0288d1;
    box-shadow: 0 1px 0 0 #0288d1;
}
input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #0288d1;
}

.input-field label:not(.label-icon).active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.datepicker-date-display {
 
    background-color: #269dd6; 

}
.datepicker-table td.is-selected {

    background-color: #269dd6; 

}
.datepicker-table td.is-today {

    color: #269dd6;

}


html .modal { 
    background-color: rgba(0, 0, 0, 0.24); 
padding-top: 0;
min-height: none;
max-height: none;
height: initial;

-webkit-overflow-scrolling: touch;

max-height: 100%;
overflow-y: auto;



}

html .modal  .modal-content { 
    width: 100%;

}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    border-radius: 50%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    background: #0089ec;
    color: #ffffff;
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { 
    background-color: #2ea4e8;
    color: #ffffff;
}.picker__date-display {
    text-align: center;
    background-color: #00bfea; 
}.picker__weekday-display {
    background-color: #269dd6; 
}.picker__day.picker__day--today {
    color: #1354d0;
    font-weight: bold;
}.picker__close, .picker__today { 
    color: #2ea4e8;
}button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
    background-color: #cbdce4;
}.picker__nav--prev:hover, .picker__nav--next:hover {
    cursor: pointer;
    color: #000000;
    background: #adf0ff;
}




/* The Modal (background) - POPUP BOX  */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */ 
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 999;
}
/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px 10px 10px 30px;
    border: 1px solid #888;
    width: 92%;
}
/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
form{width: 100%;display: inline-block;}
.modal form{margin: 5px 15px;}

.modal,.modal strong,.modal p,.modal label{color: #000;}
.modal-content h4{line-height: 1em;
      border-top: 2px solid #ccc;
    width: 100%;
    display: block;
    margin: 20px 0;
    padding: 20px 0 10px 20px;
    font-size: 1.3em;
    color: #0e83ca;
}
.pushupclose{    position: relative;
    top: -20px;
      right: 30px;
    }



html label{color: #363636;}


.dropdown-content li>a, .dropdown-content li>span { 
    color: #088bbf; 
}

  .picker__frame { 
  width: 400px; 
}.picker__frame {
    margin: 0 auto;
    max-width: 925px;
}

html body input.select-dropdown{
  text-indent: 10px;
}

.checkboxes label{
      color: #000;
    font-weight: bold;
}
.select-wrapper input.select-dropdown{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none; // latest Opera versions support -webkit-
user-select:none;
}
textarea, html textarea.materialize-textarea{background: #e9e9e9;}
hr{border: 6px solid #ccc;}
.spinner{animation:rotator 1.5s linear infinite;margin:15px
auto;display:block}
@keyframes
rotator{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}
.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.5s ease-in-out infinite, colors 6s ease-in-out infinite}
@keyframes
colors{0%{stroke:#963f0c}25%{stroke:#f13416}50%{stroke:#F7C223}75%{stroke:#544914}100%{stroke:#482d10}}
@keyframes
dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46;transform:rotate(135deg)}100%{stroke-dashoffset:187;transform:rotate(450deg)}}
@media  (max-width: 1199px){.navbar-header .navbar-brand{background-size:150px;background-position:35px -2px}}
@media   (max-width: 991px)