/**************/

/* Typography */

/**************/

h2,
.header2 {
    color: #C4D600 !important;
}

/* Hyperlinks */

a,
a:link {
    color: #788600;
}

a:visited {
    color: #788600;
}

a:hover,
a:focus,
a:active {
    color: #788600;
}

/* Link that looks like a button */

a.call-to-action-link {
    color: #ffffff;
    background-color: #788600;
}

/* Hyperlinks - End */

/* Nav Bar */

a.navigation-link {
    color: #000000;
}

.top-level-link.current {
    border-bottom-color: #C4D600;
}

li.top-level-link.current a.navigation-link {
    color: #788600;
}

a.top-level-link:hover,
a.top-level-link:active {
    color: #C4D600;
}

/* End of Nav Bar */

/***********/

/* BUTTONS */

/***********/

.GTTextButton,
.wgStyleButton {
    color: #000;
    background-color: #C4D600;
    font-weight: 700;
}

/* Darkened by 30% */

.GTTextButton:active,
.wgStyleButton:active {
    background-color: #edf3b3;
    color: #000;
}

.wg-hyperlinkButton {
    color: #788600;
    background-color: transparent;
}

.GTTextButton.wg-hyperlinkButton:active,
.wg-hyperlinkButton:active {
    background-color: transparent;
    color: #edf3b3;
}

/****************/

/* Input Fields */

/****************/

/* Checkbox */

input[type=checkbox]:checked+label:before {
    background-color: #C4D600;
    color: #000;
}

/* Checkbox - END */

/*********/

/* Tiles */

/*********/

/* Selected Tile */

li.tile-selected {
    background-color: #C4D600;
}

.tile-selected p {
    color: #ffffff;
}

/* CASE HISTORY DETAIL */

.labelAsComponent .label {
    color: #C4D600;
}

.footer-tagline {
    color: #788600;
}

/* Log In/ Reg Links */

.toplink-label {
    color: #788600;
}

/************** Idle Timeout Warning **************/

.pageMessageDisplayArea {
    background-color: #C4D600;
    color: #ffffff;
}

/**************************************************/

/* Loading Spinner Colour */

.loader {
    border-left-color: #C4D600;
}

/* Table Headings */
th {
    color: #000 !important;
}

/* Widget Grid Button Background */
div.widget-controls {
	background-color: #C4D600;
}

/* Homepage Widgets */

svg.notification-bullet {
   fill: #788600;
}

div.widget-profile {
	background-color: #788600;
}

div.widget-payment {
	background-color: #788600;
}

button.widget-button.themed {
	background-image: url('../../images/tiles/arrow-forward-black.svg');
}