@charset "UTF-8";

:root {
    --ndss-primary-blue: #0057b8;
    --ndss-secondary-green: #2BAA4A;
    /*#43b02a*/
    --ndss-secondary-orange: #ff671f;
    --ndss-secondary-yellow: #ffc72c;
    --ndss-secondary-lightblue: #69b3e7;
    --ndss-secondary-red: #d50032;
    --lighterblue: #f0f8ff;
    --ndss-font-grey: #3f4444;
    --ndss-font-blue: #02314b;
    --nsw-secondary-blue: #2e5299;
    --nsw-tertiary-blue: #0085b3;
    --white: #fff;
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Md';
    src: url('../fonts/HelveticaNeueLTPro-Md.otf');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular.ttf');
}

body {
    font-family: "HelveticaNeueLTPro-Md", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: left;
    color: var(--ndss-font-grey);
    background-color: var(--white);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-image: url(../images/background-ndss-pattern.svg);
    background-position: 0 -1px;
    background-repeat: no-repeat;
    background-size: cover;
}

form {
 
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "HelveticaNeueLTPro-Md", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: var(--ndss-primary-blue);
}

h1 {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 14px;
    word-wrap: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

h2 {
    font-size: 36px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 38px;
}

li a {
    margin: 0;
}

ul {
    list-style: none;
}

label {
    font-weight: 100;
}

time {
    color: var(--ndss-font-grey);
}

img {
    image-rendering: -moz-crisp-edges;
    /* Firefox */
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    /* IE (non-standard property) */
}

.control select {
    border-radius: 30px;
}

/*---------------------------------------------------------------------------------- Header */
/* White Header Container */
.navbar-static-top.navbar-inverse {
    background-color: var(--white);
    border-color: transparent;
}

.navbar .container {
    max-width: 1200px;
    margin-top: -30px;
    height: 130px;
}

/* Header NDSS Logo - makes logo float right*/
.navbar-brand {
    width: auto !important;
}

/* Header NDSS Logo */
.navbar-brand .container-fluid {
    margin-top: 30px;
}

@media screen and (max-width:1200px) {
    .au-header__brand-image {
        margin-left: 100px;
    }
}

.au-header__brand-image:focus-visible {
    outline: none;
}

/* Header NDSS Logo */
@media screen and (max-width:1200px) {
    .navbar-brand .container-fluid {
        /* margin-top: 70px; */
        margin-left: -600px;
    }
}

/* Header Telephone Number */
.l-header__inner-wrapper {
    float: right;
    margin-top: 94px;
    margin-right: -7%;
}

@media screen and (max-width:1200px) {
    .l-header__inner-wrapper {
        margin-top: 0px;
    }
}

/* Header Telephone Number Link */
.c-helpline {
    font-weight: 100;
    text-decoration: underline solid transparent;
    transition: text-decoration 0.1s ease-out;
}

.c-helpline:hover {
    color: var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
    text-decoration: underline var(--ndss-secondary-lightblue);
    transition: text-decoration 0.1s ease-in;
}


/* Header Telephone Number */
@media screen and (max-width:1200px) {
    .l-header__inner-wrapper {
        margin-top: 30px;
        margin-right: 100px;
    }

    /* Hide Helpline Text on Smaller Screens */
    .c-helpline {
        display: none;
    }

    .navbar-desktop {
        display: none;
    }
}

/* Hide Smaller Helpline Button on Larger Screens */
@media screen and (min-width: 1200px) {
    .btn-helpline {
        display: none;
    }

    .navbar-mobile {
        display: none !important;
    }
}

/*--------------------------------------------------------------------------------------------------- Header Navigation Bar */
#navbar {
    float: right;
    /* margin-top: 85px; */
    padding: 0;
    margin-left: 12%;
}

@media screen and (max-width: 1200px) {
    #navbar {
        float: none;
        margin-top: 50px;
        margin-right: -200px;
        position: absolute;
    }
}

/* Header Navigation Bar Menu Parent Items*/
.navbar-nav li {
    padding: 0px 0px;
}

/* Header Navigation Bar Menu Parent Items*/
.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a {
    font-family: "HelveticaNeueLTPro-Md", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: var(--ndss-primary-blue);
    font-weight: 100;
    margin: 0;
    background-color: white;
    height: 45px;
    transition: 0.1s ease-out;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a:hover {
    background-color: #e2eff9;
    transition: 0.1s ease-in;
    border-bottom: none;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a:active,
.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a:focus,
.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a:active:focus,
.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a:hover:active {
    background-color: var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
    color: var(--white);
}

/* Header Navigation Bar Menu Parent Item Dividers */
.navbar-static-top.navbar .menu-bar>.navbar-nav>.divider-vertical {
    display: none;
}

/* Header Navigation Bar Menu Dropdown Menu */
#navbar .dropdown-menu {
    background-color: #e2eff9;
    transition: 0.1s ease-out;
    padding: 0;
    border: none;
    margin-top: 0;
}

/* Header Navigation Bar Menu Dropdown Menu Child Items*/
.dropdown-menu>li {
    margin: 0;
    padding: 0;
    background-color: #e2eff9;
    transition: 0.1s ease-out;
}

/* Header Navigation Bar Menu Dropdown Menu Child Items*/
.dropdown-menu>li>a {
    height: 40px;
    padding: 10px !important;
    margin-left: 0px !important;
    /* hovering over child links would cause them to weirdly reposition themselves from powerapps code. this is to counter that.*/
    text-align: left;
    color: var(--ndss-primary-blue);
}

/* Header Navigation Bar Menu Dropdown Menu Child Items Hover*/
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #c0d9f6;
    transition: 0.1s ease-in;
    color: var(--ndss-font-blue);
    border: none !important;
}

