@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --col_Clear: rgba(0,0,0,0);
    /* Primary Colours */
    --pri_purple: #1C1535;
    --pri_purple_light: rgba(124, 80, 142, 1.0);
    --pri_white: #FFFFFF;
    --pri_gold: #D6AA58;
    --pri_silver: #DEDFE1;
    --pri_silver_tint_40: rgba(177, 179, 179, 0.4);
    /*Secondary Colours*/
    --sec_coral: rgba(230, 90, 90, 1.0);
    --sec_coral_tint70: rgba(230, 90, 90, 0.7);
    --sec_teal: rgba(0, 175, 169, 1.0);
    --sec_blue: rgba(92, 140, 218, 1.0);
    --sec_blue_tint70: rgba(92, 140, 218, 0.7);
    --sec_b_purple: rgba(101, 51, 135, 1.0);
    --sec_b_purple_tint70: rgba(101, 51, 135, 0.7);
    --sec_d_purple: rgba(55, 55, 55, 1);
    --sec_d_purple_tint70: rgba(39, 0, 61, 0.7);
    --sec_e_grey: rgba(55, 55, 55, 1);
    /* Accent Colours */
    --acc_berry:rgba(181, 26, 101, 1.0);
    --acc_orange: rgba(237, 139, 0, 1.0);
    /* Trade Colours */
    --tra_red: rgba(235, 58, 23, 1.0);
    --tra_yellow: rgba(235, 179, 0, 1.0);
    --tra_green: #3DD598;

    /* Additional Colours*/
    --dark_grey: rgba(85, 85, 85, 1.0);

    --day_cyan: #00809C;
    --day_blue: #0043C4;
    --day_purple: #4C00B1;

    /* Progress Colours */
    --text_complete: #10864D; /* Boostrap default for .list-group-item-success */
}

