:root{
    --col_Clear: rgba(0,0,0,0);
    /* Core */
    --core_blue: rgba(0,147,215,1.0);
    --core_purple: rgba(101,75,149,1.0);
    --core_orange: rgba(235,95,18,1.0);
    --core_yellow: rgba(255,221,0,1.0);
    --core_pink: rgba(231,43,120,1.0);

    /* Trade Colours */
    --tra_red: rgba(235, 58, 23, 1.0);

    /* Supporting */
    --supp_black_85: rgba(74,74,73, 1.0);
    --supp_black_80: rgba(87,87,86, 1.0);
    --supp_black_75: rgba(100,99,99, 1.0);

    /* Text */
    --text_Black: rgba(30,30,28, 1.0);

    /* White */
    --white: rgba(255,255,255, 1.0);

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

body, html, select, div, a, td, label, table,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.section-title, .status   {
    font-family: "Arial" !important;
    color: var(--text_Black) !important;
}

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

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

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

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

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

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

/* Practice Gateway Nav Bar */
.homelink, a.homelink:hover, a.homelink:focus {
    color: var(--text_Black) !important;
    font-family: "Century Gothic" !important;
    text-transform: uppercase;
    font-size:30px !important
}

.navbar-inverse .navbar-toggle
{
    background-color: var(--supp_black_75) !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: var(--supp_black_80) !important;
}
.navbar-inverse .navbar-nav > li > a
{
    color: var(--text_Black) !important;
    font-weight: normal !important;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover
{
    color: var(--white) !important;
    background-color: var(--core_blue) !important;
	border-bottom-color: var(--white) !important;
}

.navbar-inverse .navbar-nav > li > ul > li > a, ul.dropdown-menu
{
    color: var(--white) !important;
    background-color: var(--supp_black_75) !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(--white) !important;
    background-color: var(--core_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(--white) !important;
}

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

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

footer .footer-bottom a:hover
{
    color: var(--white) !important;
}
/** Generic Items **/
a
{
	color: var(--text_Black) !important;
}

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

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover
{
    color:var(--white) !important;
    background-color: var(--supp_black_75) !important; 
}
.nav-tabs>li>a, .nav-tabs>li>a:hover, .navbar-inverse .navbar-nav>.open>a
{
    color:var(--white) !important;
    background-color: var(--core_blue) !important;
}

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

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

/* Prinary Buttons */
.btn-primary
{
    background-color: var(--core_blue) !important;
    color:var(--white) !important;
    border-color: var(--core_blue) !important;
}
.btn-primary:hover
{
    background-color: var(--core_blue) !important;
    color:var(--white) !important;
}
.btn-primary > a
{
    color: var(--white) !important;
}
.btn-primary > a:hover
{
    color: var(--white) !important;
}

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

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

.btn-default > a
{
    color: var(--white) !important;
}
.btn-default > a:hover
{
    color: var(--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(--supp_black_75) !important;
    
    color:var(--white) !important;
}
.btn-info:hover
{
    background-color: var(--supp_black_80) !important;
    color:var(--white) !important;
}
.btn-info > a
{
    color:var(--white) !important;
}
.btn-info > a:hover
{
    color:var(--white) !important;
}

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



/* Danger Alert */
.alert-danger
{
    background-color: var(--core_orange) !important;
    color:var(--white) !important;
    font-weight: bold !important;
}

/** Home Dashboard Panels **/
.panel-default > .panel-heading-custom {
    /* Panel Header Background & Font Colour */
    background: var(--core_blue) !important;
    border-color: var(--supp_black_85) !important;
    
}
.panel {
    /* Panel Body Background & Font Colour */
    background: var(--white) !important;
    color: var(--text_Black) !important;
    border-color: var(--supp_black_85) !important;

}
.panel-title
{
    color: var(--white) !important;
    font-weight: bold !important;
}

.nav1 > span
{
    color: var(--text_Black) !important;
    font-size: 16px;
}
.glyphicon-envelope
{
    color: var(--text_Black) !important;
}
/* Bold Text In Panel */
b, strong {
    color: var(--text_Black) !important;
    font-size: 16px;
}
h4 > strong {
    color: var(--text_Black) !important;
}

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

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

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

}

td>a:hover, th>a:hover, .nav>li>a:hover, .breadcrumb > li a:hover
{
    color: var(--text_Black) !important;
}

/*** Signed Out ***/
/*Thin bar on home page when Signed Out*/
h2.blue_border
{
	border-bottom-color: var(--core_blue) !important;
    
}
h2.blue_border>.xrm-attribute>.xrm-attribute-value>div{
    color: var(--text_Black) !important;
    font-size: 40px !important;
    text-align: center !important;
}

.page_section h4
{
    color: var(--text_Black) !important;
}

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


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;
}

#footericon
{
    height: 30px;
}

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

.tablecontent{
    font-size: 16px;
}

.picklistHorizontalStatus > label
{
    width: 5% !important;
}

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

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

.tooltip-inner {
    background-color: var(--core_blue) !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(--core_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;
}

div#DocumentsList > ul >li > a,
div#contactList > ul > li > a
{
    background: var(--supp_black_75) !important;
    color: var(--white) !important;
    font-size: 18px !important;
}
div#DocumentsList > ul >li > a:hover,
div#contactList > ul > li > a:hover
{
    background: var(--supp_black_85) !important;
    color: var(--white) !important;
    font-size: 18px !important;
}
div#DocumentsList > ul >li.active > a
{
    background: var(--core_blue) !important;
    color: var(--white) !important;
    font-size: 18px !important;
}

div.cal-day-outmonth{
    background: var(--supp_black_75) !important;   
    color: var(--white) !important;
}
div.cal-day-outmonth > span{
    background: var(--col_Clear) !important;   
    color: var(--white) !important;
}
div.cal-day-inmonth{
    background: var(--white) !important;   
    color: var(--white) !important;
}
div.cal-day-inmonth:hover{
    background: var(--supp_black_75) !important;   
    color: var(--white) !important;
}
div.cal-day-inmonth > span{
    background: var(--col_Clear) !important;   
    color: var(--text_Black) !important;
}

div.cal-day-today {
    background: var(--supp_black_75) !important;   
    color: var(--white) !important;
}
div.cal-day-today > span{
    background: var(--col_Clear) !important;   
    color: var(--text_Black) !important;
}

div.events-list > a.event-info.dayWorking{
    background-color: var(--core_blue) !important;    
    color:var(--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(--supp_black_75) !important;    
    color:var(--white) !important;
}

#MonthViewToggleButton.active, #YearViewToggleButton.active{
    background-color: var(--core_blue) !important;
    color: var(--white) !important;
}
div#calendarGrid >div.btn-group > a.btn-primary {
    background-color: var(--core_blue) !important;
    color: var(--white) !important;
    border-color: var(--text_Black) !important;
}
div#calendarGrid >div.btn-group > a.btn-primary:hover,
#MonthViewToggleButton:hover,#YearViewToggleButton:hover {
    background-color: var(--supp_black_75) !important;
    color: var(--white) !important;
    border-color: var(--text_Black) !important;
}
div#calendarGrid >div.btn-group > a.btn-secondary,
div.modal-body > div.btn-group > a.btn-secondary{
    background-color: var(--supp_black_75) !important;
    color: var(--white) !important;
    border-color: var(--text_Black) !important;
}
div#calendarGrid >div.btn-group > a.btn-secondary:hover,
div.modal-body > div.btn-group > a.btn-secondary:hover{
    background-color: var(--core_blue) !important;
    color: var(--white) !important;
    border-color: var(--text_Black) !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(--white) !important;
}
div#calendarErrorBox > .xrm-attribute-value-encoded.xrm-attribute-value{
    color:var(--white) !important;
}

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

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

h5.bigger-bold{
    color: var(--text_Black) !important;
}

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

#UserMessage,#UserMessage>#UserMessageBody {
    background: var(--supp_black_85) !important;
    color: var(--tt_white) !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;
}

#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;
}

@media (max-width: 1200px)
{
    .navbar-static-top .navbar-brand {

    color: var(--text_Black) !important;
    text-transform: uppercase !important;
    font-size: 30px !important;
    padding-left: 5px;
    padding-top: 10px;
    }

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

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

    /* Hero image on Home dashboard */
    #home-image
    {
        width: 85% !important;
    }
}