/* Header Navigation Bar Menu Dropdown Menu Child Items Clicked*/
.dropdown-menu>li>a:active,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:active:focus,
.dropdown-menu>li>a:hover:active {
    background-color: var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
    color: var(--white);
}

/* Header Navigation Bar Menu Dropdown Menu Child Items Divider*/
.dropdown-menu .divider {
    margin: 0;
}

/* Hide Empty Content Snippet */
.hidden-xs {
    display: none;
}

/*-------------------------------------------------------- Header Navigation Bar For Smaller Screens*/
/* Header Navigation Bar Toggle Button Inactive */
.navbar-toggle {
    /* margin-top: 90px; */
    background-color: var(--ndss-primary-blue) !important;
    border: 2px solid var(--ndss-primary-blue) !important;
    transition: 0.1s ease-out;
}

/* Header Navigation Bar Toggle Button Inactive Hamburger Menu Rectangles */
.navbar-toggle[aria-expanded="false"] span {
    background-color: var(--white) !important;
}

/* Header Navigation Bar Toggle Button Activated */
.navbar-toggle[aria-expanded="true"] {
    /*toggle button*/
    background-color: var(--white) !important;
    border: 2px solid var(--ndss-primary-blue) !important;
    transition: 0.1s ease-in;
}

/* Header Navigation Bar Toggle Button Activated Hamburger Menu Rectangles */
.navbar-toggle[aria-expanded="true"] span {
    background-color: var(--ndss-primary-blue) !important;
    border: 1px;
}

/* Header Navigation Bar Dropdown Menu For Smaller Screens */
@media screen and (max-width:1200px) {
    .navbar-collapse {
        /*dropdown menu*/
        margin-right: -90px !important;
        margin-top: 120px !important;
    }
}

/*------------------------------------------------------------------- Blue NDSS Administered Header */
.c-banner {
    min-height: 50px !important;
    padding: 0px 7.5vw;
}

/* ----------------------------------------------------------------------------- Applied to All Pages */
.col-md-12 {
    max-width: 100vw;
    margin: 0px;
}

.container-fluid {
    padding-top: 0;
    padding-left: 0;
}

.container>.row>.card {
    box-shadow: 1px 1px 20px -2px hsl(0deg 0% 41% / 50%);
    margin-right: 20px;
    padding: 20px 50px;
    margin-bottom: 35px;
    background-color: var(--white);
    display: block;
    min-height: 200px !important;
    height: auto !important;
    border-top: 6px solid #0057b8;
    border-radius: 4px;
}

*,
*:after,
*:before {
    box-sizing: border-box;
}

form .container {
    margin-top: 20px;
}

.info label {
    color: var(--ndss-primary-blue);
}

/* Known Use: New Order Registrant Page, Registrant Page */
.alert-warning {
    background-color: var(--lighterblue);
    border: 2px solid var(--ndss-primary-blue);
    color: var(--ndss-font-grey);
    text-align: center;
    border-radius: 4px;
    margin-bottom: 0px;
}

/* Known Use: New Order Registrant Page */
.alert-danger {
    border: 2px solid var(--ndss-secondary-red);
    color: var(--ndss-secondary-red);
    background-color: #fff6f8;
}

/* Known Use: New Order Registrant Page */
.alert-success {
    border: 2px solid var(--ndss-secondary-green);
    color: var(--ndss-font-grey);
    background-color: #e9ffe4;
}

.ndss-form-control {
    border: 2px solid var(--ndss-font-grey);
    border-radius: 10px;
    padding: 6px 12px;
    margin: 10px 0px;
    font-size: 15px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    outline: none;
}

.card-title span {
    font-family: 'HelveticaNeueLTPro-Md' !important;
    font-size: 17px !important;
}

.card-title .btn-secondary {
    padding: 10px 10px 10px 15px;
}

/* ------------------------------------------------------------Buttons */
.btn {
    border-radius: 30px;
}

/* Primary Buttons */
.btn-primary {
    border-radius: 30px;
    color: var(--white);
    background-color: var(--ndss-primary-blue);
    border: 2px solid var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    padding: 10px;
}