body, html, select, div:not(.tab-title, .fa-lock), a, td, label, table,
h1, h2:not(.tab-title, .fa-lock), h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.section-title, .status   {
    font-family: "Public Sans", serif !important;
    color: var(--sec_e_grey) !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Public Sans", serif !important;
    font-size: 12px !important; 
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical
{
    height: 0px !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: var(--day_blue)!important;
    color: var(--pri_white) !important;
}

/* .tab-title, .fa-lock{
    color: var(--dark_grey) !important;
} */

.form-control {
    border-radius: 10px;
}

.xrm-attribute-value, .xrm-attribute-value > p, .faq {
    color: var(--sec_e_grey) !important;
    font-size: 18px !important;
}
.xrm-attribute-value > h1 {
    color: var(--sec_e_grey) !important;
    font-size: 30px !important;
}

.field-label
{
    color: var(--sec_e_grey) !important;
}

/* For create buttons on subgrids bec black on dark blue isn't good combination */
.toolbar-actions .create-action
{
	color: var(--pri_white) !important;
}

/* Navigation Bar*/
.navbar.navbar-static-top
{
    background-color: var(--pri_purple) !important;
    margin:0px !important;
}

/* Practice Gateway Nav Bar */
.homelink, a.homelink:hover, a.homelink:focus {
    color: var(--pri_white) !important;
    font-family: "Public Sans", serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
}
.navbar-inverse .navbar-nav > li > ul > li > a
{
    color: var(--day_blue) !important;
}
.navbar-inverse .navbar-nav > li > a
{
    color: var(--pri_white) !important;
    font-weight: bold !important;
}
.navbar-inverse .navbar-nav > li > a:hover
{
    color: var(--day_blue) !important;
}

div.action > ul.dropdown-menu
{
    background-color: var(--col_Clear) !important;
    color: var(--col_Clear) !important;
}

.navbar-inverse .navbar-nav > li > ul > li > a:hover
{
    color: var(--sec_blue) !important;
}
.navbar-inverse .navbar-nav > li > a:hover
{
    background-color: var(--pri_white) !important;
	border-bottom-color: var(--day_blue) !important;
}

/* Progress List-Group for basic form pagination */
ol.progress.list-group > li.list-group-item.list-group-item-success > a
{
    color: var(--text_complete) !important;
}
ol.progress.list-group > li.list-group-item.active > a  /* This must be last so it takes priority */
{
    color: var(--pri_white) !important;
}

/* Footer */
footer .footer-bottom
{
    background-color: var(--pri_purple) !important;
}

footer .footer-bottom a
{
    color: var(--pri_white) !important;
}

footer .footer-bottom a:hover
{
    color: var(--sec_blue) !important;
}

footer .footer-bottom p {
    float: right;
}
/** Generic Items **/
a
{
	color: var(--day_blue) !important;
}

a:hover
{
	color: var(--day_blue) !important;
}

th> a {
    color: var(--day_blue) !important;
}

.dropdown-menu > .active > a{
    background-color: var(--day_blue) !important;
    font-weight:bold !important;
}
.breadcrumb{
    background-color: var(--pri_white) !important;
    font-size:16px !important;
}
.breadcrumb > .active {
    font-weight: bold !important;
    color: var(--day_blue) !important;
}

/** New rounded Buttons Requested by EP **/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Primary Buttons */
.btn-primary {
    background: linear-gradient(135deg, var(--day_purple) 20%, var(--day_blue) 50%, var(--day_cyan) 90%) !important;
    color: var(--pri_white) !important;
    border-color: var(--day_blue) !important;
}

.btn-primary:hover
{
    background-color: var(--pri_white) !important;
    background: var(--pri_white) !important;
    color:var(--day_blue) !important;
}
.btn-primary > a
{
    color: var(--pri_white) !important;
}
.btn-primary > a:hover
{
    background-color: var(--pri_white) !important;
    background: var(--pri_white) !important;
    color: var(--day_blue) !important;
}

/* Default Buttons*/
.btn-default
{
    background-color: var(--pri_white) !important;
    border-color: var(--day_blue) !important;
    color:var(--day_blue) !important;
}
.btn-default:hover
{
    background-color: var(--day_blue) !important;
    color:var(--pri_white) !important;
}

div.action > ul > li> a 
{
    background-color: var(--col_Clear) !important;
    border-color: var(--sec_Clear) !important;
    color:var(--day_blue) !important;
}
div.action > ul > li> a:hover 
{
    background-color: var(--col_Clear) !important;
    border-color: var(--col_Clear) !important;
    color:var(--day_blue) !important;
}

.btn-default > a
{
    color: var(--day_blue) !important;
}
.btn-default > a:hover
{
    color: var(--pri_white) !important;
}

/* Default Buttons on Tax Return Edit form actions*/
div.form-action-container-left > .btn-default
{
    margin-left: 5px;
}

/* Info Buttons*/

.btn-info
{
    background-color: var(--pri_white) !important;
    background: var(--pri_white) !important;
    color:var(--day_blue) !important;
    border-color: var(--day_blue) !important;
}
.btn-info:hover
{
    background: linear-gradient(135deg, var(--day_purple) 20%, var(--day_blue) 50%, var(--day_cyan) 90%) !important;
    color: var(--pri_white) !important;
    border-color: var(--day_blue) !important;
}
.btn-info > a
{
    color:var(--pri_white) !important;
}
.btn-info > a:hover
{
    color:var(--day_blue) !important;
}


/* Info Alert */
.alert-info
{
    background-color: var(--sec_blue_tint70) !important;
    color:var(--pri_white) !important;
    font-weight: bold !important;
}
.alert-info > .xrm-attribute > .xrm-attribute-value
{
    color:var(--pri_white) !important;
}

/* Danger Alert */
.alert-danger
{
    color:var(--pri_white) !important;
    font-weight: bold !important;
}
 
/* General panel styles */
.panel,
.panel-default {
    background: var(--pri_white) !important;
    color: var(--pri_purple) !important;
    border: none !important;
    border-radius: 20px;
    position: relative;
    overflow: hidden; /* Ensure content doesn't overflow the rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* Single shadow for the entire panel */
}

/* Panel heading styles */
.panel-heading-custom {
    background: var(--pri_white) !important;
    border: none !important;
    border-radius: 20px 20px 0 0; /* Top rounded corners */
    position: relative; /* Ensure stacking context */
    z-index: 1; /* Lower z-index so it integrates with panel's shadow */
    padding: 10px; /* Adjust padding as needed */
    margin-top: -10px; /* Overlap heading slightly with the panel */
}

/* Panel title text color and size */
.panel-title {
    font-weight: bold !important;
    font-size: 14px; /* Adjust font size as needed */
    margin-top: 0; /* Reset margin to avoid spacing issues */
    padding-top: 20px; /* Ensure content doesn't touch the top */
    border-bottom: none !important; /* Remove bottom border */
    padding-left: 10px !important;
    
    /* Gradient text effect */
    background: linear-gradient(135deg, var(--day_purple) 20%, var(--day_blue) 50%, var(--day_cyan) 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    
    display: inline; /* Ensures the gradient only affects the text */
    width: fit-content; /* Avoids full block behavior */
}

/* Content padding to keep away from shadow */
.panel-body {
    padding: 20px;
    position: relative; /* Ensure it's part of the same stacking context */
    z-index: 0; /* Place behind the heading for overlap */
}

#panel-activity {
    padding: 20px;
    position: relative; /* Ensure it's part of the same stacking context */
    z-index: 0; /* Place behind the heading for overlap */
    border: 2px solid var(--day_blue) !important;
    border-radius: 3px !important;
}

/* Content padding to keep away from shadow */
.panel-body {
    padding: 20px;
    position: relative; /* Ensure it's part of the same stacking context */
    z-index: 0; /* Place behind the heading for overlap */
}

/* Optional: Remove shadow overlap between panel and body */
.panel::before {
    content: "";
    position: absolute;
    top: -10px; /* Adjust to the amount the heading overlaps */
    left: 0;
    right: 0;
    height: 10px;
    background: var(--pri_white); /* Match the panel's background */
    z-index: 0; /* Ensure it sits behind the heading */
}

.nav1 > span
{
    color: var(--sec_e_grey) !important;
    font-size: 16px;
}
.glyphicon-envelope
{
    color: var(--sec_e_grey) !important;
}

/* Bold Text In Panel */
b, strong {
    color: var(--sec_e_grey) !important;
    font-size: 16px;
}
h4 > strong {
    color: var(--sec_e_grey) !important;
}
h5
{
    color: var(--pri_silver) !important;
}

h5> strong > a {
    color: var(--sec_e_grey) !important;
}

td:nth-child(1) {
    color: var(--sec_e_grey) !important;
}

td:nth-child(2) {
    color: var(--day_blue) !important;

}

/*** Signed Out ***/
/*Thin bar on home page when Signed Out*/
h2.blue_border {
    border-bottom-width: 4px; /* Adjust thickness as needed */
    border-bottom-style: solid;
    border-image: linear-gradient(135deg, var(--day_purple) 20%, var(--day_blue) 50%, var(--day_cyan) 90%);
    border-image-slice: 1;
}

h2.blue_border>.xrm-attribute>.xrm-attribute-value>div{
    color: var(--day_blue) !important;
    font-size: 40px !important;
    text-align: center !important;
}

.page_section h2
{
    color: var(--pri_silver) !important;
}
.page_section h4
{
    color: var(--day_blue) !important;
}

.ui-icon-triangle-1-e, .ui-icon-triangle-1-s{
    display:none !important;
}

/* Standard Items */
h1, .h1{
    font-size: 30px !important;
}

.form-horizontal .control-label {
    text-align: right;
    font-size: 18px !important;
}

#ContentContainer_MainContent_MainContent_LocalLogin > .col-md-6 {
    width: 70% !important;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 1.0em;
    border-radius: 20px;
}

