@charset "utf-8";
.formitem.upload-drop-area {border: 1px dashed #555;
    padding: 15px;
    border: 2px dashed var(--light);
    border-radius: 10px;
    background: var(--darkbasecontrast);}
.formitem.upload-drop-area.drag-over { border:2px solid var(--light); background: #303030;}

/********************** NEW SELECT DROPDOWN - ensure get JS too ***************************/
.custom-select-wrapper {position: relative; width: 100%;
    margin: 0px 8px 15px 0; user-select: none;font-family: inherit;}
.custom-select-trigger {position: relative;display: block; width: 100%; padding: 10px;
    background-color: #ffffff;border: 1px solid #030C38;
    border-radius: 13px; color: #192733;cursor: pointer;box-sizing: border-box;
    background-image: url('/static/images//icons/Dot-Down-Select.svg');
    background-position: right 10px bottom 8px; background-repeat: no-repeat;
    transition: border-radius 0.1s ease;}
.custom-select-wrapper.open .custom-select-trigger {border: 2px solid #00FFFF;  filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.5));
    border-bottom: 1px solid #e0e0e0; border-radius: 13px 13px 0 0;}
.custom-options {position: absolute;top: 100%; left: 0;right: 0;z-index: 999;
    background: #ffffff;border: 2px solid var(--bright); border-top: none;
    border-radius: 0 0 13px 13px;display: none; box-shadow: 0 7px 9px -7px #030832; overflow: hidden;}
.custom-select-wrapper.open .custom-options {display: block;}
.custom-options .option {padding: 10px; color: #000;cursor: pointer;transition: background 0.2s;}
.custom-options .option:hover {background-color: #030C38; color: #ffffff;}

/********************* GOXIT FORMS ******************/
/* form inline is one field one button*/
form.inline {width: 100%; display: flex; grid-template-columns: auto auto; align-items: center;}
form.inline input, form.inline textarea, form.inline button{display: inline-block;}
form.inline input[type="submit"] {width: max-content;}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"],  textarea,select
{display: block; width: 100%;border:1px solid #030C38; border-radius: 9px; padding:8px;
  box-sizing: border-box;margin-left :0; color:#192733; -webkit-appearance: none; border:2px solid #fff; }
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea,select{background-color: #ffffff !important;}
input[type="radio"], input[type="checkbox"]  {accent-color: var(--darkbase);}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus,select:focus,button:not(.tabtop)
{outline:none; border-top: 2px solid var(--bright); border-right: 2px solid var(--bright);
  border-bottom: 2px solid var(--bright);border-left: 2px solid var(--bright);
   filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.5));}
input[type="text"]:disabled, input[type="email"]:disabled , .button.disabled, button.disabled:hover, input.disabled[type="file"]:hover 
{background-color: var(--disabled1); color: var(--disabled2); border-color: var(--disabled2); cursor: not-allowed;}
input[type="text"]:hover,input[type="email"]:hover,input[type="tel"]:hover,input[type="password"]:hover,select:hover,textarea:hover,button:hover{
   filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.5));}
label:has(input[type="file"]):hover{cursor: pointer;}
/********************* BUTTONS ******************/
input[type="submit"], input[type="button"] {overflow: hidden;}
input[type="button"],input[type="submit"]{ padding-left:25px; padding-right: 25px; min-width: 100%;}
button {box-sizing: border-box;}
input[type="button"] {overflow: hidden;}
button:focus{outline:none !important;}
#g-recaptcha-response{ z-index: -100;}

/*********** Form help ************/
.formhelp { display: flex; justify-items: center; grid-gap:5px; margin-top: 0; }
.formhelphide{ margin-top: -100%; transition: all 1s ease-in-out; }
.formhelpcontainer { overflow: hidden; }
.help-inner{ width:100%;display: flex; justify-items: center; color: #030C38; background-color: #ccc; border-radius: 10px;
padding: 5px 10px 5px 10px; font-weight: 400; font-size: 0.9em; justify-content:space-between;}
.helpspace { margin-top: 5px; }
.help-inner p {padding-right: 10px; margin-bottom: 0px;}

.button input[type="file"] {display: none;}
.file-status {padding-left: 0px;}
.upload-success {background-color: #2d5a27 !important; color: white !important;}
label,input, .label-text { font-weight: 700;}
label.button {min-width: 100%;}
fieldset  {border: none; display: grid; gap:15px;}
input[type="radio"] {width: 20px; height: 20px;}
input[type="checkbox"] {width: 20px; height: 20px;}
label, .label-text  {display: flex; grid-gap:5px; align-items: center; width: 100%;}
.labelright{ line-height: normal; display: flex; width: 100%;align-items: center; justify-content:space-between;}

.inputright{display: flex; justify-content: flex-end;align-items: center; grid-gap:10px;}
.formitem {display: grid; grid-gap:5px; transition: all 0.6s ease;}
label,input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea,select {flex-grow:1;}
legend {font-weight: 600; font-size: 1em; padding: 0 20px;}
select{ background: url(../images/icons/Dot-Down-Select.svg ); background-position: right 10px center; background-repeat: no-repeat;}

.messages {background: #081d47; background: linear-gradient(90deg, #160428 11%, #21226B 48%, #091F41 76%); border-radius: 10px; padding:10px; margin: 20px 0; 
  border:1px solid #fff; filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.5));}
.error{ display: flex; grid-gap:5px; align-content: center; font-weight: 600;  padding:10px;}
.success {color: var(--bright);}.success svg path {fill:var(--bright);}
.error{color:var(--light);}.error svg path {fill:var(--light);}
/**** Captcha FIXES *****/
#g-recaptcha-response{   margin: -78px 0 0 0 !important; height: 76px !important; opacity: 0;display: block !important;  position: absolute; left: 0; }
.g_recaptcha, #id_captcha {transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0; width:200px;}
#rc-imageselect {transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0; }

/* Password Toggle Styles */
.password-toggle { margin: 2px 0; display: flex; align-items: center; gap: 8px; }
.password-checkbox { display: none; }
.eye-checkbox { cursor: pointer; display: flex; align-items: center; gap: 8px; user-select: none; font-size: 14px; }
.eye-icon { width: 17px;  height: 17px;  position: relative;  display: inline-block; }
.eye-icon svg { width: 100%; height: 100%; fill: #666; transition: all 0.2s ease; }
.eye-closed { display: block; }
.eye-open { display: none; }
.password-checkbox:checked + .eye-checkbox .eye-closed { display: none; }
.password-checkbox:checked + .eye-checkbox .eye-open { display: block; }
.eye-checkbox:hover .eye-icon svg { fill: #007bff; }

/* Text switching for show/hide passwords */
.show-text { display: inline; }
.hide-text { display: none; }
.password-checkbox:checked + .eye-checkbox .show-text { display: none; }
.password-checkbox:checked + .eye-checkbox .hide-text { display: inline; }
.button-container { display: flex; gap: 15px; align-items: center; }
.password-reset-button { padding: 10px 15px; display: inline-flex; align-items: center; text-decoration: none; font-size: 0.9em; font-weight: 600; }

@media (min-width: 2000px)
{
.Contact-Display {background-image: url(../images/banners/cat-banner.avif) !important; background-repeat:  no-repeat; background-size: auto !important; background-position: right !important; background-color: #888c97 !important; top:103px; }
}
@media (min-width: 1400px)
{
  .formleftlabel {grid-template-columns: max-content auto;}
  .formleftlabel label, .formleftlabel .formerror {padding: 3px 10px 3px 0;}
}
@media (min-width: 913px)
{
    input[type="radio"] {width: 25px ; height: 25px;}
  input[type="checkbox"] {width: 25px; height: 25px;}
}
@media (min-width: 600px)
{
input[type="button"],input[type="submit"]{ min-width: 250px;}
label.button {min-width: 250px;}
}