/* inhouse css for mycity.net created by kgreen */
/* last edited for eApply for licensing by bquirie 20231016*/

/* 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: #ffffff; /* Changed background color to white from #e7e6e6 -BQ */
}

a
{
color: #074a7e;
}

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

/* adds padding to bulleted lists to keep them indented and inside the other margins of the page - KG 20231011*/
ul
{
    padding-left: 40px;
}

/* Hides the weird overlapping on the moneris checkout page - BQ */
.checkoutHtmlStyleFromiFrame .kam-header {
background-color: #000000;
}

/* Adding a bit of space to the bottom of each line item to make it more readable - BQ */
ul li {
margin-top: 7px;
}

.tdg-content .page {
    padding: 5px 5px; /* Added a bit of spacing between the lines on section headers and the titles -BQ */
}

@media (min-width: 768px)
{
.main-page-content {
  max-width: 900px;
  }
}

.main-page-content
{
max-width: 900px;
}

/*margin-top modified from 20px to 0px DC Nov 8, 2019*/
.tdg-content
{
margin-top: 0px; 
margin-bottom: 32px;
padding: 28px 2.5% 32px!important;
box-shadow: none; /* Removed box shadow value 0px 2px 4.8px 1.2px rgba(0,0,0,0.2) -BQ */
}

.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: bold; /* Making headers bold to match kamloops.ca -BQ */
line-height: 1em;
color: #56524c;
margin-bottom: 24px;
text-transform: capitalize;
}

/* Moving the back button up on the account listing page -BQ */
#page-account-select #ctl00_MainContent_btn_back {
margin-top: -140px;
}

/*added to remove an extra underline on edit actions header when class=page was used with hi - KG 20231011*/
.tdg-content .page2 {
font-size: 2em;
border-bottom: none;
padding: 0 5px;
margin: 0 -5px;
}

/* Fixing the account registration flow on business licensing - BQ */

#page-edit-account-actions #div_accessCodeMessage, #page-edit-account-actions #div_accountNumber, #page-edit-account-actions #div_accessCode, #page-edit-account-actions #ctl00_MainContent_btn_register {
display: none;
}

/* Fixing the button position on the registration flow page - BQ */
#page-edit-account-actions #ctl00_MainContent_btn_back {
margin-top: -163px;
}

/* Moving the continue button on the registration flow page to the right side -BQ */
#page-edit-account-actions #ctl00_MainContent_pnl_createAccount .col-sm-4.col-sm-offset-3, #page-edit-account-actions #ctl00_MainContent_pnl_createAccount .col-sm-4.col-sm-offset-3 .btn.btn-continue {
float: right;
}

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

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

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

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

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

.tdg-content .btn-continue
{
background-image: none;
}

/* 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:visited,
.tdg-content .account-list-icon, 
.tdg-content .chevron,
.tdg-content thead, 
.tdg-content a.list-group-item:active,
.tdg-content a.list-group-item:focus,
.tdg-content a.list-group-item:hover
{
background-color: #074a7e;
background-image: none;
}


/* Feb 11, 2020 - KG - sets the colour of the Remove Accounts button to match kamloops colours - dk blue */
#MainContent_removeAccountsButton.btn-danger
{
background-color: #074a7e;
background-image: none;
border-color: #015081;
}

/* Feb 11, 2020 - KG - sets the colour of the Remove Accounts button when hovered to match kamloops colours - lt blue */
#MainContent_removeAccountsButton.btn-danger:hover
{
background-color: #427ec4;
}

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

/* 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-default .btn-continue .kamloops-logout-btn:focus,
a .btn .btn-primary .btn-default .btn-continue .kamloops-logout-btn:hover, 
a .btn .btn-continue .button-primary:hover, .tdg-content .input-search:hover /* included input-search for eApply for licensing to update search button on address search page - KG 20231011 */
{
background-color: #427ec4;
background-image: none;
}

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

/* from ecom default - sets button colors to dk blue */
.tdg-content .btn-primary, .tdg-content .btn-continue, .btn .btn-primary .btn-continue .btn-profile, .tdg-content .input-search /* included input-search for eApply for licensing to update search button on address search page - KG 20231011 */
{
background-color: #074a7e;
}

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

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

/* mycity help message buttons formatted so it no longer use a background gradient - just dk blue as per btn colour */
.tdg-content .btn-help, .tdg-content .input-search /* included input-search for eApply for licensing to update search button on address search page - KG 20231011 */
{
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);
}

/* needed to remove radius on some buttons, like Create New Profile and help ? on login page -  kgreen February 3, 2020 */
.tdg-content .btn
{
border-radius: 0px;
}

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

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

/* removes radius from folder sort (has to override important statement) */
.tdg-content .folder-sort-input, .input-group-addon /* inpu-group-addon added for eApply application type page - KG- 20231011 */
{
border-radius: 0px !important;
}

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

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

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