.ui-accordion .ui-accordion-header {
    font-weight: bold;
    font-size: large;
}

#footericon
{
    height: 30px;
}

.tablecontent{
    font-size: 16px;
}

.page_section p {
    border-top: none !important; 
    padding-top: 5px !important;
}

/* Tax Return form */
/* Horizontal Picklist for Status */
.picklistHorizontalStatus > label
{
    width: 5% !important;
}

.picklistHorizontalStatusDA > label
{
    width: 15% !important;
}

/* Horizontal Picklist for Student Loan */
.picklistHorizontalStudent > label
{
    width: 20% !important;
}

.entitylist-filter {
    background: none !important;
}
.select-items div:hover, .same-as-selected
{
    background-color: var(--day_blue) !important;
color:var(--pri_white) !important;
}

.tooltip-inner {
    background-color: var(--pri_silver) !important;
}

/* Tax Information Request accordion */
#EntityFormPanel .tab-column > div > fieldset {
    margin-bottom: 10px;
}

#EntityFormPanel .required-element::after {
    content: " *";
    font-weight: "bold";
    color: var(--tra_red);
}

#EntityFormPanel fieldset > legend.ui-accordion-header > h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}



/* Subgrid action buttons */
.view-grid .dropdown.action>.btn {
    display: none;
}
.view-grid .dropdown.action .dropdown-menu {
    display: block;
    position: static !important;
    position: initial !important;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    max-width: 95px;
    min-width: 95px;
    width: 95px;
    left: auto !important;
    top: auto !important;
    padding: 0px;
}
.view-grid .dropdown.action .dropdown-menu li {
    display: inline-block;
    text-align: center;
}
.view-grid .dropdown.action .dropdown-menu li a {
    font-size: 0;
    padding: 2px;
    margin: 0;
}
.view-grid .dropdown.action .dropdown-menu li a>span {
    font-size: 18px;
}
.view-grid .dropdown.action .dropdown-menu li a:hover {
    color: var(--day_blue) !important;
    background: transparent;
}
td[aria-label="action menu"] {
    padding-top: 2px !important;
}