.btn-primary:hover {
    background-color: var(--white);
    border: 2px solid var(--ndss-primary-blue);
    border-radius: 30px;
    color: var(--ndss-primary-blue);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:hover:active {
    color: var(--white);
    background-color: var(--ndss-secondary-lightblue);
    border: 2px solid var(--ndss-secondary-lightblue);
    border-radius: 30px;
    box-shadow: none;
    transition: 0.1s ease-in;
    outline: none;
}

.btn-primary[disabled] {
    border-radius: 30px;
    color: var(--white);
    background-color: var(--ndss-primary-blue) !important;
    border: 2px solid var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    padding: 10px;
}

.btn-primary[disabled]:hover {
    border-radius: 30px;
    color: var(--white);
    background-color: var(--ndss-primary-blue);
    border: 2px solid var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    padding: 10px;
}

/* Secondary Buttons */
.btn-secondary {
    color: var(--white);
    transition: 0.1s ease-out;
    padding: 10px;
    border: 2px solid var(--ndss-secondary-green);
    float: left;
    background-color: var(--ndss-secondary-green);
}

.btn-secondary:hover {
    transform: scale(1);
    transition: 0.1s ease-in;
    color: var(--ndss-secondary-green);
    border: 2px solid var(--ndss-secondary-green);
    background-color: var(--white);
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary:hover:active {
    box-shadow: none;
    outline: none;
    background-color: #5dda7c;
    border: 2px solid #5dda7c;
    color: var(--white);
}

/* Default Buttons */
.btn-default {
    border-radius: 30px;
    color: var(--white);
    background-color: var(--ndss-primary-blue);
    border: 0px solid var(--ndss-primary-blue);
}

.btn-default:hover {
    background-color: var(--white);
    outline: 2px solid var(--ndss-primary-blue);
    outline-offset: -2px;
    border-radius: 30px;
    color: var(--ndss-primary-blue);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.btn-default:active,
.btn-default:focus,
.btn-default:active:focus,
.btn-default:hover:active {
    color: var(--white);
    background-color: var(--ndss-secondary-lightblue);
    outline: 2px solid var(--ndss-secondary-lightblue);
    outline-offset: -2px;
    box-shadow: none;
    transition: 0.1s ease-in;
    outline: none;
}

/* Light Buttons */
.btn-light {
    border-radius: 30px;
    color: var(--white);
    background-color: var(--ndss-primary-blue);
    border: 2px solid var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    padding: 10px;
}

.btn-light:hover {
    background-color: var(--white);
    border: 2px solid var(--ndss-primary-blue);
    border-radius: 30px;
    color: var(--ndss-primary-blue);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.btn-light:active,
.btn-light:focus,
.btn-light:active:focus,
.btn-light:hover:active {
    color: var(--white);
    background-color: var(--ndss-secondary-lightblue);
    border: 2px solid var(--ndss-secondary-lightblue);
    border-radius: 30px;
    box-shadow: none;
    transition: 0.1s ease-in;
    outline: none;
}

/* Helpline Button for Smaller Screens */
.btn-helpline {
    color: var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    padding: 10px;
    border: 2px solid var(--ndss-primary-blue);
    float: left;
    background-color: var(--white);
    margin-top: 3px;
    margin-right: 20px;
}

.btn-helpline:hover {
    color: var(--white);
    background-color: var(--ndss-secondary-lightblue);
    border: 2px solid var(--ndss-secondary-lightblue);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.btn-helpline:active,
.btn-helpline:focus,
.btn-helpline:active:focus,
.btn-helpline:hover:active {
    color: var(--white);
    background-color: var(--ndss-secondary-lightblue);
    border: 2px solid var(--ndss-secondary-lightblue);
    border-radius: 30px;
    box-shadow: none;
    transition: 0.1s ease-in;
    outline: none;
}

/*------------------------------------------------------------------------------------------- Home Page */
.main-content {
    margin-bottom: -20px;
    background-image: none;
}

/* Home Page Cards */
.home-cards .card {
    box-shadow: 1px 1px 20px -2px hsl(0deg 0% 41% / 50%);
    margin-right: 20px;
    padding: 20px 50px;
    margin-bottom: 35px;
    background-color: var(--white);
    /* max-width: 1400px; */
    margin-left: 10%;
    display: block;
    min-height: 200px !important;
    height: auto !important;
}

#home-hero-content .row {
    margin-left: 0px;
    margin-right: 0px;
}

/* Notification Message */
#AgentNotificationMessageHeader {
    border: 2px solid var(--ndss-font-grey);
    background-color: var(--ndss-secondary-yellow);
    margin-bottom: 20px;
}

.content-home #AgentNotificationMessageHeader {
    margin-bottom: 0px;
}

/*-------------------------------------------------------------------------------- Home Page Links Before Signing In */
/* Float Sign In Link to the Right*/
#content-building-details .home-sign-in {
    text-align: right;
    margin-bottom: -45px;
}

/* Sign In Link */
#content-building-details .home-sign-in a {
    color: var(--ndss-primary-blue);
    transition: 0.1s ease-in;
    text-decoration: none;
}

#content-building-details .home-sign-in a:hover {
    color: var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
}

/* Home Page Links */
#content-building-details .card-title ul {
    text-align: center;
    padding: 20px 10px;
}

/* Home Page Links Buttons */
#content-building-details .card-title li {
    list-style: none;
    margin: 15px 10px;
    width: 25rem;
    display: inline-block;
    background-color: var(--ndss-primary-blue);
    border: 3px solid var(--ndss-primary-blue);
    border-radius: 30px;
    text-align: center;
    transition: 0.1s ease-out;
    box-shadow: 2px 3px 10px -3px hsl(0deg 0% 34%);
}

#content-building-details .card-title li:hover {
    background-color: var(--white);
    transition: 0.1s ease-in;
}

#content-building-details .card-title li:active,
#content-building-details .card-title li:focus,
#content-building-details .card-title li:active:focus,
#content-building-details .card-title li:hover:active {
    background-color: var(--ndss-secondary-lightblue);
    border: 2px solid var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
}

/* Home Page Links Buttons Text */
#content-building-details .card-title li a {
    color: var(--white);
    text-decoration: none;
    transition: 0.1s ease-out;
    display: block;
    padding: 10px;
}

#content-building-details .card-title li:hover a {
    color: var(--ndss-primary-blue);
    transition: 0.1s ease-in;
}

#content-building-details .card-title li:active a,
#content-building-details .card-title li:focus a,
#content-building-details .card-title li:active:focus a,
#content-building-details .card-title li:hover:active a {
    color: var(--white);
}

/* Home Page Search Button */
#searchButtonDiv {
    padding-top: 20px
}

