/* Chromium browser outline fix for public */
a:focus {
    outline: none;
}

/* HIDE THE AGENT PASSWORD EYE ON PUBLIC AGENT BY DEFAULT, OVERRIDDEN ON DEV WORK - FN*/

.txtPassword.fa-eye {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    padding-right: 25px;
    cursor: pointer;
    display: none; /* TO DISPLAY ON INDIVIDUAL CUSTOMER */
}

.txtPassword.fa-eye-slash {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    padding-right: 25px;
    cursor: pointer;
    display: none; /* TO DISPLAY ON INDIVIDUAL CUSTOMER */
}

/* END EYES */

/* restore hidden class removed from bootstrap 5 - used to hide labels */
.hidden {
    display: none;
}


/* reinstate the error message label css properties lost when porting to bootstrap 5 */
label#ErrorMsg {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

/* modify the background colour of the Ok button when it is hovered upon */
input#btnOk:hover {
    background-color: #e8e8e8; /* light gray */
    color: black;
    border-color: #cbd1d7;
}

/* Screen reader or Aria specific */
/* prevents duplicated html content from displaying e.g. in modaldialog created by the modalDialog() function defined in ModalDialog.js*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.img-logo {
    display: inline-block;
    max-width: 30px;
    height: 25px;
    padding: 0px;
    padding-left : 5px;
    background-color: #fff;
}




/* MOBILE VIEW */
@media screen and (max-width: 767px) {


}

/* ULTRA SMALL MOBILE VIEW */
@media screen and (max-width: 344px) {
    /* Over-ride Fullcalendar left alignment to zero as there is not enough screen estate to accommodate other positions */
    div#floatingCalendar {
        left: 0px !important;;
    }
}


/* cater for iPad behavior in Safari causing page refresh, 
    i.e. Safari will now no longer refresh or even rubber-band at the page edges, especially the top edge
    (the pages will now just stop at the bounds) and no unwanted page refresh will occur */
html, body {
    overscroll-behavior-y: none;
}


/* START of reCaptcha dialog */
/* Dialog container */
.recaptcha-dialog.ui-dialog {
    border: 1px solid #6d6161 !important;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    background: white;
}

/* Title bar (hidden unless you want branding text) */
.recaptcha-dialog .ui-dialog-titlebar {
    background: silver;
    color: black;
    font-weight: bold;
    border: none;
    border-radius: 7px 7px 0 0;
    font-size: 15px;
}

.ui-dialog .ui-dialog-title {
    padding-bottom: 3px;
}

/* Body padding and layout */
.recaptcha-dialog .recaptcha-dialog {
    padding: 20px 25px !important;
    text-align: center;
}

/* Recaptcha widget centered */
.recaptcha-dialog .g-recaptcha,
.recaptcha-dialog iframe {
    margin: 0 auto !important;
    /* display: block !important; */
}

/* Optional "branding bar" */
.aurigny-dialog-footer {
    margin-top: 15px;
    padding: 10px;
    background: #003A78;
    color: #F7D117;
    font-size: 12px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

div#flightCalRecaptchaDialog p,
div#paxPayDetailsRecaptchaDialog p {
    margin-bottom: 20px;
    margin-left: -90px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: hidden;
}


.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    /* background: none !important; */
    /* border: none !important; */
    outline: none !important;
    background-image: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'>\
        <path d='M5 5 L15 15 M15 5 L5 15' stroke='%23bbbbbb' stroke-width='2' stroke-linecap='round'/>\
        </svg>");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: azure;
}

/* END of reCaptcha dialog */