/* Navigation bar links on  Tax Information Request forms */
.list-group-item a {
    cursor: pointer;
}
.btn-info
div#DocumentsList > ul >li > a,
div#contactList > ul > li > a
{
    background: var(--pri_silver_tint_40) !important;
    color: var(--day_blue) !important;
    font-size: 18px !important;
    border-radius: 20px;
}
div#DocumentsList > ul >li > a:hover,
div#contactList > ul > li > a:hover
{
    background: var(--day_blue) !important;
    color: var(--pri_white) !important;
    font-size: 18px !important;
    border-radius: 20px;
}
div#DocumentsList > ul >li.active > a
{
    background: var(--day_blue) !important;
    color: var(--pri_white) !important;
    font-size: 18px !important;
    border-radius: 20px;
}

.nav1-ndash {
    padding-left: 15px !important;
}

div.cal-day-outmonth{
    background: var(--dark_grey) !important;   
    color: var(--day_blue) !important;
}
div.cal-day-outmonth > span{
    background: var(--col_Clear) !important;   
    color: var(--pri_white) !important;
}
div.cal-day-inmonth{
    background: var(--pri_white) !important;   
    color: var(--pri_white) !important;
}
div.cal-day-inmonth:hover{
    background: var(--pri_silver_tint_40) !important;   
    color: var(--pri_white) !important;
}
div.cal-day-inmonth > span{
    background: var(--col_Clear) !important;   
    color: var(--day_blue) !important;
}

div.cal-day-today {
    background: var(--pri_silver_tint_40) !important;   
    color: var(--pri_white) !important;
}
div.cal-day-today > span{
    background: var(--col_Clear) !important;   
    color: var(--day_blue) !important;
}

div.events-list > a.event-info.dayWorking{
    background-color: var(--day_blue) !important;    
    color:var(--pri_white) !important;
}

div.events-list > a.event-info.dayNonWorking,
div.events-list > a.event-info.dayAbsence,
div.events-list > a.event-info.dayAnnualLeave,
div.events-list > a.event-info.dayTravelling,
div.events-list > a.event-info.dayOther{
    background-color: var(--day_cyan) !important;    
    color:var(--pri_white) !important;
}

#MonthViewToggleButton.active, #YearViewToggleButton.active{
    background-color: var(--day_blue) !important;
    color: var(--pri_white) !important;
}
div#calendarGrid >div.btn-group > a.btn-primary {
    background-color: var(--day_blue) !important;
    color: var(--pri_white) !important;
    border-color: var(--day_blue) !important;
}
div#calendarGrid >div.btn-group > a.btn-primary:hover,
#MonthViewToggleButton:hover,#YearViewToggleButton:hover {
    background-color: var(--pri_white) !important;
    color: var(--day_blue) !important;
    border-color: var(--day_blue) !important;
}
div#calendarGrid >div.btn-group > a.btn-secondary,
div.modal-body > div.btn-group > a.btn-secondary{
    background-color: var(--pri_silver_tint_40) !important;
    color: var(--pri_white) !important;
    border-color: var(--day_blue) !important;
}
div#calendarGrid >div.btn-group > a.btn-secondary:hover,
div.modal-body > div.btn-group > a.btn-secondary:hover{
    background-color: var(--day_blue) !important;
    color: var(--pri_white) !important;
    border-color: var(--day_blue) !important;
}
div#calendarHelpBox, div#calendarHelpBox > span,div#calendarHelpBox > button,
div#calendarCreateHelpBox, div#calendarCreateHelpBox > span,div#calendarCreateHelpBox > button,
div#calendarEditHelpBox, div#calendarEditHelpBox > span,div#calendarEditHelpBox > button,
div#calendarSetupHelpBox, div#calendarSetupHelpBox > span,div#calendarSetupHelpBox > button,
div#calendarSubmissionHelpBox, div#calendarSubmissionHelpBox > span,div#calendarSubmissionHelpBox > button{
    color:var(--pri_white) !important;
}

