/*This rule removes the yellow background from configurable messages Live ecom - Manan*/
.config-message-background {
    background-color: transparent !important;
}
/*This is for heading like Login, Accounts etc. - Manan*/
.header {
    color: #317eac !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
}
/*This changes the color of header and width across device - Manan*/
.tdg-include-header-container {
    background-color: #192B39 !important;
    max-width: 100% !important;
    margin: 0px, 0px, 0px, 200px !important;
    padding: 0px, 0px, 0px, 200px !important;
    
}
/*Headers that match eUtility - Jestat*/
#pageHeading {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    justify-content: space-between;
}
#pageHeading h1 {
    flex: 1 1 auto;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

#pageHeading h2 {
    margin: 0;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
    flex-grow: 1;
}
label[for="lbl_bcaaLongLegal"]{
	display:none;
}
#MainContent_pnl_predictedPenalty {
    display:none;
}
#MainContent_pnl_adjustedBalance {
    display:none;
}
#MainContent_pnl_arrearsInterest {
    display: none;
}
#MainContent_pnl_arrears2Interest {
    display:none;
}
#MainContent_pnl_delinquentInterest {
    display:none;
}
#MainContent_lbl_arrearsInterest {
	display:none;
}
#MainContent_lbl_arrearsInterest2 {
	display:none;
}
#MainContent_lbl_delinquentInterest {
	display:none;
}
/*media  - Jestat*/
@media print {
  .tdg-content #btnPrintReceipt {
    display: none;
  }
  .tdg-content #btnCloseWindow {
    display: none;
  }
  .tdg-content .tdg-btn-cart-container,
  .tdg-content .tdg-btn-cart > img {
    display: none;
  }
  .tdg-content #resultsTable > thead > tr > td {
    font-weight: 700;
    color: black;
  }

  footer {
    display: none;
  }
  .hideme{display:none}
}
/*Body text to match eUtility - jestat*/
.body-text {
    font-family: usual, -apple-system, BlinkMacSystemFont, avenir next, avenir, Segoe UI, lucida grande, helvetica neue, helvetica, Fira Sans, roboto, noto, Droid Sans, cantarell, oxygen, ubuntu, franklin gothic medium, century gothic, Liberation Sans, sans-serif;
    font-size: 1.125em;
    line-height: 1.375em;
    font-weight: 400;
    margin: 0;
.tdg-include-header-image {
    padding-left : 30px;
   /*margin-left:165px !important;*/
}

/*This rule sets the Accounts List icon size and position on small screens*/
@media (max-width:575px) {
    .system-comdev, .system-land, .system-dogs, .system-utility, .system-licensing
    {
        background-size: 25px 25px;
        background-position:  left top;
    }
}
/*This rule sets the Accounts List icon size and position on large screens*/
@media (min-width:576px)
{
    .system-comdev, .system-land, .system-dogs, .system-utility, .system-licensing
    {
        background-size: 30px 30px;
        background-position: 5px center;
        padding-left: 10px;
    }
}

/*Set the icon for DOGS accounts*/
.system-dogs {
    /*Default Tempest icon
    background-image: url(../../Images/DOGS.png);
    */
    /*Remove icon
        background-image: none;
    */
}

/*Set the icon for TAX accounts*/
.system-land
{
    /*Default Tempest icon
    background-image: url(../../Images/LAND.png);
    */
    /*Remove icon
        background-image: none;
    */
}

/*Set the icon for UTILITY accounts*/
.system-utility
{
    /*Default Tempest icon
    background-image: url(../../Images/UTILITY.png);
    */
    /*Remove icon
        background-image: none;
    */
}

/*Set the icon for VACANCY TAX accounts*/
.system-vacancytax
{
    /*Default Tempest icon
    background-image: url(../../Images/EMPTY_HOME_TAX.png);
    */
    /*Remove icon
        background-image: none;
    */
}

/*  Set the icon for COMDEV folders
    NOTE: icons can be customized for each folder category and type
    see below for how this can be done.
*/
.system-comdev {
    /*Default Tempest icon
    background-image: url(../../Images/COMDEV.png);
    */
    /*Remove icon
        background-image: none;
    */
}

/*CUSTOMIZE COMDEV FOLDER ICONS
This rule can be used to customize icons for a specific folder category and type combination.
Spaces are not allowed in css rules thus all spaces in the category name or folder type will be replaced with hyphens
.system-comdev .category-[FOLDER CATEGORY HERE] .type-[FOLDER TYPE HERE]
{
}
*/

/*  Set the icon for LICENSING accounts
    NOTE: icons can be customized for each licensing category
    see below for how this can be done.
*/
.system-licensing {
    /*Default Tempest icon
    background-image: url(../../Images/LICENSING.png);
    */
    /*Remove icon
        background-image: none;
    */
}

/*CUSTOMIZE LICENSING ACCOUNT ICONS
This rule can be used to customize icons for a specific licensing category.
Spaces are not allowed in css rules thus all spaces in the category will be replaced with hyphens
.system-licensing .category-[LICENSING CATEGORY HERE]
{
}
*/