.tdg-content .result-list-item, .tdg-content .border-group, .form-control /* border-group and form-control added for eApply application type page - KG- 20231011 */
{
border-color: #074a7e;
border-radius: 0px;
}

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

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

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

/* removes border radius on filter registered accounts */
.tdg-content .accountsFilterBox
{
border-radius: 0px !important;
}

/* removes left margin on Account Select list - KG 20231010*/
.col-sm-offset-1 {
    margin-left: 0;
}

/* removes narrower box width on Account Select list - KG 20231010*/
.col-sm-11 {
    width: 100%;
}

.config-message-background
{
background-color: transparent;
}

 /* Stops the issue of buttons being unclickable */
.top-page-message .config-message-background {
overflow:auto;
}

/* Darkens the account listing blue to see the icon slightly better */
.tdg-content .result-list-item {
    background-color: #AEC3DF;
}

/* Button Styles */

  /* Button Reset Styles */
  .tdg-content .btn {
    text-shadow: none;
    box-shadow: none;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    border: none;
    position: relative;
    line-height: 1;
    border-radius: 0px;
  }


.tdg-content .btn {
    text-decoration: none;
    outline: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 16px 0;
    color: #fff;
    font-size: 14px;
    padding: 15px 24px 16px;
    background-color: #074a7e;
    transition: all 0.2s ease-in-out;
    /*commented out by KG 20231010 so that buttons match what's in MyCity in Prod
    outline: 1px solid #9DD2FB; 
    outline-offset: -5px;*/
    border-radius: 0px;
}

.tdg-content .btn:hover {
    color: #fff;
    background-color: #427ec4;
    -webkit-box-shadow: 0px 1px 2.4px 0.6px rgb(0 0 0 / 20%);
    box-shadow: 0px 1px 2.4px 0.6px rgb(0 0 0 / 20%);
}

.tdg-content .btn-help,
.btn.btn-help-inline {
  margin: 0;
  color: #fff;
  font-size: 14px;
  padding: 7px 10px;
  /*commented out by KG 20231010 so that help buttons are square not round, like what's in MyCity in Prod
  border-radius: 20px;*/
  outline: none;
}

/* Sets color of buttons disabled */
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: #666666;
  border-color: #ffffff;
  outline: 1px solid #ffffff;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover {
  background-color: #666666;
  border-color: #ffffff;
  outline: 1px solid #ffffff;
}

/* Sets color of back buttons */
.btn.btn-back {
  background-color: #666666;
  border-color: #ffffff;
  outline: 1px solid #ffffff;
}
/* commented out to have colour change on hover without inset border KG - 20231010
  .btn.btn-back:hover {
  background-color: #666666;
  border-color: #ffffff;
  outline: 1px solid #ffffff;*/
}
.tdg-content .accountsFilterBox {
    width: 100%;
  }

/* Fixes the long side scroll on tablet and phone */
.kam-region-banner img:not(.kam-logo) {
  max-width: 100% !important;
  min-height: 79px !important;
}

/* Adds the colourbar below the header -BQ */
.kam-region-banner img.colorbar {
  max-width: 100% !important;
  min-height: 50% !important;
}

.kam-header {
  position: relative !important;
}
/* Pulls items away from the edges */
.tdg-content .panel.panel-parent > .panel-body {
  padding:  15px;
}
.panel-body.margin-bottom + .config-message-background {
    background-color: transparent;
    padding: 0px 15px;
}

/* Adding space between the borderlines on the business information section - BQ*/

.tdg-content .fieldset-style {
padding: 2em;
}

/* DESKTOP ONLY STYLES */

@media (min-width:801px) {
  
/* CSS for non-mobile only */
.kamloops-logout-btn {
  float:right;
  width:20%;
  }
}

/* MOBILE STYLES */

@media (max-width:767px) {

  /* Spaces buttons on mobile better */
  .tdg-content .margin-bottom,
  .tdg-content .btn {
    margin:  0px 0px 5px 0px;
    width: 100%;
  } 

/* Lining up the buttons on the mobile view for business - BQ */
	#page-account-select #ctl00_MainContent_btn_back {
	    margin-top: -131px;
	}
	#page-edit-account-actions #ctl00_MainContent_btn_back {
    		margin-top: -150px;
	}

}

/* Removing the 'I want to: label from the account information page -BQ */
#message3 + .form-horizontal .form-group label:not(:first-child):last-child {
    display: none;
}


/* STYLING WHAT IS PRINTED WHEN THE PRINT BUTTON IS CLICKED -BQ */
@media print {
#ctl00_pnl_headerFile,
#ctl00_pnl_footerFile,
#ctl00_MainContent_pnl_orderComplete .config-message-background,
#page-receipt #message2 {
    display: none !important;
  }
}