/* Sprint 16 Start */
a[data-attribute="Pending Signing"] {
    background-color: var(--day_blue) !important;
    border-color: var(--day_blue) !important;
}

a[data-attribute="Signed"] {
    background-color: var(--text_complete) !important;
    border-color: var(--text_complete) !important;
}

/* Progress bar on Identity Verification page */
.progress.sticky, .progress-bar.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 24px;
    z-index: 100;
}
/* Sprint 16 End */

#ClientMessage,#ClientMessage>#ClientMessageBody {
    background: var(--pri_silver) !important; 
    color: var(--pri_white) !important;
}

#UserMessage,#UserMessage>#UserMessageBody {
    background: var(--day_blue) !important;
    color: var(--pri_white) !important;
}

#sharedDocumentsRow {
	border-bottom: 1px solid #eee !important;
}

#contactList {
    text-align: -webkit-center;
    max-height: 25vh;
    overflow-y: auto;
}
#contactList ul {
    width:90%;
    margin-bottom: 2px;
}
#contactList ul li {
    vertical-align: middle;
}
#contactList ul li a {
    text-overflow:ellipsis;
    min-height:7vh;
    border-radius:10px;
    align-content:center;
}

footer .footer-bottom p,
footer .footer-bottom b
{
    color: var(--pri_white) !important;
}

a.add-file.btn.btn-primary.action {
    font-weight: bold !important;
}

/* Apply standards for mobile, i.e. 1-1200px */
@media (max-width: 1200px)
{
    .navbar-static-top .navbar-brand {
        
        font-family:  "Public Sans" !important;
        font-size: 12px !important; 
        font-weight: bold;
        font-color: var(--pri_white);
    }
    .tab-title{
        font-size: 20px;
    }

    .navbar-inverse .navbar-nav > li > ul > li > a{
    color: var(--pri_white) !important;
    }

    /* Tax Return form */
    /* Horizontal Picklist for Status */
    .picklistHorizontalStatus > label
    {
        width: 15% !important;
    }

    /* Horizontal Picklist for Student Loan */
    .picklistHorizontalStudent > label
    {
        width: 20% !important;
    }

    body, html, select, div:not(.tab-title, .fa-lock), a, td, label, table,
h1, h2:not(.tab-title, .fa-lock), h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.section-title, .status   {
    font-family: "Public Sans" !important;
    color: var(--sec_e_grey) !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family:  "Public Sans" !important;
    font-size: 16px !important; 
}

/* .tab-title, .fa-lock{
    color: var(--dark_grey) !important;
} */

/* For create buttons on subgrids bec black on dark blue isn't good combination */
.toolbar-actions .create-action
{
	color: var(--pri_white) !important;
}

/* Practice Gateway Nav Bar */
.homelink, a.homelink:hover, a.homelink:focus {
    color: var(--pri_white) !important;
    font-family: "Public Sans" !important;
    font-weight: bold !important;
    font-size: 12px !important;
}
.navbar-static-top.navbar-inverse .navbar-brand {
    color: var(--pri_white) !important;
    font-family: "Public Sans" !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

.navbar-inverse .navbar-nav > li > a
{
    color: var(--pri_white) !important;

    font-weight: normal !important;
}

div.action > ul.dropdown-menu
{
    
    background-color: var(--col_Clear) !important;
    color: var(--col_Clear) !important;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical
{
    height: 0px !important;
}

/* Progress List-Group for basic form pagination */
ol.progress.list-group > li.list-group-item.list-group-item-success > a
{
    color: var(--text_complete) !important;
}

.panel,
.panel-default {
    padding: initial !important; /* Reset to default */
}

footer .footer-bottom p {
    font-size: 10px !important;
    padding-left: 200px !important;
}

.navigationPowerBI {
    display: none;
    padding-top: 150px; /* Adjust the padding value as needed */
}

html[dir="ltr"] .cal-month-day .events-list > a {
    text-align: center !important;
}

.cal-month-day .events-list > a {
    line-height: .9 !important;
}

.cal-month-day .events-list {
    justify-content: center !important;
    align-items: center !important;
}

.cal-row-fluid.cal-row-head{
    font-size: 8px !important
}

div#calendarGrid >div.btn-group > a.btn-primary {
    font-size: 8px !important;
}

div#calendarGrid >div.btn-group > a.btn-secondary, div.modal-body > div.btn-group > a.btn-secondary {
    font-size: 8px !important;
    color: black !important;
}

.events-list {
    bottom: 40px !important;
}



}