#searchButton {
    width: 100px;
}

/* Home Page Advanced Search Info */
#search-param-info {
    margin-bottom: 15px;
}

/*---------------------------------------------------------------------------------------Home Page After Signing In */
/* Home Page Create a Registrant Order Yellow box*/
@media screen and (max-width:1008px) {
    .registrant-search {
        max-width: 75vw;
    }
}

/* Home Page Cards After Signing In For Larger Screens*/
/* @media screen and (min-width:2100px) {
    .home-cards .card {
        margin-left: 20vw;
    }
} */

/* Home Page After Signing In Welcome Card For Smaller Screens */
@media screen and (max-width:1208px) {
    .col-sm-1-offset #content-building-details {
        width: 740px;
    }
}


/* Home Page Welcome Card Search Bar Label */
.search-param-label {
    margin-bottom: 5px;
}

/* Home Page Welcome Card Search Results Section */
#search-results {
    margin-top: -20px;
}

/* Home Page Welcome Card Search Results Container */
#search-results .container {
    padding: 0;
}

/* Home Page Welcome Card 'None of Returned Results Match' Radio Button */
.selector {
    float: left;
    margin-right: 5px;
}

/* Home Page Welcome Card 'None of Returned Results Match' Container*/
#search-results .container {
    margin: 0;
}

/* Continue Button */
.registrant-search-param .btn-primary {
    margin-bottom: 15px;
}

/*-------------------- Announcements Grid */
.announcements-section {
    padding: 10px 10px 10px 0px;
    margin-bottom: -1px;
    border-bottom: 2px solid #ebebeb;
    margin-top: -15px;
}

.announcements-section:last-of-type {
    border-bottom: none;
}

.announcements-section hr {
    visibility: hidden;
}

.announcements-section .btn-secondary {
    float: right;
}


/*--------------------------------------------------------------------------------------------------Registrants Details Page*/
/* .registrant-details .col-md-12 {
    box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%);
    border-top: 6px solid var(--ndss-primary-blue);
    border-radius: 4px;
    margin-bottom: 30px;
} */

.registrant-details .col-md-5 h4 {
    float: right;
}

.customAlertHeader {
    cursor: pointer;
    border: 1px solid var(--ndss-secondary-yellow);
    padding: 8px;
    background-color: var(--ndss-secondary-yellow);
    color: var(--ndss-font-grey);
    font-size: small;
}

.chevron-collapsed {
    transform: rotate(90deg) !important;
}

/* Registration Expiry Header */
#reg-details .col-md-4,
#reg-details .col-md-4 h4 {
    float: right;
}

/* Hide Header Divider Line */
.panel-default .blue-line {
    display: none;
}

/* All Tabs */
.panel-heading .tab-column {
    padding: 10px;
}

.tab-column input,
.tab-column select {
    border-radius: 10px;
    border: 2px solid #9a9a9a;
}

/* Registrant Details and Primary Contact's Details Tabs */
div[data-name="Tab_Registrant_Details"] .tab-column .section-title {
    margin-left: 25px;
}

/* Registrant Details Tab */
div[data-name="Tab_Registrant_Details"] .tab-column:nth-child(2) {
    /* box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%); */
    border-top: 6px solid var(--ndss-primary-blue);
    border-radius: 6px;
}

.registrant-details .tab-column,
div[data-name="Tab_Registrant_Details"] {
    background-color: var(--lighterblue);
}

div[data-name="Tab_Registrant_Details"] .tab-column {
    /* box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%); */
    border-top: 6px solid var(--ndss-secondary-lightblue);
    border-radius: 6px;
}

div[data-name="Tab_Address_Details"] {
    border-top: 6px solid var(--ndss-secondary-lightblue);
    border-radius: 6px;
    background-color: var(--lighterblue);
}

div[data-name="Tab_MedicalDetails"] {
    display: none;
}

/* Icons */
.custom-control .col-md-3 {
    text-align: center;
}

.custom-control .col-md-3 i.icon {
    border: none;
    line-height: 1.5;
}

.custom-control .col-md-3 .glyphicon-remove {
    background-color: var(--ndss-secondary-red);
    color: var(--white);
}

.custom-control .col-md-3 .glyphicon-ok {
    background-color: var(--ndss-secondary-green);
    color: var(--white);
}

/* Icon Label */
.custom-control .custom-para {
    padding-bottom: 5px;
}

.custom-control .col-md-3 .glyphicon-warning-sign {
    background-color: var(--ndss-secondary-yellow);
    color: var(--white);
}

/* Concession Validation Tab */
div[data-name="Tab_Concession_Validation"] .tab-column {
    background-color: var(--lighterblue);
    /* box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%); */
    border-top: 6px solid var(--ndss-primary-blue);
    border-radius: 6px;
    margin-bottom: 10px;
}

div[data-name="Tab_Concession_Validation"] fieldset {
    margin-bottom: 0px;
}

/* Update Concession Details Button */
div[data-name="Tab_Concession_Validation"] .tab-column .grid-actions {
    border-bottom: none;
    margin-top: -45px;
}


/* Concession Validation Tab Date-Picker Button*/
div[data-name="Tab_Concession_Validation"] .tab-column .input-group-addon {
    background-color: var(--ndss-primary-blue);
    border: 0px solid var(--ndss-primary-blue);
    border-radius: 0px 10px 10px 0px;
    transition: 0.1s all ease-out;
}

