/* ------------------VARIABLE DEFINITIONS - SET BY DESIGNER SO SUBJECT TO CHANGE------------------ 

    --portalThemeColor1 -  #00869d Sea Blue - Primary highlight
    --portalThemeColor2 -  #575756 Gray - Primary text
    --portalThemeColor3 -  #00869d Sea Blue - Banner
    --portalThemeColor4 -  #fbba00 Gold - Accent 1
    --portalThemeColor5 -  #dcadb6 Coral - Accent 2
    --portalThemeColor6 -  #fbba00 Gold 
    --portalThemeColor7 -  #ffffff White - Secondary text and icon
    --portalThemeColor8 -  #f4e7d8 Stone - Background
    --portalThemeColor9 -  #dcadb6 Coral - Homepage tile colour 1
    --portalThemeColor10 -  #dcadb6 Coral - Homepage tile colour 2
    --portalThemeColor11 -  #dcadb6 Coral - Homepage tile colour 3
    --portalThemeColor12 -  #dcadb6 Coral - Homepage tile colour 4

*/

/* --------------------------------------GENERAL-------------------------------------- */

/*Breadcrumb banner background*/
.tdx-header-bar-container {
    /*background: url(/breadcrumb-background.png), linear-gradient(90deg, #f2a900 5%, #f2a900 30%, #f2a900 90%) !important;*/
    background: none !important;
    background-color: var(--portalThemeColor4) !important;
}

/*Info banner icon colour*/
.tdx-page-info-text i.fa-solid {
    color: var(--portalThemeColor7) !important;
}

/*Info banner text colour*/
div.tdx-page-info-text p {
    color: var(--portalThemeColor7) !important;
}

/*Page title colour*/
.tdx-page-title {
    color: black !important;
}

/*Breadcrumb left align and colour*/
.breadcrumb>li a {
    margin-left: 0px !important;
    padding-left: 0px !important;
    color: black !important;
}

/*Breadcrumb hover colour*/
.breadcrumb>li a:hover {
    color: var(--portalThemeColor1) !important;
}

/*Correcting breadcrumb fontsize*/
ul.breadcrumb {
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

/*Active breadcrumb colour*/
li.breadcrumb-item.active {
    color: black !important;
}

/*Breadcrumb arrow colour*/
.breadcrumb-item+.breadcrumb-item::before {
    color: black !important;
}

/*Footer text colour*/
.footer-bottom p {
    color: black !important;
}

/*Search results text colour*/
.fui-Text {
    color: var(--portalThemeColor2);
}

/*Icon colours*/
.dashboard-icon, .fa-solid:not(#search .fa-magnifying-glass, .fa-circle-info), .mdi-square-rounded-badge-outline {
    color: var(--portalThemeColor1) !important;
}

/* --------------------------------------ENTITY LIST-------------------------------------- */

/*Text colours*/
.ms-Button-label, .ms-ContextualMenu-itemText, .ms-DetailsHeader-cellName, .ms-TextField-fieldGroup > input, .ms-Dropdown-items > button, .ms-Dropdown, .ms-DatePicker-callout *, .ms-TextField-fieldGroup *, .ms-DetailsRow:hover{
    color: var(--portalThemeColor2) !important;
}

/*Icon Colours*/
.ms-Icon, .ms-ContextualMenu-icon {
    color: var(--portalThemeColor1) !important;
}

/*Background colour*/
.fui-FluentProvider > div.page-container > span > div {
    background-color: var(--portalThemeColor8) !important;
}

/*Borders on filter input fields*/
.ms-Dropdown-title, .ms-BasePicker-text:hover, .ms-TextField-fieldGroup, .ms-TextField-fieldGroup:hover {
    border-color: var(--portalThemeColor2) !important;
}

/*Link Colours*/
.ms-DetailsRow-cell a {
    color: var(--portalThemeColor1) !important;
}
/* --------------------------------------HOMEPAGE-------------------------------------- */

/*Unauthenticated Homepage accordian styling*/
.accordion-button {
    background-color: var(--portalThemeColor4) !important;
}

/*Unauthenticated Home page User Type selection*/
#home-unauthenticated-user-type-selection {
    background-color: var(--portalThemeOnColor7);
}

/*Homepage count label colour*/
.dashboard-label {
    color: var(--portalThemeColor2) !important;
}

/*Homepage count border*/
.dashboard-card {
    border: 1px solid var(--portalThemeColor5) !important;
}

/*Removing underlining from homepage counts*/
.dashboard-link {
    text-decoration: none !important; 
}

/*Homepage tile border*/
.card {
    border-color: var(--portalThemeColor5);
    border-left-width: 5px !important;
}

/*Homepage tile background colour*/
.card > .card-body {
    background-color: var(--portalThemeColour7) ;
}

/*Homepage Count and Card header background and border*/*/
.card-header, .dashboard-card {
    background-color: var(--portalThemeColour7) !important;
    border-bottom: 1px solid var(--portalThemeColor5);
}

/*Quick links section*/
.tdx-bg-contrast {
    background-color: var(--portalThemeColor8) !important;
    border-top: 1px solid var(--portalThemeColor4);
}

/* --------------------------------------FAQS-------------------------------------- */

/*Links on FAQ page*/
.popular-item > a {
    color: var(--portalThemeColor1) !important;
    background-color: var(--portalThemeColor8) !important;
}
.popular-item > a:hover {
    color: var(--portalThemeColor2) !important;
}

/*FAQ title*/
.page-heading > .container > .page-header {
    background-color: var(--portalThemeColor8);
}

/*FAQ Category tile colours*/
.category {
    background-color: var(--portalThemeColor7) !important;
    border: 2px solid var(--portalThemeColor5) !important;
}

/*FAQ Category tile active colours*/
.category:active, .category:hover, .category:focus {
    background-color: var(--portalThemeColor3) !important;
}

/* --------------------------------------ASK A QUESTION-------------------------------------- */

/*Ask a Question search box and form borders*/
#searchEnquirySection, #EntityFormPanel, .crmEntityFormView .tab-title {
    border: none !important;
}

/*Keyword colour on the view of FAQs*/
.card-footer {
    color: var(--portalThemeColor2) !important;
}

/* --------------------------------------APPOINTMENTS-------------------------------------- */

/*Input field colour on Appointment filters*/
.form-select, .crmentityformview select {
    background-color: var(--portalThemeColor8);
    border: 1px solid #949494
}

/* --------------------------------------NOTIFICATION CENTER-------------------------------------- */

/*Page header background*/
.page-header {
    background-color: var(--portalThemeColor8) !important;
}