.childModal {
    border-style: solid;
    border-color: #e9edf2;
}

/*FOR BUNDLES*/

.subTxtBoxBundles {
    width: 100px !important;
}


/*padding: 25px 50px 75px;
top padding is 25px
right and left paddings are 50px
bottom padding is 75px*/

.bundleGrid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    /*background-color: #2196F3;*/
}

.bundleGrid-container > div {
        /*background-color: aquamarine;*/
        text-align: left;
    }


.col1-row1-bundle {
    position: absolute;
    left: 25px;
}

.col2-row1-bundle {
    position: absolute;
    left: 150px;
    padding: 10px;
}

.col3-row1-bundle {
    position: absolute;
    left: 255px;
    width: 100px;
}


.col1-row2-bundle {
    position: absolute;
    left: 25px;
    padding: 10px;
}

.col2-row2-bundle {
    position: absolute;
    left: 50px;
    padding: 10px;
}

.col3-row2-bundle {
    position: absolute;
    left: 150px;
}

.col4-row2-bundle {
    padding: 10px;
    position: absolute;
    left: 340px;
}

.col5-row2-bundle {
    padding: 10px;
    position: absolute;
    left: 390px;
}

.col6-row2-bundle {
    padding: 10px;
    position: absolute;
    left: 415px;
}


.col1-row3-bundle {
    position: absolute;
    left: 25px;
    padding: 10px;
}

.col2-row3-bundle {
    position: absolute;
    left: 50px;
    padding: 10px;
}

.col3-row3-bundle {
    position: absolute;
    left: 270px;
    padding: 10px;
}

.col4-row3-bundle {
    padding: 10px;
    position: absolute;
    left: 330px;
}

.col5-row3-bundle {
    position: absolute;
    left: 370px;
}

.col6-row3-bundle {
    padding: 10px;
    position: absolute;
    left: 440px;
}

/*FOR USER LIST*/

.paginationUserList {
    /*background-color:seagreen;*/
    text-align:center;
}

/*FOR USER DETAIL*/

.textAlignLeft {
    text-align: left;
}

.listPanelHeadingUserDetail {
    background-color: #f9f9f9 !important;
}

.listPanelUserDetail {
    border: 1px solid #ddd !important;
}

.modalButtonUserDetail {
    /*background-color:seagreen;*/
    padding-right: 20px !important;
}

.userAddress {
    background-color: #ffffff !important;
}

.cusDetailHeader {
    text-align:left;
    font-weight: bold;
    font-size: 16px !important;
    color: #000000;
}


.parentCusDetailReadOnly {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.parentCusDetailReadOnly div:nth-of-type(1) {
        flex-grow: 1;
        flex-shrink: 1;
        /*border: 1px solid black;
    background-color: aqua;*/
}

.parentCusDetailReadOnly div:nth-of-type(2) {
        flex-grow: 1;
        flex-shrink: 1;
        /*border: 1px solid black;
        background-color: aqua;*/
}

.parentCusDetailReadOnly div:nth-of-type(3) {
        flex-grow: 1;
        flex-shrink: 1;
        /*border: 1px solid black;
        background-color: aqua;*/
}

.parentCusDetailReadOnly div:nth-of-type(4) {
        flex-grow: 1;
        flex-shrink: 1;
        /*border: 1px solid black;
        background-color: aqua;*/
}

.parentCusDetailReadOnly div:nth-of-type(5) {
        flex-grow: 1;
        flex-shrink: 1;
        /*border: 1px solid black;
        background-color: aqua;*/
}

.parentCusDetailReadOnly div:nth-of-type(6) {
        flex-grow: 1;
        flex-shrink: 1;
        /*border: 1px solid black;
        background-color: aqua;*/
}

.parentCusDetailHeader {
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
}

.columnCusDetailHeader {
    display: table-cell;
}

.columnPayerHeader {
    padding-right: 25.4%;
}

.columnPaymentHeader {
    padding-right: 22%;
}


.columnAdjHeader {
    padding-left: 13%;
}

/*FOR DETAIL*/

.customerDetalModal {
    width: 80%;
}

.updateStatusModal {
    width: 30%;
}

.updatePaymentModal {
    width: 50%;
}


.selSearchStatusCtrl
{
    width:150px !important;
}

.selSearchStatusArea {
   text-align:start;
   padding-left:90%;
}

.subDetailupdateStatusBtn {
    width: 70px !important;
    background-color: #318bf2 !important;
    border-style: solid;
    border-width: 2px;
    border-color: #dce1e4 !important;
    color: #ffffff;
    font-weight:bold;

}

.txtStatusDetailReadOnly {
    display:inline !important;
    border-radius:0;
    border: 1px solid #dce1e4;
    box-shadow: none !important;
    font-size:13px;
    padding: 6px 10px !important;
    height:40px;
    margin: 2px 0;
}

.paymentSearchBtnArea {
    padding: 0px 0px 40px 0px;
}

.negative {
    color: #FF0000;
}

.positive {
    color: #32CD32;
}

.planNameDetail {
    margin-left: 20px;
}

.modalButton {
    /*background-color:seagreen;*/
    padding-right: 80px !important;
}

.modalUpdateStatusButton {
    /*background-color:seagreen;*/
    padding-right: 40px !important;
}


.subTxtBox {
    width: 500px !important;
}

.subTxtArea {
    resize: none !important;
}

.buttonArea {
    padding-top: 20px;
}

.actionbtnTab1 {
    /*background-color: red;*/
    padding-right: 65%;
}

.actionbtnTab2 {
    /*background-color: red;*/
    padding-right: 65%;
}

.actionbtnTab3 {
    /*background-color: red;*/
    padding-right: 1500px;
}

.controlReadOnly {
    background-color: #e9edf2 !important;
    border-style: solid;
    border-width: 2px;
    color: #74767d;
}

.parentSubDetailReadOnly {
    display: flex;
    flex-direction: row;
    width: 70%;
}

.columnSubDetailReadOnly {
    /*flex: 1 1 5px;*/
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50px;
    /*background-color:aqua;*/
}

.boxSubDetailReadOnly {
    padding-bottom: 10px;
    /*background-color:seagreen;*/
}

/*FOR LIST*/

#UserGrid_subgrid {
    width: 50px !important;
}

.searchDefault {
    width: 160px !important;
}

.searchLabelArea {
    text-align: left;
    width: 145px;
    height: 44px;
    /*background-color:aqua;*/
    padding-top: 15px;
    padding-left: 10px;
}

.searchControlArea {
    width: 200px;
    /*background-color:brown;*/
}

.searchButtonArea {
    width: 150px;
    /*background-color: brown;*/
    padding-left: 25px;
}

.column {
    float: left;
}

td {
    padding-left: 1% !important;
}

.editLink {
    text-decoration: none;
    color: #337ab7 !important;
}

a.editLink:hover {
    text-decoration: underline !important;
    cursor: pointer !important;
}