div[data-name="Tab_Concession_Validation"] .tab-column .input-group-addon:hover {
    background-color: var(--white);
    box-shadow: inset 0px 0px 0px 2px var(--ndss-primary-blue);
    color: var(--ndss-primary-blue);
    transition: 0.1s all ease-in;
}

div[data-name="Tab_Concession_Validation"] .tab-column .section-title {
    margin-left: 10px;
}

div[data-name="Tab_Concession_Validation"] .tab-column .section-title img {
    margin-left: 2px;
}

/* Concession Validation Tab Date-Picker Button Icon */
div[data-name="Tab_Concession_Validation"] .tab-column .input-group-addon button {
    background-color: var(--ndss-primary-blue);
    color: var(--white);
    transition: 0.1s all ease-out;
}

div[data-name="Tab_Concession_Validation"] .tab-column .input-group-addon:hover button {
    background-color: var(--white);
    color: var(--ndss-primary-blue);
    transition: 0.1s all ease-in;
}

div[data-name="Tab_Concession_Validation"] .tab-column .input-group-addon button:focus-visible {
    outline: none;
}

/* Concession Validation Tab Date-Picker Calendar */
/* Text Colour */
.bootstrap-datetimepicker-widget tr th {
    color: var(--ndss-font-grey);
}

/* Date Picker Button Colour */
.bootstrap-datetimepicker-widget tr td button {
    color: var(--ndss-font-grey);
    width: 18px;
    text-align: center;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: var(--lighterblue);
}

/* Date Picker Selected Date */
.bootstrap-datetimepicker-widget .table-condensed tr .active,
.bootstrap-datetimepicker-widget .table-condensed tr .active button {
    background-color: var(--ndss-primary-blue);
    transition: 0.05s all ease-out;
}

/* Date Picker Selected Date Hover */
.bootstrap-datetimepicker-widget .table-condensed tr .active:hover {
    background-color: var(--ndss-secondary-lightblue);
    transition: 0.1s all ease-in;
}

/* Date Picker Today Indicator */
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: var(--ndss-primary-blue);
}

/* Date Picker Date Hover */
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget tr td:hover button {
    background-color: var(--lighterblue);
}

/* Declaration Tab */
div[data-name="Tab_Declaration"] .tab-column {
    /* box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%); */
    border-top: 6px solid var(--ndss-secondary-lightblue);
    border-radius: 6px;
    padding: 20px !important;
}

div[data-name="Tab_Declaration"] .tab-column fieldset {
    margin-bottom: 0px;
}

/* Details Are Correct Pop up */
.col-sm-6 .alert-warning {
    border: none;
    background-color: white;
    border-top: 6px solid var(--ndss-secondary-red);
    border-radius: 6px;
    box-shadow: 1px 1px 7px -2px hsl(0deg 0% 41% / 42%);
    font-size: 14px;
    text-align: left;
}

/* Forms Tab Links */
.tab-column .link-content ul {
    list-style: none;
    padding-left: 5px;
}

.tab-column .link-content ul a {
    color: var(--ndss-primary-blue);
    transition: 0.1s ease-in;
}

.tab-column .link-content ul a:hover {
    color: var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
}

/* Buttons Div */
.registrant-details .form-action-container-left {
    margin-top: 5px;
}

/* Save and Next Button */
#continueBtn {
    margin-right: 10px;
}

/* Create BGTS Modal */
.registrant-details .modal-content {
    margin-left: -5vw;
    border-radius: 10px;
    border: none;
    /* min-height: 300px; */
}
/* .registrant-details .modal-form .modal-body iframe {
    height: 350px;
} */
#content-container{
    margin: 0;
}




/* Submit Button*/
.registrant-details .modal-content .actions {
    border-top: none;
    padding: 0;
    margin-top: 0;
}

.registrant-details .modal-content .actions input {
    float: right;
    width: 100px;
}

/* Modal Date Picker */
.registrant-details .modal-content span {
    background-color: var(--ndss-primary-blue);
    border-radius: 0 10px 10px 0;
    transition: 0.2s all ease-out;
    border: none;
}

.registrant-details .modal-content span:hover {
    background-color: var(--white) !important;
    box-shadow: inset 0px 0px 0px 2px var(--ndss-primary-blue);
    transition: 0.2s all ease-in;
    border: none;
}

.registrant-details .modal-content span:hover button {
    background-color: var(--white) !important;
    color: var(--ndss-primary-blue) !important;
    transition: 0.2s all ease-in;
}

.registrant-details .modal-content span button {
    background-color: var(--ndss-primary-blue);
    color: var(--white);
    transition: 0.2s all ease-out;
}

/* Validation Info */
#txt_validationarea,
#txt_validationarea:active,
#txt_validationarea:focus {
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}

/*--------------------------------------------------------------------------------------------New Registrant Order Page*/
/* New Registrant Order Header */
.col-md-12 .panel-default .text-center {
    font-size: 24px;
}

/* Registrant Name */
#order-container .col-md-7 {
    padding-left: 0;
}

#order-container .custom-control {
    padding-bottom: 0px;
}

/* Pagination */
.paginate_button {
    border-radius: 30px !important;
    background: var(--white) !important;
    border: 2px solid var(--ndss-font-grey) !important;
    transition: 0.1s all ease-in;
}

.paginate_button:hover {
    border-radius: 30px !important;
    background: var(--ndss-secondary-lightblue) !important;
    border: 2px solid var(--ndss-secondary-lightblue) !important;
    transition: 0.1s all ease-in;
}

