/* inhouse css for eComm.NET created by kgreen */
/* last edited by kgreen Apr 20, 2021 */

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

body
{
background-color: #e7e6e6;
}

.tdg-content
{
margin-top: 20px;
margin-bottom: 32px;
padding: 28px 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
{
display:none;
}
.tdg-content .btnPayGroup .btn-default
{
float:right;
}

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

.tdg-content .btn-continue
{
background-color: #074a7e;
}

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

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

.tdg-content .btn-primary
{
background-color: #074a7e;
}

.tdg-content .tdg-modal-header, .tdg-content .dog-header, .tdg-content .licence-charge-header
{
background-color: #074a7e;
}

.tdg-content .btn-danger
{
background-color: #c9302c;
border-color: #761c19;
}

.tdg-content thead, .tdg-content table>thead>tr td
{
background-color: #074a7e;
background-image: none;
}

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

.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
{
border-radius: 0px;
border: 1px solid rgba(255,255,255,0.3);
}

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

/* allow for stacking the plus glyphicon onto the continue shopping icon on the cart page */
.icon-stack {
  position: absolute;
  height: 100%;
  width: 100%;
  color: #c9302c;
  font-size: .9em;
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 4px;
}

/* changes the colour of the count circle associated to the cart icon */
.tdg-content .tdg-btn-cart::before  {
background-color: #c9302c;
}

/* defines the add to cart icon on the cart page to look similar to the cart icon found on other pages */

.tdg-content .kam-btn-cartkeepshop:before {
  content:"+";
  min-width: 10px;
  padding: 1px 5.5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #c9302c;
  border-radius: 10px;
  position: absolute;
  margin-left: -15px;
}

@media (max-width: 767px) {
  .tdg-content .kam-btn-cartkeepshop-container {
    float:right;
    width:50%;
  }
  .tdg-content .kam-btn-cartkeepshop
  {
      float:right;
  }
}

/* removes the header and footer from the print button on the receipt page */
@media only print {
    div.kam-header, div.kam-banner-wrapper, div.footer {
    display: none; 
  }
}

@media print {
    a[href]::after {
        content: none !important;
    }
}

@media (min-width: 768px) {
/*removes left hand margin and size restriction that was restricting the size of the "Enter the amount you wish to pay:" field on the Property Tax Details screen */
  .col-sm-offset-7 {
    margin-left: 0%;
  }

  .col-sm-5 {
    width: 100%;
  }
}

/* changes font size in the "Enter the amount you wish to pay:" field on the Utility Details screen to match the font on the rest of the page*/
.form-control {
    font-size: 15.625px;
}