﻿
.hide-no-cust {
    display: none;
}

.ch-collapser-arrow {
    display: none;
    float: right;
    cursor: pointer;
    font-size: 14px;
}

.ch-hide-collapsed {
}

.ch-header-div {
    padding: 5px;
    margin: 3px 3px 10px 3px;
    background: whitesmoke;
    border: 1px gray;
    border-radius: 10px;
    box-shadow: 0 0 10px black;
    overflow: auto;
}


.ch-icons-area {
    vertical-align: middle;
    margin-top: -10px;
}

.ch-search-area {
}

.ch-status-area {
}

.ch-menu-area {
}

.ch-vertical-separator {
    margin-top: 0px;
    height: 33px;
}

.ch-container {
    display: inline-block;
    vertical-align: top;
    padding: 3px;
}

.ch-container-cell {
    display: table-cell;
    vertical-align: top;
    padding: 3px;
}

.ch-row {
    display: block;
    vertical-align: top;
}

.ch-field-right-justified { 
    text-align: right;
}

.ch-field-no-wrap {
    overflow: hidden;
    white-space:  nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.ch-icon-common {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    width: 20px;
    background-size: contain;
    vertical-align: middle;
    margin-top: 3px;
    margin-bottom: 0;   /* undo bootstrap change to label*/
}

.ch-icon-change-customer {
    background-image: url("../Images/search_blue24x24.png");
    cursor: pointer;
}

.ch-icon-invoice-resp {
    background-image: url("../Images/Dollar_moneygreen24x24.png");
}

.ch-icon-parent-acct {
    background-image: url("../Images/User_blue24x24.png");
}

.ch-icon-child-acct {
    background-image: url("../Images/User_white24x24.png");
}

.ch-icon-disconnected {
    background-image: url("../Images/cancel_red24x24l.png");
}

.ch-make-payment-div {
    padding: 5px;
}

.ch-make-payment-button {
    display: none;  /* only displayed for select customers */
    height: 20px;
    width: 100px;
    font-size: 12px;
    margin-left: 110px;
    margin-top: 2px;
    padding: 3px 5px 20px 5px;
    cursor: pointer;
}

.ch-label-cust-name,
.ch-label-acct-num {
    display: inline-block;
    width: 100px;
}
.ch-data-acct-num {
    display: inline-block;
    width: 70px;
}

.ch-data-cust-name {
    display: inline-block;
    width: 325px;
}

.ch-label-addr {
    display: inline-block;
    width: 55px;
    vertical-align: top;
}

.ch-data-addr {
    display: inline-block;
    width: 205px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}

.ch-label-branch,
.ch-label-bill-code {
    display: inline-block;
    width: 70px;
}

.ch-data-branch,
.ch-data-bill-code,
.ch-data-acct-mgr {
    display: inline-block;
    width: 185px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}

.ch-label-inv-date,
.ch-label-total-due {
    display: inline-block;
    width: 70px;
}

.ch-data-inv-date,
.ch-data-total-due {
    display: inline-block;
    width: 75px;
}

.ch-label-inv-due-date,
.ch-label-new-charges {
    display: inline-block;
    width: 80px;
}

.ch-data-inv-due-date,
.ch-data-new-charges {
    display: inline-block;
    width: 100px;
}


.ch-group-border {
    border: 1px solid #084062; /* BCM Navy */
    border-radius: 10px;
    /*box-shadow: 0 0 3px black;*/
}