.paginate_button:active,
.paginate_button:focus,
.paginate_button:active:focus,
.paginate_button:hover:active {
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--ndss-primary-blue) !important;
    border: 2px solid var(--ndss-primary-blue) !important;
    color: var(--white) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--ndss-primary-blue) !important;
    border: 2px solid var(--ndss-primary-blue) !important;
    color: var(--white) !important;
}

.paginate_button.disabled {
    border-radius: 30px !important;
    background: var(--white) !important;
    border: 2px solid #666 !important;
}

.paginate_button.disabled:hover {
    border-radius: 30px !important;
    background: var(--white) !important;
    cursor: not-allowed !important;
}

#regrecentpurchases_paginate {
    width: 115%;
}

/* -------------------------------------------------[OLD] Pagination */

.has-pagination table {
    margin-bottom: 0;
}

.view-pagination .pagination {
    margin: 0;
}

.pagination li a {
    background-color: var(--white);
    color: var(--ndss-font-grey);
    transition: 0.2s all ease-out;
}

.pagination li a:hover {
    background-color: var(--white);
    color: var(--ndss-secondary-lightblue);
    transition: 0.1s all ease-in;
}

.pagination .active a {
    background-color: var(--white);
    color: var(--ndss-primary-blue);
    transition: 0.1s all ease-out;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    background-color: var(--white);
    color: var(--ndss-primary-blue);
    transition: 0.1s all ease-in;
}


/*------------------------------- New Order Rows*/
.newRow td[style*='width: 191px'] {
    padding-left: 30px;
}

.newRow td[style*='width:420px'] {
    width: 210px !important;
    padding: 0 !important;
}

/* .newRow td[style*='width:191px'] {
    width: 165px !important;
    padding-left: 30px;
} */

.newRow td {
    width: 40px;
}

/* Hide New Row Dividers */
div[data-name="Tab_General"].clearfix .tab-column .section hr {
    display: none;
}

/* Add Padding to New Rows */
div[data-name="Tab_General"].clearfix .tab-column .section .newRow td {
    padding-bottom: 15px;
}

/* New Row Quantity */
.newRow td input {
    text-align: center;
}

/*----------------------------- Trash Bin Icon */
.trashBtn {
    border: 2px solid var(--ndss-font-grey);
    transition: 0.1s all ease-out;
}

.trashBtn:hover {
    background-color: var(--ndss-secondary-red);
    border: 2px solid var(--ndss-secondary-red);
    transition: 0.1s all ease-in;
}

.newRow .trashBtn .fa {
    margin-left: 5px;
}

/*----------------------------- Tab Buttons */
.order-container-tabs {
    text-align: center;
}

.order-container-tabs .tab {
    display: inline-block;
}

.order-container-tabs .tab span {
    margin: 3px;
    background-color: var(--ndss-primary-blue);
    border: none;
    transition: 0.1s ease-out;
}

/* Tab Button Width For Smaller Screens */
@media screen and (max-width:1200px) {
    .order-container-tabs .tab span {
        min-width: auto;
    }
}

.order-container-tabs .tab span:hover {
    background-color: var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
}

.order-container-tabs .tab .active {
    background-color: var(--ndss-secondary-green);
    transition: 0.1s ease-in;
}

/*---------------------------- Item List */
/* Right Align Quantity */
#purchase-list .view-grid .qnt-input {
    text-align: right;
}

/* Right Align Line Amount $ Sign */
#purchase-list .view-grid td>label {
    float: left;
}

/* Right Align Line Amount */
#purchase-list .view-grid td>.lineAmt-input {
    float: right;
    text-align: right;
}

/*------------------------------------------------------------------------------------------------Review SATS Page*/

/* Both Tables */

#review-sats-card .flex-control-paging {
    padding: 0;
}

#review-sats-card #ResupplyTab .col-md-6 {
    padding: 0px 10px
}

/* Current Web-Order Heading */
.section-title {
    width: auto;
    background-color: transparent !important;
    border: none;
    color: var(--ndss-primary-blue);
    padding-bottom: 0;
    padding-left: 0 !important;
}

/* #order-container .col-md-4 {
    box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%);
    border-top: 6px solid var(--ndss-primary-blue);
    border-radius: 4px;
    margin-bottom: 30px;
} */

/* Current Web-Order Table Column With */
.panel-default .section th {
    width: 13% !important;
}

/* Buttons */
.button-group {
    margin-bottom: 10px;
}

#order-container .dt-button {
    float: right;
    margin-top: -55px;
}

/*-----------------------------------------------------------------------------------------------Order Visibility Page */
.container#order-visibility {
    margin-top: 20px;
}

#order-visibility .col-md-12 {
    padding-bottom: 0px;
}

#order-visibility .panel-default {
    margin-bottom: 0px;
}

#order-visibility .form-group {
    gap: 15px;
}

#order-visibility #status-filters {
    margin: 0px;
}

#order-visibility #button-group {
    margin: 0px;
    gap: 10px;
}

#resetButton {
    width: 100px;
}

/*-----------------------------------------------------------------------------------------------SATS Invoice, Handling Fee Payment, Direct Debit Summary Page*/
/*  Heading */
#order-container {
    margin-top: 20px;
}

#order-container .panel-heading .row h3 {
    padding-left: 14px;
}

/* From and To Document Dates */
.reports-table .document-dates {
    display: inline-flex;
    margin-bottom: 10px;
}

.reports-table .document-dates label {
    margin-right: 8px;
    margin-top: 20px;
}

