/*This rule removes the yellow background from configurable messages - Manan eTax Live*/
.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;
    
}
.tdg-include-header-image {
    padding-left : 30px;
   /*margin-left:165px !important;*/
}
.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;
}
.button {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
#div_taxBalanceArrearsInterest {
display:none;
}
#div_taxBalanceArrears2Interest {
    display: none;
}
#div_taxBalanceDelinquentInterest {
    display: none;
}
#MainContent_lbl_Description {
    display: none;
}

/*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]
{
}
*/