/* inhouse css for ehog.net re-used from mycity.net */
/* last edited by kgreen May 27, 2019 */

/*This css rule will remove the yellow background from all configurable messages*/
.tdg-content .config-message-background
{
	background-color: transparent;
}

/*This css rule will remove the purple background from all configurable messages that need to be edited*/
.config-message-highlight
{
	background-color: transparent;
}

/* this sections contains elements that should be standard accross the .net suite - eComm, MyCity, PIP, eHOG */

body
{
font-family: 15px/1.6 Verdana,Geneva,sans-serif;
color: #56524c;
}

body
{
background-color: #e7e6e6;
}

a
{
color: #074a7e;
}

a:hover
{
color: #427ec4;
text-decoration: none;
}

    @media (min-width: 768px) {
        .main-page-content {

        max-width: 900px;
        }
    }

 .main-page-content {

        max-width: 900px;
        }

.tdg-content
{
margin-top: 20px;
margin-bottom: 32px;
padding: 28px 2.5% 32px!important;
box-shadow: 0px 2px 4.8px 1.2px rgba(0,0,0,0.2);
}

.tdg-content .h1, .tdg-content .h2, .tdg-content .h3, .tdg-content .h4, .tdg-content .page, .tdg-content .header
{
font-family: Verdana,Geneva,sans-serif;
font-variant: normal;
font-weight: 400;
line-height: 1em;
color: #56524c;
margin-bottom: 24px;
text-transform: capitalize;
}

.tdg-content .btnPayGroup .btnLabel /* from ecom - specific to ecom? */
{
display:none;
}

.tdg-content .tdg-btn-home-container /* from ecom - changed for mycity? */
{
float:right;
}

.tdg-content .btnPayGroup .btn-default /* from ecom - specific to ecom? */
{
float:right;
}

.kamloops-logout-btn /* from ecom - changed for mycity? */
{
    float:right;
    width:20%;
}

.tdg-content .tdg-btn-home /* from ecom? - changed for mycity */
{
margin-left: 10px;
}

.tdg-content .btn /* changes button padding so the text fits better on all of them and they look taller, more like kamloops.ca, especially on the profile page */
{
padding: 8px 19px;
}

/* changes input padding so the text fits better on all of them and they look more like the buttons especially with the padding - not working yet */
.btn .btn-primary input[type=button], .btn .btn-primary > input[type=submit]  
{
padding: none;
}

.tdg-content .tdg-btn-home /* sets the home button colour to match kamloops colours */
{
color: #074a7e;
}

.tdg-content .tdg-btn-home:hover /* sets the colour of the home button when hovered to match kamloops colours */
{
color: #427ec4;
}

/* sets other button colours that use the background element to match the kamloops dk blue colour and removes any gradients applied via background image - was default set in ecom for btn-continue then added: profile?, mycity logout button, button primary?, acct list icon?, table headers?, account list items (hover, active and focus states) */
.tdg-content .btn, 
.tdg-content .btn-continue, 
a.btn.btn-primary.btn-continue.continue, 
a.btn.btn-primary.btn-continue.btn-profile, 
a.btn.btn-primary.btn-default.btn-continue.kamloops-logout-btn, 
a.btn.btn-continue.button-primary, 
.tdg-content .account-list-icon, 
.tdg-content thead, 
.tdg-content a.list-group-item:hover, 
.tdg-content a.list-group-item:active, 
a.list-group-item:focus, 
a.btn.btn-primary.btn-default.btn-continue.kamloops-logout-btn
{
background-color: #074a7e;
background-image: none;
}

/* sets other button colours to match the kamloops lt blue colour and removes any gradients applied via background image - was default set in ecom for btn-continue then added: profile?, mycity logout button, button primary?, acct list icon?, table headers?, account list items (hover and active states) */
.tdg-content .btn:hover, 
.tdg-content .btn .btn-back:hover, 
.tdg-content .btn-continue:hover, 
.tdg-content .btn-help:hover, 
.btn .btn-primary:hover, 
a .btn .btn-primary .btn-continue .btn-profile:hover, 
a .btn .btn-primary .btn-continue .btn-profile:focus, 
a .btn.btn-primary.btn-continue.continue:hover,
a .btn .btn-primary .btn-default .btn-continue .kamloops-logout-btn:hover, 
a .btn .btn-primary .btn-default .btn-continue .kamloops-logout-btn:focus, 
a .btn .btn-continue .button-primary:hover, 
a .btn .btn-primary .btn-continue .continue:hover
{
background-color: #427ec4;
background-image: none;
}

/* adds inset border line to buttons */
.btn::after, .btn-primary::after, .btn-help::after, .btn-continue::after, .btn-default::after
{
content: '';
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border: 1px solid rgba(255,255,255,0.3);
}

/* adds inset border line to inputs */
input[type="submit"], input[type="button"]
{
border: 1px solid rgba(255,255,255,0.3);
outline: #074a7e solid 4px;
background-color: #074a7e;
background-image: none;
}

input[type="submit"]:hover, input[type="button"]:hover
{
border: 1px solid rgba(255,255,255,0.3);
outline: #427ec4 solid 4px;
background-color: #427ec4;
background-image: none;
}

.tdg-content .tableHeader /* from ecom default - sets table headers to dk blue */
{
background-color: #074a7e;
}

.tdg-content .btn-primary /* from ecom default - sets button colors to dk blue */
{
background-color: #074a7e;
}

.tdg-content .tdg-modal-header, .tdg-content .dog-header, .tdg-content .licence-charge-header /* mycity specific - sets table headers within accounts to dk blue */
{
background-color: #074a7e;
}

.tdg-content .btn-danger /* from ecom default - sets cancel and other danger buttons colour to faded red */
{
background-color: #c9302c;
border-color: #761c19;
}

.tdg-content .payable-item-container, .tdg-content .search-method-container
{    
background-color: #074a7e;
}

.tdg-content .btn-help /* mycity help message buttons formatted so it no longer use a background gradient - just dk blue as per btn colour */
{
background-image: none;
}

.tdg-content .payable-item-container, .tdg-content .search-method-container
{
border-radius: 0px;
border: 1px solid rgba(255,255,255,0.3);
}

.tdg-content .btn /* gives a transparent grey border around buttons */
{
border-radius: 0px;
border: 1px solid rgba(255,255,255,0.3);
}

.tdg-content label
{
color: #074a7e;
}

.form-control, .panel /* removes radius from section blocks in mycity (panel) and form entry fields (form-control), like profile registration */
{
border-radius: 0px;
}

.form-control:focus /* changes highlight color of border on form entry fields, like profile registration */
{
border-color: #427ec4;
}

.tdg-content .child-panel-heading
{
background-color: #f5f5f5;
}

.tdg-content .panel-heading
{
border-radius: 0px;
}

.tdg-content .result-list-item
{
border-color: #074a7e;
border-radius: 0px;
}

.tdg-content .radio-button-list > span:first-of-type > label /* changes highlight color of border and removes radius on eInspection date selection fields */
{
border-color: #427ec4;
border-radius: 0px;
}

.tdg-content .radio-button-list input[type="radio"] + label /* changes highlight color of border and removes radius on ebilling subscription Yes No fields in add an account screens */
{
border-color: #427ec4;
border-radius: 0px;
}

.modal-dialog .modal-content /* removes border radius on eInspection Schedule Inspection pop-up */
{
border-radius: 0px;
}


.col-sm-push-1  /* removes relative positioning for labels on the confirmation page, to correct the issue reported in incident 109773 */
{    
position: static;
}