/*
    
    This file contains all the styles pertaining to Clients functionality (Client List, Add/Edit Client etc) for
    Provider and Business.
    
    */

.tbl-client-attachments {
}

    .tbl-client-attachments thead tr th.doc-date, .tbl-client-attachments tbody tr td.doc-date {
        width: 16%;
        text-align: center;
    }

    .tbl-client-attachments thead tr th.type, .tbl-client-attachments tbody tr td.type {
        width: 8%;
        text-align: center;
    }

    .tbl-client-attachments thead tr th.size, .tbl-client-attachments tbody tr td.size {
        width: 12%;
        text-align: center;
    }

    .tbl-client-attachments thead tr th.desc {
        width: 46%;
        text-align: center;
    }

    .tbl-client-attachments tbody tr td.desc {
        width: 46%;
        text-align: left;
    }

    .tbl-client-attachments thead tr th.other, .tbl-client-attachments tbody tr td.other {
        width: 10%;
        text-align: center;
    }

.used-attachment-limit-within-max {
    color: green;
    font-weight: bold;
}

.used-attachment-limit-exceeds-max {
    color: red;
    font-weight: bold;
}

.client-attachment-list-dialog {
    width: 70%;
}

    .client-attachment-list-dialog div.modal-body {
        max-height: 450px; 
        overflow-y: auto
    }

/*Merging clients CSS*/
#merge-client-btn {
    margin-top: 20px;
}

.y-merge-table-title {
	font-weight: bold;
	width: 40%;
}

.on {
    background: #ffbd9c;
}

.forced-on {
    background: #FF7F39;
}

.y-client-stats {
	padding-left:25px !important;
}

.y-merge-cursor-pointer {
	cursor: pointer;
}

#merge-client-details-table {
}

    #merge-client-details-table thead tr th:first-child, #merge-client-details-table tbody tr td:first-child {
        width: 34%;
    }

    #merge-client-details-table thead tr th:nth-child(2), #merge-client-details-table tbody tr td:nth-child(2) {
        width: 33%;
    }

    #merge-client-details-table thead tr th:nth-child(3), #merge-client-details-table tbody tr td:nth-child(3) {
        width: 33%;
    }

div.padded {
    padding-top: 4px;
    padding-bottom: 4px;
}

#dependentsTbl tr {
    display: table-row !important;
}