.reports-table .document-dates input {
    margin-right: 5px;
    border: 2px solid var(--ndss-font-grey);
    border-radius: 30px;
    padding: 6px 12px;
    margin: 10px 0px;
    font-size: 15px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    outline: none;
    width: 170px;

}

.reports-table .document-dates #frDt {
    margin-right: 30px;
}

/* Radio Search Buttons div*/
.reports-table .radio-buttons {
    padding: 10px 0px;
    display: flex;
}

/* Individual Radio Search Buttons */
.reports-table .radio-buttons .form-check-label {
    margin-right: 50px;
}

/* Search and Reset Buttons */
.reports-table .search-reset-btns {
    margin-bottom: 30px;
    display: flex;
}

.search-reset-btns .btn-secondary {
    width: 90px;
    margin-right: 10px;
}

/*------------------------------------------- Document table */
.reports-table #ndss_accesspointdocument th {
    font-weight: 100;
    color: var(--ndss-primary-blue);
}


/*--------------------------------------------------------------------------------------- Historical Announcements Page*/
/* .announcements .col-md-12 {
    box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%);
    border-top: 6px solid var(--ndss-primary-blue);
    border-radius: 4px;
    margin-bottom: 30px;
}

#announcement-content .col-md-12 {
    box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%);
    border-top: 6px solid var(--ndss-primary-blue);
    border-radius: 4px;
    margin-bottom: 30px;
} */

/* Content Row */
.announcements {
    margin-top: 20px;
}

/* Announcements Grid List Text */
.view-grid a {
    text-decoration: none;
    color: var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    font-weight: 100;
}

.view-grid a:hover {
    text-decoration: none;
    color: var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
}

/* Search Bar */
.view-search .form-control {
    border: 2px solid var(--ndss-primary-blue);
    border-radius: 30px 0px 0px 30px;
}

.launchentitylookup .btn-default,
.view-search .btn-default {
    color: var(--white);
    background-color: var(--ndss-primary-blue);
    border: 1px solid var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    font-size: 13px;
    padding: 6px 12px;
}

.view-search .btn-default:hover {
    color: var(--ndss-primary-blue);
    background-color: var(--white);
    border: 1px solid var(--ndss-primary-blue);
}

.view-search .btn-default:active {
    color: var(--white);
    background-color: var(--ndss-secondary-lightblue);
    border: 1px solid var(--ndss-secondary-lightblue);
    transition: 0.1s ease-in;
    border-radius: 0px 30px 30px 0px;
}

/* Dropdown Arrow View Details Dropdown */
.entitylist ul {
    padding: 0;
}

.entitylist ul a {
    color: var(--ndss-primary-blue);
}

.entitylist ul li:hover a,
.entitylist ul li:focus a {
    color: var(--ndss-primary-blue);
    outline: none;
}

/*---------------------------------------------------------------------------------------------Announcement Details Page*/

/* Main Content */
.panel-default {
    border: none;
}

/* Main Content */
.panel-default>.panel-heading {
    background-color: var(--white);
    border: none;
}

.panel-default>.panel-heading h3 {
    padding-left: 14px;
}

/* Main Content Paragraph Padding */
#announcement-content .panel-default .tab-column .section td {
    padding: 0;
}

/*--------------------------------------------------------------------------------------------------Helpdesk Page*/

/* Main Content */
/* .helpdesk .col-md-8 {
    box-shadow: 1px 1px 10px -2px hsl(0deg 0% 41% / 50%);
    border-top: 6px solid var(--ndss-primary-blue);
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: 10px;
} */

/* Card width */
#helpdesk {
    width: 85vw;
}

/* Helpdesk Request Heading */
.helpdesk h1 {
    margin-top: 10px;
    text-align: left;
    padding-left: 40px;
}

/* Input Fields */
.helpdesk .panel-default .section .control input {
    border-radius: 10px;
    border: 2px solid var(--ndss-font-grey);
}

/* Dropdown Select Field */
.helpdesk .panel-default .section .control select {
    border-radius: 10px;
    border: 2px solid var(--ndss-font-grey);
}

.helpdesk .panel-default .section .control option {
    color: var(--ndss-font-grey);
}

/* Contact Phone Number Placeholder Text*/

#helpdesk ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    visibility: hidden;
    opacity: 0;
}

#helpdesk ::-moz-placeholder {
    /* Firefox 19+ */
    visibility: hidden;
    opacity: 0;
}

#helpdesk :-ms-input-placeholder {
    /* IE 10+ */
    visibility: hidden;
    opacity: 0;
}

#helpdesk :-moz-placeholder {
    /* Firefox 18- */
    visibility: hidden;
    opacity: 0;
}

/* Free Text Field */
.helpdesk .panel-default .section .control textarea {
    border-radius: 10px;
    border: 2px solid var(--ndss-font-grey);
    resize: none;
}

/* Send Request Button */
.helpdesk .panel-default .actions {
    border: none;
    padding-right: 19px;
    float: right;
    margin-top: -40px;
    margin-bottom: 0;
    padding: 0 19px 0 0;
}

/* Sent Request Message */
.helpdesk span:focus-visible {
    outline: none;
}

#MessagePanel input {
    display: none;
}

/* Validation Error Message */
.helpdesk h2 {
    margin-bottom: 0 !important;
}

.validation-summary a {
    color: var(--ndss-font-grey) !important;
}

/*------------------------------------------------------------------------------------------------------Set Access Point Page */
#set-access-point h3 {
    margin-left: 25px;
}

/* Input Fields */
#set-access-point .tab-column .input-group input,
.tab-column select {
    border: 2px solid var(--ndss-font-grey);
}

