/* form elements */
.rx-editor-container {box-sizing: border-box;min-height: 150px;overflow:hidden;overflow-y:auto;border-radius: 0 0 8px 8px;background: #f2f2f2;}
.rx-editor-container .rx-editor {height: 200px;}
.cds-form-container .dropzone {border-color: #dfdfdf;background-color: #fff;}
.cds-form-container.mb-4 .dz-message.needsclick {display: block;text-align: center;}
.cds-form-container .gray-txt {color: #5B6B86;}
.cds-form-container .dob-label {
    top: 4px !important;
    color: #212529 !important;
    font-weight: 500;
    opacity: 1;
    padding: 0;
    font-size: 13px !important;
    left: 12px !important;
    transform: unset !important;
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: auto;
}
.cds-form-container .radio-group {
    display: flex;
    margin-top: 5px;
    font-size: 13px;
    gap: 15px;
    align-items: center;
}
.cds-form-container .form-floating>.form-control-plaintext~label, .cds-form-container .form-floating>.form-control:focus~label, .cds-form-container .form-floating>.form-control:not(:placeholder-shown)~label, .cds-form-container .form-floating>.form-select~label {
    transform: scale(.85) translateY(0) translateX(0);
    font-size: 14px;
}
.cds-form-container .form-group label {font-size: 14px;}
.phone-input-container {background-color: #fff;}
.phone-input-container .cds-phonedropdown {font-size: 14px;}
.selection .select2-selection.select2-selection--multiple {border-radius: 0.375rem !important;}
.selection .select2-selection--single .select2-selection__rendered {padding-left: 10px !important;}
/* # form elements */
.chat-content .chat-notification-skeleton {padding: 10px 20px;}
#popup-form .group-members .group-add-members-list .cdsImg, .chat-content .user-chat-item .chat-avatar .cdsImg, .chat-notification-list .cdsImg {max-width: fit-content;}
.cds-t25n-content-professional-profile-container-top-professional-image .cds-edit-profile-image {color: #222;}
.cds-t25n-content-professional-profile-container-top-professional-image .cds-edit-profile-image .fa-edit {padding: 4px;border-radius: 100px;background: #fff;box-shadow: 0px 2px 3px 0px #0000001A;}
.ml-auto{margin-left: auto;}

/* msg center */
.CDSDashboardProfessional-main-container-body {
    border-radius: 8px;
    min-height: calc(100% - 100px);
    background: #f8f8f8;
    border: 1px solid #d3d6d9;
}
.cdsTYOnboardingDashboard-breadcrumb-section {
    padding-bottom: 0;
    border-bottom: 1px solid #e3e6e9;
    margin-bottom: 0;
}
.cdsTYOnboardingDashboard-breadcrumb-section-header {
    padding: 20px;
    border-bottom: 1px solid #e3e6e9;
}
.cdsTYOnboardingDashboard-page-title h2 {
    font-size: 18px;
    display: flex;
    padding: 0 0;
    line-height: 1.5;
    margin-bottom: 5px;
}
.cdsTYOnboardingDashboard-breadcrumb-section .breadcrumb-container {
    display: flex;
}
.cdsTYOnboardingDashboard-breadcrumb-section .breadcrumb {
    padding: 0;
    display: flex;
    font-size: 12px;
    gap: 10px;
    margin: 0;
    align-items: center;
}
.CDSDashboardProfessional-main-container-body-inner-0 {
    padding: 0px;
}
.cdsTYOnboardingDashboard-chat-main-container {
    display: flex;
}
.chat-profile-sidebar {margin-top: 60px;}
/* # msg center */
#popupModal .group-add-members-list {max-height: 500px;}
/* --- table div --- */
input#datatableCheckAll {
    width: 18px;
    height: 18px;
}
.cdsTYDashboard-table-wrapper {
    width: 100%;
    margin: auto;
}
.cdsTYDashboard-table {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.cdsTYDashboard-table-header {
    background: #f3f4f6;
    font-weight: bold;
}
.cdsTYDashboard-table-header, .cdsTYDashboard-table-row {
    border-bottom: 1px solid #ddd;
    display: flex;
    width: 100%;
}
.cdsTYDashboard-table-cell {
    flex: 1;
    word-break: break-word;
    padding: 16px;
    /* border-bottom: 1px solid #f3f4f6; */
    font-size: 14px;
    /* font-weight: 600; */
    color: #1f2937;
    cursor: pointer;
    transition: color 0.3s;
}
.cdsTYDashboard-table-header .cdsTYDashboard-table-cell {
    flex: 1;
    word-break: break-word;
    text-align: left;
    padding: 12px 16px;
    font-weight: 600;
    color: #6b7280;
    font-size: 12px;
    letter-spacing: 0.5px;
    /* border-bottom: 2px solid #f3f4f6; */
    background: #f3f4f6;
}
.cdsTYDashboard-amount-contributed-container-body-list {padding: 0;overflow-x: auto;}
.cdsTYDashboard-table-body {
    /* border: 1px solid #ccc; */
}
.cdsTYDashboard-table-body .cdsTYDashboard-table-row:last-child {
    border: 0;
}
.cdsTYDashboard-table-cell + .cdsTYDashboard-table-cell {
    /* border-left: 1px solid #ccc; */
}
.cdsTYDashboard-table-header {
     cursor: pointer;
}
.cdsTYDashboard-table-cell {
    position: relative;
}
.cdsTYDashboard-table .sort-arrow {
    margin-left: 5px;
    font-size: 0.8em;
    color: #777;
}
.cdsTYDashboard-table .cdsTYDashboard-table-body {
    display: flex;
    flex-direction: column;
}
.cdsTYDashboard-table .sorted-asc .sort-arrow::after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f885';
    font-size: 15px;
}
.cdsTYDashboard-table .sorted-desc .sort-arrow::after {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f884';
    font-size: 15px;
}
.cdsTYDashboard-table .btn-group .dropdown-menu {
    position: absolute;
}
.cdsTYDashboard-table .sorted-asc, .cdsTYDashboard-table .sorted-desc, .cdsTYDashboard-table-cell {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.cdsTYDashboard-table .cdsTYDashboard-table-cell .dropdown-toggle::after {display: none;}
/* # table div */
.cds-multiselect ul.select2-selection__rendered {padding-top: 20px !important;padding-left: 5px !important;}
.multi-selectbox a {word-break: break-all;}
.cds-textWrap pre {white-space: normal;}
.cds-rightGrpInfo {display: flex;align-items: center;gap: 10px;}
.cds-rightGrpInfo .group-chat-title {background-color: transparent;height: auto;padding: 0;border: 0;position: unset !important;}
.cdsOnlyMsg {padding-bottom: 16px;}
.cdsavatarMainDiv .cdsProfileimg, .cdsProfileimg {width: 36px;height: 36px;border-radius: 100%;-o-object-fit: cover;object-fit: cover;object-fit: cover;object-position: top;max-width: fit-content;}


/* ==================================================================================================================
    responsive start
===================================================================================================================== */
@media (min-width: 1024px) {
    .cdsTYDashboard-table-cell.cdsCheckbox {max-width: 50px;}    
}
@media screen and (max-width: 1023px) {
    /* div table css */
    .cdsTYDashboard-table-header {
        display: none;
    }
    .cdsTYDashboard-table-row {
        flex-direction: column;
        margin-bottom: 12px;
        align-items: unset !important;
    }
    .cdsTYDashboard-table-cell {
        display: flex;
        justify-content: space-between;
        padding: 10px;
    }
    .cdsTYDashboard-table-cell::before {
        content: attr(data-label);
        font-weight: bold;
        margin-right: 10px;
        white-space: pre;
    }
    .cdsTYDashboard-table-cell.cdsCheckbox {
        display: inline-grid;
        justify-content: center;
    }
    .cdsTYDashboard-table-cell, .cdsTYDashboard-table-cell .dropdown-toggle {
        font-size: 13px;
    }
    .cdsTYDashboard-table-cell + .cdsTYDashboard-table-cell {border-left: 0;border-top: 1px solid #f2f2f2;}
    .cdsTYDashboard-table-row .cdsTYDashboard-table-cell .custom-checkbox {display: flex;margin: 0 auto;}
    /* # div table css */
}
@media (max-width: 991px) {
    
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
}
@media (max-width: 767px) {
    .cds-left .select2-selection__rendered {padding-top: 0 !important;}
    .cds-left .textarea {padding-top: 10px !important;}
}
@media (max-width: 639px) {
    .cds-dashboard-main-content-bx {padding: 0;}
    
}


/* ==================================================================================================================
    responsive end
===================================================================================================================== */