/* Modal Buttons */
#set-access-point .modal-footer button {
    padding: 10px;
    border: 2px solid;
}

/* Hide Remove Value Button */
#set-access-point .modal-footer .remove-value {
    display: none;
}

/*-------------------------------------------------------------------------------------------------------Account Profile Page*/
#account-profile .col-md-8 .text-center {
    text-align: left;
    margin-top: 10px;
}

/* Table Form */
#account-profile .col-md-8 {
    padding-bottom: 0;
}

#account-profile .col-md-8 .clearfix {
    margin-bottom: 0;
}

#account-profile .panel-default {
    margin-bottom: 0;
}

/* Individual Columns */
#account-profile .tab-column {
    padding: 20px 20px 0px;
}

#account-profile .tab-column:first-child {
    background-color: aliceblue;
    border-top: 4px solid var(--ndss-primary-blue);
    border-radius: 6px;
}

#account-profile .tab-column:last-child {
    border-top: 4px solid var(--ndss-secondary-lightblue);
    border-radius: 6px;
}

/* Labels */
#account-profile td {
    padding-left: 0;
}

/* Text Fields Data */
#account-profile .control {
    float: left !important;
    display: contents;
}

/* Text Fields Data */
#account-profile .control input {
    margin-top: -10px;
}

#account-profile .control textarea {
    margin-top: -10px;
}

/* Email */
#emailaddress1_label {
    margin-bottom: 0;
}

.text-primary {
    color: var(--ndss-primary-blue);
    transition: 0.1s ease-out;
    margin-top: -10px;
}

.text-primary:hover,
.text-primary:focus {
    text-decoration: underline;
    color: var(--ndss-secondary-lightblue) !important;
    transition: 0.1s ease-in;
}

/*----------------------------------------------------------------------------------------------------------Footer*/
/* Entire Footer, ensure Footer stays at the bottom of the page */
footer {
    bottom: 0;
    width: 100%;
    z-index: 0;
    margin-top: auto;
}

/* @media screen and (min-width:3500px) {
    footer {
        position: absolute;
    }
} */

/* Footer Font */
footer li {
    font-family: 'Roboto';
}

/*----------------------------------------------------- Top Blue Footer Section */
.footer-content {
    padding: 0;
}

/* Blue Footer Section Text */
.footer-box,
.footer-text,
.right-section a {
    font-size: 12px !important;
}

/*Blue Footer Left Section  */
.top-footer .left-section {
    padding: 0rem 2rem 2rem;
    height: auto !important;
    width: 38%;
}

/*Blue Footer Left Section Links Container */
.left-section .container-fluid {
    float: right;
}

/* -------------Footer Breaks when in tablet mode, temporary fix */
@media screen and (max-width: 991px) {
    .left-section .container-fluid {
        float: left;
        background-color: #0057b8;
        width: 100vw;
    }

    .col-md-4.left-section {
        background: none;
    }

    .row.justify-content-start {
        margin-top: -21px;
        /* padding-left: 0px!important; */
    }

    .row .footer-links {
        padding: 0;
    }

    .row .justify-content-start .list-unstyled {
        float: left;
        margin: 10px;
    }
}

/* -------------Footer Breaks when in tablet mode, temporary fix [END]*/

/* Blue Footer Left Container */
#top-footer-container {
    padding-left: 10%
}

/*Blue Footer Left Section Links */
.footer-box {
    line-height: 1.7;
}

/* Contact Us Heading */
footer h3 {
    font-size: 16px;
    padding-left: 15px;
}

/* Blue Footer Left Section Link Columns*/
.footer-box .row {
    padding: 0;
    float: left;
    padding-left: 0px !important;
}

/* Blue Footer Left Section Link Columns*/
.footer-box .col-md-4 {
    width: auto;
}

/* Blue Footer Left Section Fax and GPO Box links*/
.footer-box p {
    margin: 5px 0px;
}

/* Blue Footer Right Section */
.top-footer .right-section {
    display: contents;
    height: auto;
}

.top-footer .container-fluid {
    padding-right: inherit;
}

/* Blue Footer Right Section Links Container */
.row.justify-content-start {
    padding: 0;
    padding-top: 10px;
    padding-left: 10%;
}

/* Blue Footer Right Section Links */
.footer-links {
    padding-top: 38px;
    padding-left: 3vw;
    margin-right: 0px;
}

/* Blue Footer Right Section Links Columns*/
.justify-content-start .col-md-4 {
    width: auto;
    padding-left: 3vw;
    float: left;
}

/* Blue Footer Right Section Links and Hover*/
footer a {
    text-decoration: underline solid transparent;
    transition: text-decoration 0.1s ease-out;
}

footer a:hover {
    transition: 0.1s ease-in;
    text-decoration: underline;
    transition: text-decoration 0.1s ease-in;
}

/*----------------------------------------------  Aus Gov and Diabetes Australia Middle Footer */
footer .footer-top {
    background-color: #fff;
}

/* Aus Gov and Diabetes Australia Middle Footer Image Hover */
.middle-column:hover a {
    text-decoration: none;
}

/*----------------------------------------------  NDSS Administered by Diabetes Australia Bottom Footer */
footer .footer-bottom {
    background-color: #ebebeb;
    padding: 20px;
}

/* NDSS Administered by Diabetes Australia Bottom Footer Text Container */
.footer-bottom .textwidget {
    /* margin: 0px 260px; */
}

/* Hide Get Help Section That Comes Default Out of Box With Portal */
#gethelp {
    display: none;
}