/* Module Names
   1- Registration Form
   2- Forget Password Page
   3- Profile_User-info
*/

/* *{
    outline: 2px solid red;
} */

/* [Customized Settings] */

/* Scrollbar */

::-webkit-scrollbar {
    background-color: white;
    width: 11px;
}
::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 10px;
}

/* Input[type="number"] */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Custom Checkbox dropdown */

.dropdown-check-list {
    display: inline-block;
    width: 100%;
    height: 40px;
}

.dropdown-check-list .anchor {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 5px 50px 5px 10px;
    border: 1px solid #ccc;
    width: 100%;

    /* Font Settings*/
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;

    letter-spacing: 0em;
    text-align: left;
    color: #5b5b5b;
    height: 40px;
}

.dropdown-check-list .anchor:after {
    position: absolute;
    content: "";
    border-left: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    padding: 5px;
    right: 10px;
    top: 20%;
    transform: rotate(-135deg);

    transition: transform 400ms;
}

/* .dropdown-check-list .anchor:active:after {

    top: 40%;
    transform: rotate(45deg);
    transition: all 4.0ms ;

  }  */

.leftBr input {
    background: #ffffff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 428px;
    border: 0;
}
.leftBr input::-moz-placeholder {
    color: #5b5b5b;
    font-size: 16px;
    font-weight: 500;
}
.leftBr input::placeholder {
    color: #5b5b5b;
    font-size: 16px;
    font-weight: 500;
}
.outerBar > div {
    flex: 1;
}
.outerBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.riteBar .flex.filter-by-location.filter-by {
    width: 208px;
}
.riteBar .dropdown-check-list.visible .items {
    width: 208px;
}
.riteBar > .flex.filter-by-location.filter-by {
    margin-left: 40px;
}
.outerBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}
.riteBar {
    display: flex;
    justify-content: end;
}
.subMenu {
    position: relative;
}
.dropMenu {
    top: 0;
    left: 101%;
    margin-top: -1px;
    position: absolute;
    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    width: 210px;
    text-align: center;
    min-height: 127px;
    padding: 16px;
}
.chatStatus.dropdown-check-list ul.items {
    height: 16% !important;
    overflow-y: unset !important;
}
ul.items.border-6b7280.box-shadow.filterLoc > li {
    padding-left: 35px;
}
li.mb-2.subMenu.sortClas:before {
    transform: rotate(135deg) !important;
    left: 12px !important;
}
ul.items.border-6b7280.box-shadow.filterLoc > li:before {
    position: absolute;
    content: "";
    border-left: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    padding: 3px;
    right: unset;
    left: 14px;
    transform: rotate(-135deg);
    transition: transform 400ms;
}
.dropdown-check-list ul.items {
    display: none;
    padding: 2px;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 40%;
    overflow-y: auto;
}
div#chat_status ul.items {
    overflow-y: unset;
    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
ul.dropMenu {
    display: none;
}
.dropdown-check-list ul.items li {
    list-style: none;
}

/* .dropdown-check-list.visible .anchor {
    color: #082366;
  } */

.dropdown-check-list.visible .items {
    display: block;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    margin-top: 12px;
    width: 20.5%;
    position: absolute;
    z-index: 1;
}

.filter-by .items input[type="checkbox"] {
    accent-color: #1c3140;
    border-radius: 2px;
    border: 1px border #3a3a3a;
    background-color: #f8f8f8;

    margin-inline: 16px 19px;
}
.filter-by .items input[type="checkbox"]:checked,
.member-list-tr input[name='select-members-checkbox']:checked {
    background-color: #1c3140;
}

/* Lead - Option Light boxes */
.case-response-wrap {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.6);
}

.case-response-successful,
.case-response-declined {
    max-width: 384px;
    width: 100%;
    text-align: center;
    background: #ffffff;
    border-radius: 6px;
    margin-inline: auto;
    z-index: 2;
}
.case-response-successful p,
p.case-error,
.two-factor-auth > h4,
.enable-auth-litbox > h3 {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
}
.enable-auth-litbox > h3 {
    margin-bottom: 10px;
}
.case-response-successful p,
p.case-error {
    text-align: center;
}

.case-response-cancel {
    cursor: pointer;
}
p.case-sorry {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: #909090;
}
:is(.case-response-successful, .case-response-declined) .success-img {
    height: 63px;
    width: 63px;
}

.case-response-declined button {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color: white;

    background-color: #ef0f1c;
    width: 144px;
    height: 38px;

    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

/* 1- Registration Form */

.switch-it {
    display: none;
}

.registration-form {
    max-height: 90vh !important;
    overflow-y: scroll !important;
    justify-content: start !important;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 330px;
    max-width: 100%;
    position: absolute;
    right: 2%;
    z-index: 1;
    background-color: white;
    font-family: "Inter";
    border-radius: 6px;
}
.registration-form .cancel-icon,
.logout-form .cancel-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.reg-form-inner-wrapper {
    max-width: 260px;
    margin-top: 38px;
}
.hyperlinks li {
    list-style: none;
    display: inline-block;
}
.reg-form-inner-wrapper input:not([type="checkbox"]) {
    width: 100%;
    max-width: 100%;

    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    height: 40px;

    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: 0em;
    color: #3e3838;

    display: block;
    margin-bottom: 12px;
}
.reg-form-inner-wrapper label {
    display: inline-block !important;
    margin-bottom: 6px !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;

    font-family: "Inter" !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 19.6px !important;
    letter-spacing: 0em !important;
    text-align: left !important;
    color: #000000 !important;
}
.reg-form-inner-wrapper .already-registered {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    /* line-height: 10px; */
    letter-spacing: 0em;
    text-align: center;
    float: right;
    /* line-height: 19px; */
    margin-bottom: 20px;
    text-decoration: underline;
    color: #262424;
}

.reg-form-inner-wrapper input[type="checkbox"] {
    border: 1px solid #d1d1d1;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: inline-block;
    margin-bottom: 0%;
}

.reg-form-inner-wrapper .radio-span {
    font-family: "Inter";
    font-size: 10px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
    display: inline-block;
    vertical-align: middle;
}
.radio-span a {
    text-decoration: underline;
}
.reg-form-inner-wrapper input:checked[type="checkbox"] {
    background-color: #000000;
}
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
    outline: none !important;
}
.reg-form-inner-wrapper button[type="submit"] {
    width: 100%;
    height: 38px;
    border-radius: 6px;
    background-color: #1c3140;
    color: white;
    margin: 20px auto 30px auto;
}
#forget-para {
    font-family: "Inter";
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 6px;
    margin-bottom: 15px;
}

/* 2- Forget Password Page */
.header {
    background-color: #1c3140;
}
.forget-pswd-form-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}
.forget-pswd {
    max-width: 271px;
    width: 100%;
}
.forget-pswd input {
    width: 100%;
}
.forget-pswd input[type="password"] {
    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    color: #d1d1d1;
    height: 40px;

    font-family: "Inter";
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
}
.forget-pswd :is(h2, p, .forget-pswd_backto-login) {
    text-align: center;
}
.forget-pswd h2 {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 16px;
}
.forget-pswd p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    margin-bottom: 5px;
}

.forget-pswd label {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 8px;
}
.forget-pswd_backto-login img {
    width: 4%;
    height: 4%;
    display: inline-block;
    margin-right: 6px;
}

.forget-pswd_pswd-field,
.forget-pswd_pswd-confm-field {
    margin-bottom: 20px;
}

.forget-pswd input[type="submit"] {
    color: white;
    height: 38px;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;

    margin-bottom: 14px;
}

.forget-pswd_backto-login span {
    font-family: "Inter";
    font-size: 10px;
    font-weight: 300;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;

    color: #736c6c;
}

.forget-pswd_submit-btn a {
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 100%;
    display: block;
    height: 38px;
    text-align: center;
    color: white;
    line-height: 38px;

    margin-bottom: 14px;
}
.forget-pswd .successfully-reset {
    margin-bottom: 23px;
}

.forget-pswd_submit-btn button {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;

    background-color: #1c3140;
    color: white;
    height: 38px;
    width: 100%;
}

.forget-pswd .pswd-reset {
    margin-bottom: 12px;
}

/* 3- Profile_User-info */
.header li {
    list-style: none;
}

.header .profile-leads {
    display: flex;
    flex-direction: row;
    width: 50%;
    gap: 10%;
}
.profile-leads li {
    list-style: none;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}
.profile-leads li.active-profile-link {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    border-bottom: 1px solid white;
}

.profile-card {
    width: 75.75%;
    margin-inline: auto;
    margin-top: 143px;
    margin-bottom: 8rem;
}
.profile-head {
    background: #1c3140;
    border-radius: 6px 6px 0px 0px;
    height: 48px;
    padding: 0 6.18% 0 9%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
}
.profile-card .profile-head span {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
}
.profile-head .edit-btn {
    display: inline-block;

    width: 118px;
    height: 38px;
    background: #ffffff;
    box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    color: black;

    font-family: "Inter";
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: center;
}
.profile-body {
    display: flex;
    min-height: 542px;
    background-color: white;
}

.profile-body
    ul:not(
        ul.iti__country-list,
        .payment-saved-visa-wrapper .case-list__drop-down,
        .searchAttorneyUl
    ) {
    width: 28.4%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.profile-body main {
    width: 71.2%;
    border-left: 2px solid #f3f3f3;
    max-height: 572px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

form.user-profile-form {
    width: 100%;
}

.profile-body main.tabbed-content > section {
    margin-top: 63px;
    padding-left: 16.1%;
    padding-right: 20.5%;
}
.profile-body ul > li:first-of-type:not(.iti__country, .searchAttorneyList) {
    margin-top: 63px;
}
.profile-body ul > li:not(.iti__country, .searchAttorneyList) {
    margin-bottom: 25px;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090;
    cursor: pointer;
    width: 100%;
    padding-left: 30%;

    /* Experimental */
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.profile-body ul > li:not(.iti__country).active {
    font-weight: 700;
    color: #1c3140;
}
.profile-body ul > li.active span.active-indicator {
    display: inline-block;
    height: 100%;
    width: 4px;
    background-color: black;
    border-radius: 10px;
}
.profile-body ul > li.active img.error-indicator {
    margin-left: -3rem;
}

.profile-pic {
    position: relative;
}

.swal-small {
    padding: 1em !important;
    font-size: 14px !important;
}

.swal-small-title {
    font-size: 16px !important;
    margin-bottom: 0.5em !important;
}

.swal-small-text {
    font-size: 13px !important;
    margin: 0.5em 0 !important;
}

.swal-small-button {
    font-size: 13px !important;
    padding: 4px 10px !important;
}

.user_info_child {
    text-align: center;
}

.swal2-confirm {
    background-color: #111d26
}

.user-info .profile-pic img.user-img {
    height: 119px;
    width: 119px;
    border-radius: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-inline: auto;
}
.user-info
    div:not(
        .iti,
        .iti__flag-container,
        .iti__selected-flag,
        .iti__flag,
        .iti__arrow iti__arrow--up
    )
    > div:not(.iti__selected-flag, .iti__flag, .iti__arrow iti__arrow--up),
.user-info
    div:not(
        .iti,
        .iti__flag-container,
        .iti__selected-flag,
        .iti__flag,
        .iti__arrow iti__arrow--up
    )
    > input:not(.edited-name-field) {
    width: 100%;
    display: block;
    /* height: 40px; */
    color: #262424;

    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;

    letter-spacing: 0em;
    text-align: left;

    /* margin-top: 5px; */
}

.user-info > div:first-of-type {
    margin-bottom: 31px;
}
.user-info > div {
    margin-bottom: 20px;
    position: relative;
}

.social-media-field-view {
    height: auto !important;
    overflow: hidden !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

.social-fields-row-view {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

.social-fields-row-view > .social-input-view {
    /* width: calc(50% - 5px) !important; */
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.social-icon-view {
    width: 28px !important;
    height: 28px !important;
    margin-right: 10px !important;
}
.social_field_view {
    margin-top: 0 !important;
}


.social-media-field {
    margin-top: 30px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fafafa;
}

.profile-headers {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.social-fields-row {
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.social-input {
    display: flex !important;
    align-items: center;
    gap: 10px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    flex: 1 1 45%;
    min-width: 280px;
    position: relative;
}

.social-icon {
    width: 24px;
    height: 24px;
}

.social-input-wrapper {
    display: flex !important;
    align-items: center;
    flex: 1;
}

.social-input-wrapper input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 6px 8px;
    /* background: transparent; */
}

.social-input-wrapper button {
    border: none;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
}

.social-input-wrapper button:hover {
    background-color: #dcd4d4;
}

.add-social-field {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.add-social-field select {
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    width: 100%;
}

.add-social-field button {
    padding: 8px 16px;
    font-size: 14px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.add-social-field button:hover {
    background-color: #0056b3;
}

.custom-select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="%2335393C" fill-rule="nonzero" d="M8.293.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4A1 1 0 0 1 1.707.293L5 3.586 8.293.293z"/></svg>');
    background-size: 15px;
    margin-bottom: 15px;
}

.tabbed-content section:not(.active) {
    display: none;
}

.education div.education-history {
    padding: 10px 50px 10px 20px;
    width: 100%;
    margin-bottom: 10px;
}
.education h3 {
    margin-bottom: 10px;
}
div.education-history h4 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 5px;
    color: #262424;
}
div.education-history p {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 5px;
    color: #5b5b5b;
}

.experience > h3 {
    margin-bottom: 10px;
}
.experience-box {
    padding: 10px 14px 10px 20px;
    margin-bottom: 10px;
}
.experience-box h4 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
    margin-bottom: 5px;
}
.experience-box .experience-text,
.enable-auth-litbox > p {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #5b5b5b;
}
.experience-box .date {
    width: 75px;
    height: 20px;
    background-color: #1d3140;
    border-radius: 4px;
    color: white;
    padding-inline: 3px;
    margin-right: 9px;
    display: inline-block;
    font-family: "Inter";
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-align: center;
}

.experience-dates {
    margin-block: 5px;
}
.experience-dates .start-date {
    margin-bottom: 5px;
}

.practice-areas {
    margin-top: 31px;
}

.practice-areas h3 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

    margin-bottom: 15px;
}
.practice-areas span.span-texts {
    padding: 11px 35px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
.practice-areas span.pad-inline-18 {
    padding: 11px 18px;
}

.about > h3 {
    margin-bottom: 10px;
}
.about .about-box {
    padding: 10px 40px 10px 20px;
    position: relative;
}
.about .about-text {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #5b5b5b;
}

.licensed-states {
    margin-top: 30px;
    margin-bottom: 20px;
}
.licensed-states h3,
.languages h3 {
    margin-bottom: 10px;
}

.licensed-states span,
.languages span,
.preferences span {
    padding: 11px 34px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.preferences .capacities {
    margin-bottom: 17px;
}
.preferences .referral-fee {
    margin-bottom: 20px;
}
.preferences .fee-retainers {
    margin-bottom: 16px;
}
.preferences .insurance {
    margin-bottom: 13px;
}
.preferences .discipline {
    margin-bottom: 13px;
}
.preferences span.box-shadow {
    padding: 11px 34px;
    display: inline-block;
}
.preferences .profile-headers {
    margin-bottom: 10px;
}
.preferences .pref-text,
.delete-post-lightbox > p,
p.settings__mini-para {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}
.contingency,
.flat-fee,
.hourly-rate,
.if-yes {
    -moz-column-count: 2;
         column-count: 2;
    gap: 7px;
    margin-bottom: 10px;
}
.pref-p {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #5b5b5b;
    margin-bottom: 7px;
}
.pref-q {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
    margin-bottom: 7px;
}

/* Universal Classes */
.profile-headers {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #3c3c3c;
}
.box-shadow {
    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}
.span-texts {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    color: #5b5b5b;
}

/* Edited */

.profile-pic .edit-pic-icon {
    position: absolute;
    height: 28px;
    width: 28px;
    border-radius: 100%;
    top: 0;
    right: 41%;
    background-color: white;
    cursor: pointer;
}
.edited-label {
    display: block;
}
.name-field .edited-name-field {
    width: 48%;
    display: inline-block;
    color: #262424;
}
.name-field .edited-name-field:first-of-type {
    margin-right: 3%;
}
div.education-history,
div.experience-box {
    position: relative;
}
div.education-history .edu-edit-icon,
div.experience-box .edu-edit-icon,
div.about-box .edu-edit-icon {
    position: absolute;
    top: 18px;
    right: 20px;
    cursor: pointer;
}
div.add-education {
    margin-top: 20px;
    cursor: pointer;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 1.5rem;
}
.add-education .edit-pic-icon {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: inline-block;
    margin-right: 10px;
}

.edited-practice-areas > h3 {
    margin-bottom: 5px;
}
.edited-practice-areas .edited-practice-para {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
    color: #5b5b5b;
}
.edited-box-shadow {
    border: 1px solid #f3f3f3;
    font-size: 12px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #f8f8f8;
    color: #5b5b5b;
}
.selected-option .cancel-selected-icon {
    display: inline-block;
    margin-left: auto;
    height: 12.86px;
    width: 12.86px;
}
.practice-areas span.selected-option,
.about span.selected-option,
.preferences span.selected-option,
.marketing-source span.selected-option {
    padding: 11px 11px 11px 20px;
}
.cancel-selected-icon {
    cursor: pointer;
}

input.preference-radios {
    margin-right: 20px;
}
.preferences label.preference-labels {
    margin-right: 40px;
}
.preferences .pref-radio-group {
    margin-bottom: 11px;
}
.if-yes .pref-p {
    line-height: 40px;
}
:is(.preferences .insurance, .preferences .discipline) > form {
    margin-bottom: 30px;
}
.detailed-information {
    margin-bottom: 60px;
}
.fee-retainers > .pref-p {
    margin-bottom: 10px;
}

/* Education Edits */
.edit-edu-form {
    padding: 20px;
    border: 1px solid #f3f3f3;
}
.edit-edu-form label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #3c3c3c;
}
.edit-edu-form :is(.edited-box-shadow, input) {
    background-color: white;
}
.edit-edu-form button {
    padding: 8.5px 9.5px;
    color: #ffffff;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

fieldset p.empty-input-error {
    margin-top: -4px;
    font-size: 14px;
    font-weight: 400;
    color: #ef0f1c;
}
/* p.empty-input-error+input.box-shadow{
    border: 1px solid #EF0F1C;
} */

.modification-box ul.crud-options {
    width: 100%;
    position: absolute;
    max-width: 141px;
    right: -9.5rem;
    top: 0%;
}
.modification-box ul.crud-options > li {
    padding-left: 0%;

    justify-content: flex-start;
}
.modification-box ul.crud-options > li:first-of-type {
    margin-top: 18px;
}
.modification-box ul.crud-options > li:last-of-type {
    margin-bottom: 20px;
}

/* Header */
.custom-header {
    padding-inline: 12.2%;
}
ul.header-profile-setup {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-left: 6.5%;
}
.header .profile-options {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.header .profile-options .user-profile-picture {
    height: 48px;
    width: 48px;
    border-radius: 100%;
}

.profile-options .notification-alert {
    position: relative;
}
.profile-options .notification-alert > span.red-alert {
    position: absolute;
    height: 8px;
    width: 8px;
    background-color: #ef0f1c;
    border-radius: 100%;
    top: 1px;
    right: 4px;
}

/* Input Radio */

input[type="radio"] {
    background: transparent;
    color: transparent;
    border: 2px solid #dddddd;
}

input[type="radio"]:checked {
    background: #1c3140 !important;
    color: #1c3140 !important;
    border: 2px solid #dddddd !important;
}

/* ----------------------------------------------------------------------------------------------------- */

/* Open Leads [ Page ] */
.leads-header {
    padding-inline: 4%;
}
.leads-body {
    margin-inline: 60px;
    margin-top: 8%;
    margin-bottom: 4%;
}
.leads-body > .leads-options {
    display: flex;
    list-style: none;
    width: 100%;
    gap: 50px;
    margin-bottom: 24px;
}
.leads-options > li > a {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}
.leads-options > li > a.active-lead-option {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    border-bottom: 2px solid #1c3140;
}
.leads-filters .filter-by {
    display: inline-block;
    width: 22%;
    margin-right: 20px;
    vertical-align: top;
}

.leads-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.leads-filters .filter-by .edited-box-shadow {
    background-color: white;
}
.leads-filters .post-lead-btn {
    width: 144px;
    color: white;
    background-color: #1c3140;
    padding-block: 9px;
    border-radius: 6px;
}

.leads-body__case {
    display: flex;
}
.case__case-list {
    max-width: 44%;
    height: 885px;
    overflow-y: auto;
    width: 100%;
}
.case-list_sticky-head {
    background: #1c3140;
    border-radius: 6px 0px 0px 0px;
    height: 48px;
}
.case-list_sticky-head > h3 {
    line-height: 48px;
    margin-left: 28px;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;

    letter-spacing: 0em;
    color: white;
}
.case__case-list .filtered {
    background-color: #f2f5fa;
}

.case-details {
    padding-inline: 32px;
    padding-block: 16px 24px;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    cursor: pointer;
}
:is(.case-details, .case__case-applying) > h3 {
    font-family: "Inter";
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
}

.id_with_title {
    display: inline-block;
    background-color: #e9e9e9;
    color: #374151;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 10px;
    vertical-align: middle;
}

.case-details_location {
    margin-block: 12px 23px;
}

.w-95-percent {
    width: 90%;
}
.w-5-percent {
    width: 8%;
}
.case-details .loc-date {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

:is(.case-details_location, .case-details_date) > div:first-of-type > span:first-of-type {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.case-details_date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.case-details_id {
    background-color: #e9e9e9;
    color: #374151;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}

.case-details_date span {
    font-style: italic;
}

.case__case-applying {
    width: 55.5%;
    padding-inline: 40px 35px;
    padding-block: 35px 17px;
    margin-left: 4px;
    background-color: #ffffff;
    max-height: 885px;
    overflow-y: auto;
}

.case-applying__specification li {
    list-style: disc;
    width: 50%;

    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.case-applying__specification .listing {
    display: flex;
    width: 100%;
    margin-top: 20px;
}
:is(
        .listing,
        .case-applying__details,
        .success_referred__fee-agreement,
        .details-response-block,
        .details-refferal-fee
    )
    > p {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090;
}
:is(
        .case-applying__details,
        .success-referred,
        .success_referred__notes,
        .success_referred__fee-agreement,
        .case-applying__contact-info,
        .case-applying__response,
        .responses-details,
        .details-response
    )
    > h4 {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}
.case-applying__case-info > span {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
}
.case-applying__case-tip {
    width: 88%;
    color: #909090 !important;
}
.case-applying__case-tip > p {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #909090;
}

.inactivity_disclosure {
    background: white;
    border: 1px solid #ddd;
    border-left: 5px solid grey;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-top: 30px;
    padding: 20px 30px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #444;
    display: flex;
    gap: 20px;
}

.inactivity_disclosure_heading {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.inactivity_disclosure_text {
    font-size: 16px;
    line-height: 1.6;
    text-align: left;
}

.details__inputs label {
    display: block;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}
.details__inputs input {
    display: block;
    width: 100%;
    color: #909090;
}
button.submit-case {
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;

    padding-inline: 7.5px;
    padding-block: 10px;
    color: white;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

/* ------------------------------------[My Posts]---------------------------------------*/
.post-status > span {
    line-height: 38px;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
}
.post-status__list {
    max-width: 525px;
    width: 100%;
    display: inline-flex;
    list-style: none;
    justify-content: space-around;
    align-items: center;
    background: #f3f3f3;
    border-radius: 6px;
    height: 38px;
    line-height: 38px;
}
.post-status__list li {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    /* line-height: 22px; */
    letter-spacing: 0em;
    text-align: left;
    color: #1c3140;
}
.post-status pre.note {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
}
.post-status p.note {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
}

.post-status__list .post-status-active {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: left;
    color: #1c3140;
    border-bottom: 2px solid #1c3140;
}
form.success-referred__percent-form {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.w-49 {
    width: 48%;
}

.fee-agreement__drag-drop {
    height: 130px;
    border: 2px solid #585050;
    border-style: dashed;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1));
    border-radius: 6px;
    cursor: -webkit-grab;
    cursor: grab;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.success_referred__fee-agreement .save-update-btn {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;

    padding: 8.5px 27.5px;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    color: white;
}

.success-referred input[type="radio"] {
    margin-right: 20px;
}
.success-referred input[type="radio"] + label {
    margin-right: 34px;
}

.lead-post-spanning-notes > span:first-of-type {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #3c3c3c;
    margin-right: 4px;
}
.lead-post-spanning-notes > span:last-of-type {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090;
}

address.lead-contact-info .contact-labels {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    font-style: normal;
    margin-right: 12px;
}
address.lead-contact-info .contact-dynamics,
.fee-percent__agree-files > p {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    font-style: normal;
    color: #909090;
}

.case-applying__update-btn {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    /* line-height: 21px; */
    letter-spacing: 0em;
    text-align: center;

    padding: 8.5px 8px;
    color: white;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}
img.inverted-angle-down {
    filter: invert(1);
}
.case-list__drop-down {
    width: 186px;
    height: auto;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 12px;

    position: absolute;
    right: 5%;
    top: 6%;
}
.case-list__drop-down li > img {
    margin-left: 20px;
    margin-right: 14px;
}
.case-list__drop-down li > span {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}
.case-list__drop-down li:hover {
    cursor: pointer;
}
.case__case-applying > li > img {
    cursor: pointer;
}
.delete-post-lightbox {
    width: 384px;
    height: 207px;
    background: #ffffff;
    border-radius: 6px;
    padding-inline: 40px 30px;
}
.delete-post-lightbox h4 {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;

    padding-top: 30px;
}
.delete-post-lightbox p {
    color: #262424;
    margin-block: 10px 53px;
}
.delete-post-lightbox button.delete-btn {
    width: 144px;
    height: 38px;
    background-color: #1c3140;
    border-radius: 6px;
    transform: rotate(0.27deg);
    color: white;
}
.delete-post-lightbox button.cancel-btn {
    width: 144px;
    height: 38px;
    background-color: white;
    border-radius: 6px;
    transform: rotate(0.27deg);
    color: #000000;
    border: 1px solid #262424;
}
.response-box {
    width: 100%;
    padding-inline: 30px 28px;
    padding-block: 21px 16px;
    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;

    margin-bottom: 10px;
}
.responses-profile {
    margin-bottom: 15px;
}
.responses-profile .profile-img {
    height: 46px;
    width: 46px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.responses-profile .profile-namemail {
    display: inline-block;
}
.profile-namemail .name {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: "#1C3140";
    text-decoration: underline;
    margin-bottom: 2px;
}
.profile-namemail .email {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090;
}
.responses-referral__fee > span:first-of-type {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #3c3c3c;
}
.responses-referral__fee > span:last-of-type {
    font-family: "Inter";
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;

    color: #909090;
}

.responses-details > p {
    height: 44.18px;
    width: 100%;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}
.responses-date .view {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    text-decoration: underline;
    color: #5b8dd7;
}
.responses-date .date {
    font-family: "Inter";
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090;
    float: right;
}
.responses-profile__msg-btn {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;

    color: white;
    width: 117px;
    padding: 8.5px 22.5px;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    float: right;
}
.responses-profile__msg-btn:hover {
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-5px);
    transition: transform 500ms;
    cursor: pointer;
}

/* ------------------------------------[Empty - No Leads Updates]---------------------------------------*/

.leads_body__case-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 600px;
}

/* ------------------------------------[Empty - Lead Posts {Successful} ]---------------------------------------*/
.case-applying__fee-percentage > h6,
.fee-percent__agree-files > span.agree {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}
.fee-percent__txt > span {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}
.fee-percent__applied > div {
    display: flex;
    max-width: 265px;
    justify-content: space-between;
    align-items: center;
}
:is(.details-response-block, .details-refferal-fee, .details-response-block)
    > h4 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}
:is(.details-response-block, .details-refferal-fee) > p {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

/* ------------------------------------------[ Post Lead Creation ]----------------------------------------------------------- */

.post-creation-details input[type="text"] {
    width: 100%;
}
:is(
        .case-title,
        .language,
        .case-loc,
        .fee-to-accept,
        .referral-relation,
        .details,
        .owner_attachment,
        .lead-name,
        .lead-phone,
        .lead-email,
        .where_to_put_lead,
        .created-by-box,
        .intake-date-box,
        .willingness,
        .contact-name-box div.first-name-box,
        .contact-name-box div.last-name-box,
        .contact-detail-address-box div.city-box,
        .contact-detail-address-box div.country-box,
        .contact-detail-address-box div.state-box,
        .query_referred_to_you,
        .practice-area
    )
    > label,
label.marketing_source,
label.lead_status,
div.postal-box,
p.keywordSearchByNameLabel {
    margin-bottom: 5px;
    display: block;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}
.lead-contact-information label {
    display: block;
}
:is(.lead-contact-information, .settings) input {
    width: 100%;
}

input [type="text"] {
    color: #5b5b5b;
}

:is(.post-creation-details, .lead-contact-information) div.info-fields {
    color: #262424;
    height: 40px;
    line-height: 40px;
    padding-inline: 1rem;
}

.lead-contact-note {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
    text-align: justify;
}
label.refer-fee-split {
    margin-right: 42px;
}
/* ------------------------------------ [Settings ]---------------------------------------------------------- */

:is(
        .setting-update-pswrd,
        .two-factor-auth,
        .browser-sessions,
        .delete-account,
        .settings-payment-head,
        .payment-history_head-anchor
    )
    > h3 {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 23.22px;
    letter-spacing: 0em;
}
:is(.setting-update-pswrd) > p,
.font-416 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}

.grey-sixOne {
    color: #262424;
}
.profile-body main.tabbed-content > section.setting-section {
    padding-right: 15.5%;
}
.two-factor-auth button.enable-btn {
    padding: 8px 31px;
    background-color: #1c3140;
    color: white;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 6px;
}

.mb-5px {
    margin-bottom: 5px;
}
.browser-sessions .log-out-sessions-btn {
    padding: 8px 18.5px;
    background-color: #1c3140;
    color: white;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 6px;
}
.session-radio-label {
    margin-left: 5px;
}
.setting-section article.delete-account {
    margin-bottom: 100px;
}

.delete-account .settings-dlt-account-btn {
    padding: 8px 18.5px;
    background-color: #ef0f1c;
    color: white;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 6px;
}
.clr-61 {
    color: #262424;
}
.two-factor-auth-active .QR-code {
    background-color: #f8f8f8;
}
.QR-code > p {
    max-width: 44%;
    padding: 15px 20px 15px 20px;

    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;

    color: #5b5b5b;
}
.QR-btns button:first-of-type {
    padding: 8px 19.5px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    border: 1px solid #5b5b5b;
    color: #000000;
    background: white;
    border-radius: 6px;
}
.QR-btns button:last-of-type {
    padding: 8px 28.5px;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    color: white;
}
.two-factor-auth-active > p {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
}

.lightbox-btns {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    border-radius: 6px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.btn-bg-transparent {
    border: 2px solid #f3f3f3;
}

.enable-auth-litbox-btns > button:last-of-type {
    background-color: #1c3140;
    transform: rotate(0.27deg);
    color: white;
}
.enable-auth-litbox-btns {
    display: flex;
    justify-content: space-between;
}

.enable-auth-litbox {
    padding: 28px 40px;
}
.enable-auth-litbox > p {
    text-align: left;
}
.enable-auth-litbox-form > label {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}
#case-response-successful-two,
#case-response-successful-three {
    max-width: 520px;
}
/* ----- Custom Workarounds ----- */
.btn-paddings {
    padding: var(--custom-paddings);
}
.para-margins {
    margin: var(--custom-margins);
}

/* Experience edit Form -- Refactoring Needed */
:is(.dates) .start-date,
.end-date {
    display: inline-block;
}

.dates > input {
    display: inline-block;
    width: 38%;
}
.edit-exp-form-dates-fieldset {
    width: 100%;
    display: block;
}
.edit-exp-form-dates-fieldset .dates {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.dates input {
    max-width: 237px;
    width: 100%;
}
.exp-done-btn {
    width: 117px;
    max-width: 100%;
}
#content-fourth {
    position: relative;
}
#content-fourth > .modification-box ul.crud-options {
    right: 3%;
    top: 7%;
}
.profile-options li > img {
    height: 25px;
    width: 25px;
}
.profile-options li > img.logout-icon {
    filter: invert();
}

.logout-form {
    width: 384px;
    top: 70%;
    right: 12.5%;

    padding-inline: 37px;
    max-width: 100%;
    position: absolute;

    z-index: 1;
    background-color: white;
    font-family: "Inter";
    border-radius: 6px;
}
/* .modification-box{
    position: relative;
} */

.logout-form > .reg-form-inner-wrapper {
    max-width: 384px;
}
.logout-form > .reg-form-inner-wrapper > h3 {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}
.logout-form .reg-form-inner-wrapper > p {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
}
.cancel-or-logout-btns {
    display: flex;
    justify-content: space-between;
}
.cancel-or-logout-btns button {
    width: 144px;
    height: 38px;

    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;

    border-radius: 6px;
    transform: rotate(0.27deg);
}

.cancel-or-logout-btns .cancel-logout {
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1));
    border: 1px solid #5b5b5b;
    color: #000000;
}
.cancel-or-logout-btns .logout-btn {
    background: #1c3140;
    border-radius: 6px;
    transform: rotate(0.27deg);
}

/* Single Leads */
.case__single-lead {
    width: 100%;
}
.case__single-lead .single-lead-inner {
    max-width: 635px;
}

/* Range Slider */

.wrunner__divisions_theme_default.wrunner__divisions {
    display: none;
}
.wrunner__pathPassed_theme_default.wrunner__pathPassed {
    background-color: #1c3140;
}
.wrunner__handle_theme_default.wrunner__handle {
    background: #1c3140;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-radius: 100%;
}
.wrunner__valueNote_theme_default.wrunner__valueNote {
    top: 2rem;
    background-color: transparent;
    color: #3c3c3c;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}
.wrunner__valueNote_theme_default.wrunner__valueNote_direction_horizontal::after {
    border: none;
}
.wrunner__handle_theme_default.wrunner__handle:hover,
.wrunner__handle_theme_default.wrunner__handle:active {
    background-color: #1c3140;
}
.wrunner__valueNote_theme_default.wrunner__valueNote::after {
    content: "%";
    display: contents;
}
.wrunner__path_theme_default.wrunner__path_direction_horizontal {
    top: 1.1rem;
}
.negotiation_checkbox {
    border-radius: 2px;
}
input.negotiation_checkbox {
    margin-right: 10px;
    accent-color: white;
    color: #1c3140;
    vertical-align: middle;
}
input.negotiation_checkbox:checked:hover,
input.negotiation_checkbox:checked:focus,
input.negotiation_checkbox:not(:checked):hover,
input.negotiation_checkbox:not(:checked):focus {
    box-shadow: none;
}
.fee-to-accept__negotiation {
    margin-bottom: 22px;
}

/* Message Modules */
.msg-modal {
    max-width: 820px;
    min-width: 300px;
    margin-inline: 20px;
    width: 100%;
    height: 420px;

    padding-block: 14px 20px;
    background: #ffffff;
    border-radius: 6px;
}

.msg-modal__header {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #bebebe;
    align-items: center;
    padding-bottom: 15px;
}
.msg-modal__body {
    display: flex;
    padding-inline: 20px;
}
.msg-modal__body .body__profile {
    width: 34%;
    margin-top: 48px;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.msg-modal__header :is(h3, img) {
    padding-inline: 20px;
}

.msg-modal__header > img:hover {
    cursor: pointer;
    transform: scale(1);
    transition: transform 300ms;
}
.msg-modal__body .body__msg-box {
    width: 66%;
}

ul.profile__attributes li {
    list-style-type: disc;
    list-style-position: inside;

    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}
ul.profile__attributes {
    margin-top: 13px;
    display: block;
    width: 100%;
    padding-left: 28%;
}
ul.profile__attributes li::marker {
    font-size: 14px;
    line-height: 0.5rem;
    border-radius: 100%;
    color: #d9d9d9;
}
.profile__user-img {
    height: 80px;
    width: 80px;
    border-radius: 100%;
}
.profile__msg-sender-name {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #1c3140;
}
.body__profile > hr {
    border-top-width: 0.5px;
    width: 45%;
    margin: 0 auto;
}
.body__msg-box {
    max-width: 615px;
    height: 250px;
    background: #f8f8f8;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-top: 21px;
}
.body__msg-box textarea {
    background: #f8f8f8;
    width: 100%;
    height: 188px;
    outline: none;
    border: none;
    resize: none;
}
.body__msg-box textarea:focus,
.body__msg-box textarea:hover,
.body__msg-box textarea:focus,
.body__msg-box textarea:active {
    border: none;
    outline: none;
    box-shadow: none;
}
.msg-box__footer {
    padding-block: 17px;
    padding-inline: 20px 17px;
    border-top: 1px solid #bebebe;
    display: flex;
    justify-content: space-between;
}
.msg-box__attachments {
    display: inline-flex;
    width: 10%;
    justify-content: space-between;
}

.msg-modal__footer {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    padding: 9.8px;
}
.msg-modal__header > h3 {
    font-family: "Inter";
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}
.body__msg-box textarea::-moz-placeholder {
    color: #d9d9d9;
}
.body__msg-box textarea::placeholder {
    color: #d9d9d9;
}
.body__msg-box textarea {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;

    color: #494848;

    padding-inline: 20px;
    padding-block: 12px;
}
.msg-modal__footer:hover {
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5);
    /* transform: translateY(-5px); */
    transition: box-shadow 500ms;
    cursor: pointer;
}
/* .msg-modal__footer:hover>img{
    animation: messageIcon 2s  ease-out infinite;

}
@keyframes messageIcon {
    0%{
        transform: translate3d(8px, -10px, 0px);
        transition: transform 200ms;
    }
    50%{

        transform: translate3d(4px, -5px, 0px);
        transition: transform 200ms;

    }
    100%{
        transform: translate3d(-10px, 9px, 0px);
        transition: transform 200ms;

    }
} */

/* ------------------------------Inbox-------------------------------------- */

.inbox-page-body {
    background-color: #f5f5f5;
}

section.inbox {
    margin-top: 100px;
    margin-bottom: 150px;
    max-width: 1212px;
    position: relative;
    width: 100%;
    margin-inline: auto;
    padding-inline: 1rem;
}
.inbox__fixed-header {
    width: 100%;
    padding-inline: 21px;
    padding-block: 13.5px;
    background-color: #1c3140;
    border-radius: 6px 6px 0px 0px;
}
.inbox__fixed-header h2 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
}
.inbox__msg-list {
    width: 100%;
    background: #ffffff;
    height: 717px;
    overflow-y: auto;
}
.inbox__msg-box {
    padding: 19px 51px 22px 20px;
    max-width: 1171px;
    width: 100%;
    margin-inline: auto;
    margin-block: 25px 25px;
    background-color: #f8f8f8;
    border-radius: 6px;
    height: 195px;

    display: inline-flex;
    gap: 38px;
}

.inbox__body {
    height: auto;
    display: flex;
    flex-direction: column;
}
.inbox__empty {
    width: 100%;
    background: #ffffff;
    height: 548px;
    overflow-y: auto;
    align-self: center;
    align-items: center;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.empty__no-msg {
    font-family: "Inter";
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;

    margin-block: 13px 14px;
    color: #a8a8a8;
}

.empty__convo-appear {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    color: #5b5b5b;
}

.inbox__msg-sender-img {
    height: 106px;
    width: 106px;
}
.inbox__msg-sender-img > img {
    height: 106px;
    width: 106px;
    border-radius: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: unset;
}

.inbox__leads-list > ul > li::marker {
    color: #d9d9d9;
}
.inbox__leads > li {
    list-style-type: disc;
    list-style-position: inside;

    font-family: "Inter";
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #494848;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.inbox__leads-list > h4 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #1c3140;
}
.inbox__leads-list > .inbox__nmbr-of-leads {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090;
}

.leads__view-more {
    margin-top: 12px;
    font-weight: bold;
    color: #494848;
    font: "Inter";
    font-size: 14px;
}
.inbox__leads > li:nth-of-type(1) {
    max-width: 930px;
    width: 100%;
}
.inbox__leads > li:nth-of-type(2) {
    max-width: 666px;
    width: 100%;
}
.inbox__leads > li:nth-of-type(3) {
    max-width: 774px;
    width: 100%;
}
.inbox__leads > li:nth-of-type(4) {
    max-width: 504px;
    width: 100%;
}

/* ----------------------------------------------Chats------------------------------------ */

.chat-body {
    height: 543px;
    max-width: 1212px;
    width: 100%;
    display: flex;
    background-color: #ffffff;
}
.leads {
    max-width: 25.1%;
    width: 100%;
}
.about-lead {
    max-width: 24.2%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.chats {
    max-width: 50.8%;
    width: 100%;
}
.chats__msgs {
    width: 100%;
    height: 483px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    position: relative;
}
.chat-body h2.sect-desc {
    border-bottom: 1px solid #e4e4e4;

    padding-inline: 20px;
    padding-block: 22px 21px;

    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
}
.chat__leads-text {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #1c3140;

    max-width: 100%;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* .chat__leads li{

} */

.msg__lead-profile-pic > img {
    height: 48px;
    width: 48px;
    border-radius: 100%;
    max-width: unset;
}
.msg__lead-profile-pic {
    vertical-align: top;
    width: 48px;
}

/* Little hack for removing extra space between inline divs */
.msg__sent-by-lead {
    font-size: 0rem;
    display: inline-flex;
    gap: 19px;
}
.msg__sent-by-lead div {
    font-size: 1rem;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
        sans-serif;
}

.msg__lead-msg-box {
    padding: 15px 17px 13px 16px;
    max-width: 428px;
    /* max-width: 444px; */
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    background: #f2f5fa;
    border-radius: 6px;
    display: inline-block;
    vertical-align: top;
}
.msg__lead-msg-box p {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #494848;
    word-wrap: break-word;
}

.msg-box__lead-name h2 {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
    color: #1c3140;

    margin-bottom: 15px;
}
.msgs__top-wrapper-left {
    padding-left: 20px;
    padding-top: 16px;
    padding-right: 86px;
    padding-bottom: 29px;
}
.msgs__top-wrapper-right {
    padding-right: 20px;
    padding-top: 16px;
    padding-left: 86px;
    padding-bottom: 29px;
}
.chat__leads {
    overflow-y: auto;
    max-height: 484px;
}

.chats__msgs-inner-wrap {
    max-height: 315px;
    overflow-y: auto;
}

.msg__lead-sending-time p {
    text-align: right;
    margin-top: 3px;
    font-family: "Inter";
    font-size: 10px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
}

.chat__leads::-webkit-scrollbar,
.chats__msgs-inner-wrap::-webkit-scrollbar {
    width: 11px;
    background: #f5f5f5;
}
.msgs__top-wrapper-right .msg__lead-profile-pic {
    margin-left: 19px;
    margin-right: 0px;
}

.msgs__top-wrapper-right .msg__lead-sending-time p {
    margin-right: 5.2rem;
}
.msgs__top-wrapper-left .msg__lead-sending-time p {
    margin-left: 4.2rem;
    text-align: left;
    margin-right: unset;
}
.input-msg-wrap {
    max-width: 602px;
    width: 100%;
    padding-inline: 27px 26px;
    margin-inline: auto;

    position: absolute;
    bottom: 1rem;

    display: inline-flex;
    gap: 10px;
}
.input-msg-wrap input {
    max-width: 489px;
    width: 100%;
    padding-block: 13px;
    padding-inline: 20px 4rem;
}
.input-msg-wrap input::-moz-placeholder {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #5b5b5b;
}
.input-msg-wrap input::placeholder {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #5b5b5b;
}

.inbox-input__attachments {
    display: inline-flex;
    width: 10%;
    justify-content: space-between;
    position: absolute;
    right: 6.6rem;
    max-width: 45px;
    height: 48px;
    align-items: center;
}
.inbox-input__attachments > img {
    cursor: pointer;
}

.input-msg-wrap > .msg-modal__footer {
    padding: 14px;
    display: inline-block;
    margin: 0px;
}

.fixed-header__profile-view {
    display: inline-flex;
    max-width: 182px;
    width: 100%;
    margin-block: 7px;
    margin-right: auto;
}
.fixed-header__profile-view > img {
    width: 33px;
    height: 33px;
    border-radius: 100%;
    margin-right: 7px;
}
.inbox__name-status h2 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
}
.inbox__name-status p {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
}

.inbox__user-active {
    height: 9px;
    width: 9px;
    background-color: #1dbf73;
    border-radius: 100%;
    margin-left: 7px;
}
section.chats-screen .inbox__fixed-header {
    padding-block: 0px;
    display: flex;
}

.msg-box__img-sent-struct-right > img.inbox__img-sent,
.msg-box__img-sent-struct-left > img.inbox__img-sent {
    border-radius: 6px;
    max-width: 276px;
    width: 100%;
    max-height: 287px;
    height: auto;
}
.inbox-image-sending {
    max-width: 309px;
    width: 100%;
}
.img-case__top-wrapper-right {
    text-align: right;
}
.img-case__top-wrapper-left {
    text-align: left;
}
.msg-box__img-sent-struct-right {
    float: right;
}
.msg-box__img-sent-struct-left {
    float: left;
}
.msg__img-case-timing > p {
    margin-right: 7.4rem;
}
.lead-details-lists__single {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
.inbox__lead-details {
    margin: 20px auto 16px auto;
    max-width: 245px;
}
.single-list__props {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}
.single-list__props-values {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: right;
    color: #252525;
}

.inbox__lead-details > h2 {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #1c3140;
}
.inbox__lead-details-lists {
    margin-top: 14px;
    margin-bottom: 18px;
}

.inbox__lead-title-id {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lead-details__details h4 {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #252525;
    margin-bottom: 5.6px;
}

.lead-details__details {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;

    color: #909090;
}
article.msg__clip {
    max-width: 223px;
    padding: 23px 17px 21px 24px;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    position: absolute;
    top: -11rem;
    right: 5.5rem;
    transition: all 0.5s;
}
article.msg__clip span {
    display: inline-block;
}
article.msg__clip img {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-right: 16px;
}
article.msg__clip .img__and__video {
    margin-bottom: 26px;
}
article.msg__clip .document {
    margin-bottom: 21.5px;
}
article.msg__clip > .document > img {
    margin-right: 22px;
}
article.msg__clip > div {
    cursor: pointer;
}

.select-attorney {
    font-family: "Inter";
    max-width: 162px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    color: white;
    text-align: center;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 11.5px 9px;
    margin-top: 20px;
}

.attorney-appointed {
    margin-top: 20px;
}
.attorney-appointed > p {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.email-A-to-C,
.email-C-to-A {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;

    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.email-A-to-C {
    margin-bottom: 10px;
}
:is(.email-A-to-C, .email-C-to-A) > button {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: right;
    background-color: #1c3140;
    color: white;
    padding: 5.5px 8.5px;
}
video.lead-msg-box__video {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.chat__leads-text-wrapper {
    padding: 19px 29px 19px 20px;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;
}
.back-leads {
    position: relative;
    top: 6rem;
    max-width: 86%;
    margin-inline: auto;
    font-weight: 600;
    text-decoration: underline;
}
.back-leads a::before {
    content: "\02190";
    text-indent: 10px;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    border-color: 1px solid black;
}
.client-info-shared {
    max-width: 374px;
}
.msg-box__client-info-shared {
    max-width: 394px;
    width: 100%;
    border: 1px solid #e4e4e4;
    padding: 20px;
    border-radius: 6px;
}
.msg-box__client-info-shared > h3 {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}
.client-info-shared > p,
.client-info-shared > span {
    width: 50%;
}
.attr__client-info-shared,
.values__client-info-shared {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}
.attr__client-info-shared {
    color: #3c3c3c;
}
.values__client-info-shared {
    color: #9e9e9e;
}
.client-info-shared {
    margin-bottom: 11px;
}
.client-info-shared:first-of-type {
    margin-top: 13px;
}
.client-info-shared:last-of-type {
    margin-bottom: 0px;
}
.lead-details__details-para {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lead-details__details-para + a {
    color: #5b8dd7;
    text-decoration: underline;
    font-family: "Inter";
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
}
.dropdown-check-list.visible > .anchor::after {
    transform: translateY(6px) rotate(45deg);
    transition: transform 400ms;
}
.case__case-applying__mobile {
    width: 100%;
    padding-inline: 40px 35px;
    padding-block: 35px 17px;
    margin-left: 4px;
    background-color: #ffffff;
    max-height: 885px;
    overflow-y: auto;
}
.case__case-applying__mobile > h3 {
    font-weight: 600;
}
.back-inbox {
    display: none;
}
.inbox__msg-box {
    position: relative;
}

/* ----------------------------------------------Settings [Payments]------------------------------------ */

.settings-payment-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.settings-payment-head > button {
    padding: 8.5px 16px;
    background-color: #1c3140;
    color: white;
}
.how-receive-funds {
    padding-inline: 18px 27px;
}
.how-receive-funds > p:first-of-type {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
    margin-top: 24px;
    margin-bottom: 10px;
}
.how-receive-funds > p:last-of-type {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #262424;
    margin-bottom: 18px;
}
.receive-funds-method > div > input {
    margin-left: 20px;
    margin-right: 10px;
}
.receive-funds__paypal {
    border-top: 1px solid #d5d5d5;
}
.receive-funds__paypal > img {
    height: 68px;
}
/* Debit or credit Card Payment */
.receive-funds__credit-debit > input:not(:checked) ~ .debit-credit-info {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transform: scale3d(0, 0, 0);
    transition: all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.receive-funds__credit-debit > input:checked ~ .debit-credit-info {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transform: scale3d(1, 1, 1);
    padding: 25px 19px 22px 20px;
    border-top: 1px solid #d5d5d5;
    margin-top: 23px;
}
/* Pay with Paypal*/
.receive-funds__paypal > input:not(:checked) ~ .paypal-info {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transform: scale3d(0, 0, 0);
    transition: all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.receive-funds__paypal > input:checked ~ .paypal-info {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transform: scale3d(1, 1, 1);
    padding: 25px 19px 22px 20px;
    border-top: 1px solid #d5d5d5;
}

.receive-funds__credit-debit input:not([type="radio"]) {
    background-color: white;
    width: 100%;
}
/* .debit-credit-info{padding: 25 19 22 20;} */
.debit-credit-info label {
    font-family: "Inter";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #3c3c3c;
}
.debit-credit-info__card-nmbr label {
    display: block;
}
.debit-credit-info__card-nmbr input {
    width: 100%;
    margin-top: 4.6px;
    margin-bottom: 14.6px;
}
.debit-credit-info__card-name {
    width: 100%;
    display: flex;
    gap: 9px;
}
.debit-credit-info__card-details {
    width: 100%;
    display: flex;
    gap: 9px;
}
.debit-credit-info__card-name div {
    width: 50%;
}
.debit-credit-info__card-details div {
    width: 50%;
}
:is(
        .card-name__first-name,
        .card-name__last-name,
        .card-details__expiry,
        .card-details__cvv
    )
    label {
    display: block;
}
.card-details__cvv label,
.card-details__expiry label {
    margin-bottom: 5px;
}

.card-details__expiry input {
    max-width: 47.5%;
}
.card-details__expiry input:first-of-type {
    margin-right: 7px;
}
.debit-credit-info__card-name input {
    margin-top: 5px;
    margin-bottom: 23px;
}
/* :is(.card-name__first-name,.card-name__last-name) input{width: 98%;} */
.debit-credit-info button.save-payment-info {
    padding: 8.5px 39px;
    background-color: #1c3140;
    margin-top: 27px;
    color: white;
}
.paypal-info > p:first-of-type {
    margin-top: 11px;
    margin-bottom: 23px;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
}
.paypal-info > a {
    padding: 8.5px 13px;
    background-color: #1c3140;
    color: white;
}
.payment-method-selection {
    margin-bottom: 1rem;
}
:is(.payment-saved-visa, .payment-saved-master):not(
        .modification-box ul.crud-options
    ) {
    position: relative;
    display: flex;
    padding: 16px 20px 18px 18px;
    align-items: center;
}
.payment-saved-card-info-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}
.payment-saved-methods__cards > div {
    border-bottom: 1px solid #d5d5d5;
}
.payment-saved-methods__cards > div:last-of-type {
    border-bottom: unset;
}
.payment-saved-methods {
    margin-bottom: 1rem;
}
.payment-saved-methods__cards span.methods__cards-visa-end {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
}
.payment-saved__trigerr {
    margin-left: auto;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 10px 0px 10px 10px;
}
.edit__debit-card-info input {
    background-color: white;
    width: 100%;
}
.edit__debit-card-info {
    padding-inline: 20px;
}
.edit__payment-info > h3 {
    padding: 24px 0 17px 20px;
    border-bottom: 1px solid #d5d5d5;
    margin-left: -20px;
    margin-right: -20px;
    font-family: "Inter";
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    color: #262424;
}
.edit__payment-info {
    margin-bottom: 26px;
}
.edit-payment-card h4 {
    color: #3c3c3c;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 24px;
}
.edit-payment-card {
    margin-bottom: 1rem;
}
.debit-credit-info button.save-changes {
    padding: 8.5px 10px;
    background-color: #1c3140;
    color: white;
    margin-right: 10px;
}
.debit-credit-info button.cancel-changes {
    padding: 9px 31.2px;
    background-color: white;
    color: #000000;
}

button.cancel-changes,
button.save-changes {
    margin-top: 25px;
    margin-bottom: 78px;
}
.view-payment-history__anchor,
.close-payment-history__anchor {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 24px;
    text-decoration: underline;
    display: flex;
    justify-content: end;
}
.no-payment-history {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 316px;
    margin-top: 10px;
}
.no-payment-history > p {
    font-family: "Inter";
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 17px;
    color: #a8a8a8;
}

#view-payment-history {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transform: scale3d(0, 0, 0);
    transition: all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
#view-payment-history:target {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transform: scale3d(1, 1, 1);
}
.payment-history_head-anchor {
    display: flex;
    justify-content: space-between;
}
.payment-history_head-anchor a {
    margin-top: 0px;
}
.payment-history_head-anchor {
    margin: 24px auto 25px auto;
}
.payment-table-wrapper thead {
    border-bottom: 1px solid #d5d5d5;
    height: 66px;
}

.payment-history_head-anchor p {
}
.payment-table-wrapper table {
    table-layout: fixed;
    width: 100%;
}

.payment-table-wrapper .date {
    width: 82px;
}
.payment-table-wrapper .desc {
    width: 254px;
}
.payment-table-wrapper .amount {
    width: 110px;
}
.payment-table-wrapper .ref {
    width: 102.5px;
}
.payment-table-wrapper tr td:nth-child(2),
td:nth-child(4) {
    font-family: "Inter";
    font-size: 10px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    padding: 0 9.5px 0 9.5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.payment-table-wrapper tr td:nth-child(3),
.payment-table-wrapper tr td:last-of-type {
    font-family: "Inter";
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
}
.payment-table-wrapper tr td:last-of-type {
    font-weight: 700;
    color: #3c3c3c;
}

.date-field {
    font-family: "Inter";
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: #3c3c3c;
}
.payment-table-wrapper td {
    border: 1px solid #d4d4d4;
    align-items: center;
    text-align: center;
    height: 40px;
}
.payment-table-wrapper td:last-of-type {
    border-right: transparent;
}
.payment-table-wrapper td:first-of-type {
    border-left: transparent;
}
.payment-table-wrapper tr:last-of-type td {
    border-bottom: transparent;
}

.payment-table-wrapper {
    overflow-x: auto;
}
.paypal {
    font-family: "Inter";
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.payment-saved-methods__cards img.card_brand_type {
    width: 50px;
    height: auto;
}

.mobile-chats-info__icon {
    height: 30px;
    width: 30px;
    filter: invert();
}
.mobile-chats-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* *{
    outline: 2px solid red;
} */

/* ----------------------------------- Responsive CSS ------------------------ */
@media only screen and (max-width: 1300px) {
    .profile-card {
        width: 95%;
        margin-inline: auto;
    }

    .preferences label.preference-labels {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    /* leads */
    .leads-body {
        margin-top: 8rem;
    }
    /* leads */
    .leads-filters .filter-by {
        width: 30%;
    }
    /* Chats */
    .inbox__lead-details {
        padding-inline: 10px;
    }
    /* Inbox */
    .inbox__leads-list {
        width: 90%;
    }
    /* .inbox__leads{width: 90%;}  */

    /* Settings */
    .debit-credit-info__card-details {
        flex-wrap: wrap;
    }
    .debit-credit-info__card-details div {
        width: 100%;
    }
}

@media only screen and (max-width: 1050px) {
    /* ---- User Edit Profile ---- */
    .name-field .edited-name-field:last-of-type {
        margin-top: 25px;
    }
    .name-field .edited-name-field {
        display: block;
        width: 100%;
    }
    /* ---- Chats ----- */

    .msgs__top-wrapper-left {
        padding-right: 19px;
    }
    .msgs__top-wrapper-right {
        padding-left: 30px;
    }
    /* Inbox */
    .inbox__leads-list {
        width: 80%;
    }

    .user-profile-name #last_name-error {
        left: 0 !important;
    }
    .phone-field #phone-error {
        top: 45px;
    }
}

@media only screen and (max-width: 990px) {
    .profile-body main.tabbed-content > section {
        padding-inline: 10%;
    }

    /* ---- Leads ----- */
    :is(.case-details, .case__case-applying) > h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .leads-body {
        margin-inline: 30px;
    }
    .case-details {
        padding-inline: 20px;
        padding-block: 12px 20px;
    }
    .case-details_location {
        margin-bottom: 12px;
    }
    .slider-items-desc {
        max-width: 80%;
    }
}

@media only screen and (max-width: 850px) {
    .name-field .edited-name-field {
        display: block;
        width: 100%;
    }
    .leads-filters .filter-by {
        width: 35%;
    }
}

@media only screen and (max-width: 768px) {
    .profile-body ul > li:not(.iti__country) {
        font-size: 14px;
    }
    .user-info .profile-pic img.user-img {
        width: 90px;
        height: 90px;
    }
    .user-info div > div:not(.iti__arrow, .iti__flag),
    .user-info div > input {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .profile-headers {
        font-size: 14px;
    }
    .profile-head .edit-btn {
        width: 100px;
    }
    /* Testing ...! */
    ul.header-profile-setup > .profile-leads {
        display: none;
    }
    .header .profile-options {
        justify-content: flex-end;
        width: 100%;
    }

    /* ---- User Edit Profile ---- */
    .contingency,
    .flat-fee,
    .hourly-rate,
    .if-yes {
        -moz-column-count: 1;
             column-count: 1;
        margin-bottom: 20px;
    }
    .if-yes .pref-p {
        line-height: 20px;
    }
    .preferences .pref-radio-group {
        margin-bottom: 0px;
    }
    select.edited-box-shadow {
        font-size: 14px;
        padding-right: 30px;
    }
    .case__case-applying {
        display: none;
    }
    .case__case-list {
        max-width: 100%;
    }
    .case-list_sticky-head {
        border-radius: 6px 6px 0px 0px;
    }
    /* leads */
    .leads-filters .filter-by {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .dropdown-check-list.visible .items {
        display: flex;
        flex-direction: column;
        max-width: 90%;
        width: 100%;
        border: 1px solid #2320232b;
    }
    .case-applying__case-tip {
        width: 100%;
    }

    ul.profile__attributes {
        padding-left: 0%;
        padding-right: 8%;
    }

    /* Chats */
    .chats,
    .about-lead {
        display: none;
    }
    .leads {
        max-width: 100%;
    }
    section.inbox {
        padding-inline: 1rem;
    }

    .chats-mobile {
        max-width: 100%;
        width: 100%;
    }
    .about-lead-mobile {
        max-width: 100%;
        width: 100%;
        height: 100%;
        /* overflow-y: auto; */
    }
    .chat-body[data-height="auto"] {
        height: auto;
        border-radius: 10px;
    }

    .input-msg-wrap,
    .inbox__lead-details {
        max-width: 100%;
    }
    .input-msg-wrap input {
        max-width: 620px;
    }
    .msg__lead-msg-box {
        max-width: 100%;
    }
    .msgs__top-wrapper-right .msg__lead-profile-pic {
        margin-left: unset;
    }
    .msg__sent-by-lead {
        width: 100%;
    }
    .msg-box__img-sent-struct-right > img.inbox__img-sent,
    .msg-box__img-sent-struct-left > img.inbox__img-sent {
        max-width: 430px;
    }

    .mobile-chats-info {
        display: inline-flex;
        margin-block: 0.55rem;
    }
    .mobile-chats-info__icon {
        height: 30px;
        width: 30px;
        filter: invert();
    }
    section.inbox {
        margin-top: 6rem;
        margin-bottom: 0rem;
    }
    .back-leads {
        top: 5rem;
    }
    .back-inbox {
        display: block;
    }

    /* Inbox */
    .inbox__msg-sender-img > img {
        width: 70px;
        height: 70px;
    }
    [data-responsive-hide="true"] {
        display: none;
    }
    .chat-body h2.sect-desc[data-responsive-sect-desc="chat-leads"] {
        padding-block: 15px 15px;
        border-radius: 6px 6px 0px 0px;
        background: #1c3140;
        color: white;
        padding-block: 13.5px;
    }

    .msg__lead-sending-time > .mobile {
        margin-right: 0px;
    }

    /* Settings */
    .settings-payment-head > button {
        width: 100%;
        margin-top: 0.5rem;
    }
    .debit-credit-info button.save-changes:first-of-type {
        width: 100%;
        margin-bottom: 15px;
    }
    button.cancel-changes {
        width: 100%;
        margin-top: 0%;
        margin-bottom: 30px;
    }
    .profile-pic .edit-pic-icon {
        height: 24px;
        right: 40%;
        width: 24px;
    }
    ul.mobile-case-list__drop-down {
        right: 0px !important;
        width: 125px !important;
        max-width: 200px !important;
        top: 45px !important;
        border: 1px solid #d9d6d6ad !important;
        box-shadow: unset;
    }
    ul.mobile-case-list__drop-down li {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    .profile-body main.tabbed-content > section.setting-section {
        padding-right: 10%;
    }
    .lead_listing_mobile .red-alert {
        right: -710px !important;
    }
}

@media only screen and (max-width: 576px) {
    #case-response-successful-two,
    #case-response-successful-three {
        margin-inline: 10px;
    }
    .enable-auth-litbox-btns > .btn-paddings {
        padding: 10px 15px;
        font-size: 2.8vw;
    }

    .w-95-percent {
        width: 90%;
    }
    .w-5-percent {
        width: 10%;
    }
    .leads-body {
        margin-top: 6rem;
    }

    .case-applying__specification .listing {
        justify-content: space-between;
    }
    :is(
            .listing,
            .success_referred__fee-agreement,
            .details-response-block,
            .details-refferal-fee
        )
        > p {
        text-align: right;
    }
    .details__inputs label {
        font-size: 14px;
        line-height: 20px;
    }
    .case-response-successful p,
    p.case-error,
    .two-factor-auth > h4,
    .enable-auth-litbox > h3 {
        font-size: 14px;
        line-height: 18px;
    }
    .msg-modal__body .body__profile {
        display: none;
    }
    .msg-modal__body .body__msg-box {
        width: 100%;
    }

    .msg-modal__footer {
        float: unset;
        margin: 20px;
    }
    .msg-modal__footer > img {
        margin: 0 auto;
    }
    /* Inbox */
    .inbox__msg-sender-img {
        position: absolute;
    }
    .inbox__msg-sender-img > img {
        height: 40px;
        width: 40px;
    }
    .inbox__msg-box {
        padding: 19px 30px 22px 20px;
        margin-left: 0px !important;
    }
    .inbox__leads-list {
        width: 100%;
    }
    .inbox__msg-box {
        margin-block: 25px 10px;
    }

    .inbox__user-name,
    .inbox__nmbr-of-leads {
        padding-left: 50px;
    }
    .card-details__expiry input {
        max-width: 100%;
    }
    .card-details__expiry input:first-of-type {
        margin-bottom: 7px;
    }
    .debit-credit-info__card-name div {
        width: 100%;
    }
    .debit-credit-info__card-name input:first-of-type {
        margin-bottom: 0%;
    }
    .debit-credit-info__card-name {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .edit__payment-info > h3 {
        font-size: 16px;
        padding-inline: 1rem;
    }
    .edit-payment-card h4 {
        font-size: 16px;
    }

    /* Settings */
    .receive-funds-method > div > input + span {
        font-size: 14px;
    }
    .how-receive-funds {
        padding-inline: 16px;
    }
    .how-receive-funds > p:first-of-type {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .profile-body ul > li:not(.iti__country) {
        padding-left: 15%;
    }
    .profile-body main.tabbed-content > section {
        padding-inline: 5%;
    }
    .user-info .profile-pic img.user-img {
        width: 70px;
        height: 70px;
    }
    .profile-head {
        height: 40px;
    }
    .profile-head .edit-btn {
        height: 30px;
        line-height: 30px;
    }
    .profile-body main.tabbed-content > section {
        margin-top: 30px;
    }
    .profile-body ul > li:first-of-type:not(.iti__country) {
        margin-top: 50px;
    }
    .profile-head .edit-btn {
        width: 70px;
    }
    div.education-history h4 {
        font-size: 14px;
    }
    .experience-box {
        padding: 10px 14px 10px 14px;
    }
    .practice-areas h3 {
        font-size: 14px;
    }
    .experience-box h4 {
        font-size: 14px;
    }
    .pref-q {
        font-size: 14px;
    }
    /* ---- User Edit Profile ---- */
    .preferences label.preference-labels {
        font-size: 0.8rem;
    }
    .selected-option .cancel-selected-icon {
        height: 10px;
        width: 10px;
    }
    .practice-areas span.selected-option,
    .about span.selected-option,
    .preferences span.selected-option {
        padding: 5px;
    }
    .if-yes-input {
        line-height: 0.5rem;
    }

    /* ---- Leads ----- */
    :is(.case-details, .case__case-applying) > h3 {
        font-size: 14px;
    }
    .leads-body > .leads-options {
        justify-content: space-between;
        gap: unset;
    }
    .leads-options > li > a {
        font-size: 16px;
    }
    .post-status__list .post-status-active {
        font-size: 16px;
    }
    .leads-options > li > a.active-lead-option {
        font-size: 16px;
    }
    .leads-body {
        margin-inline: 12px;
    }
    .leads-filters .post-lead-btn {
        padding-block: 6px;
        width: 106px;
    }
    .post-status__list li,
    .prenote,
    .case-details .loc-date,
    :is(.case-details_location, .case-details_date) > span:first-of-type {
        font-size: 14px;
    }
    :is(
            .case-title,
            .language,
            .case-loc,
            .fee-to-accept,
            .referral-relation,
            details,
            .lead-name,
            .lead-phone,
            .lead-email
        )
        > label,
    .practice-area > label {
        font-size: 14px;
    }
    .practice-area > label {
        display: block;
        margin-bottom: 5px;
    }
    :is(
            .case-title,
            .language,
            .case-loc,
            .fee-to-accept,
            .referral-relation,
            details,
            .lead-name,
            .lead-phone,
            .lead-email
        )
        > label {
        font-size: 14px;
    }
    :is(
            .setting-update-pswrd,
            .two-factor-auth,
            .browser-sessions,
            .delete-account
        )
        > h3 {
        font-size: 16px;
    }

    .session-details {
        display: inline-flex;
    }
    .browser-sessions .log-out-sessions-btn {
        font-size: 3vw;
    }
    .session-radio-label {
        font-size: 14px;
    }
    .profile-body main.tabbed-content > section.setting-section {
        padding-right: 5px;
    }
    .case-response-successful,
    .case-response-declined {
        margin-inline: 10px;
        min-width: 300px;
    }

    .two-factor-auth button.enable-btn {
        font-size: 3.5vw;
    }
    .profile-card {
        margin-bottom: 2rem;
    }

    /* Leads Mobile */
    .case-applying__specification li {
        line-height: 22px;
        font-size: 14px;
    }
    :is(
            .listing,
            .case-applying__details,
            .success_referred__fee-agreement,
            .details-response-block,
            .details-refferal-fee
        )
        > p {
        line-height: 22px;
        font-size: 14px;
    }

    /* Chats */
    .msg__lead-profile-pic {
        display: none;
    }
    .msgs__top-wrapper-right .msg__lead-sending-time p {
        margin-right: 0%;
    }

    .chat-body h2.sect-desc {
        padding-block: 15px 15px;
    }
    /* Settings */
    .payment-saved-methods__cards span.methods__cards-visa-end {
        font-size: 12px;
    }
    .payment-saved-methods__cards img.card_brand_type {
        width: 30px;
    }
    :is(
            .setting-update-pswrd,
            .two-factor-auth,
            .browser-sessions,
            .delete-account,
            .settings-payment-head,
            .payment-history_head-anchor
        )
        > h3 {
        font-size: 16px;
    }
    .profile-pic .edit-pic-icon {
        height: 20px;
        right: 36%;
        width: 20px;
    }
    ul.mobile-case-list__drop-down {
        right: 0px !important;
        width: 100px !important;
        max-width: 200px !important;
        top: 40px !important;
        border: 1px solid #d9d6d6ad !important;
        box-shadow: unset;
    }
    ul.mobile-case-list__drop-down li {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    ul.mobile-case-list__drop-down li img {
        margin-left: 0px !important;
        width: 14px;
        height: 14px !important;
    }
    ul.mobile-case-list__drop-down li span {
        font-size: 14px !important;
    }
    .lead_listing_mobile .red-alert {
        right: -370px !important;
    }
}
@media screen and (max-width: 375px) {
    .profile-body ul > li:not(.iti__country) {
        padding-left: 10%;
    }
    .enable-auth-litbox {
        padding: 28px 25px;
    }
    section.inbox {
        padding-inline: 0.5rem;
    }
    .lead_listing_mobile .red-alert {
        right: -335px !important;
    }
}
@media screen and (max-width: 320px) {
    .lead_listing_mobile .red-alert {
        right: -275px !important;
    }
}

@media screen and (max-width: 1000px) and (orientation: landscape) {
    .case__case-list {
        max-width: 100%;
    }
    .leads {
        max-width: 100%;
    }
}

@media screen and (orientation: landscape) {
    .chats-mobile {
        width: 100%;
    }
    .chats-mobile .msg__lead-msg-box {
        max-width: 100%;
    }
    .chats-mobile .msg__sent-by-lead {
        display: block;
    }
    .chats-mobile .msgs__top-wrapper-right .msg__lead-sending-time p {
        margin-right: 0%;
    }
    .chats-mobile .client-info-shared {
        max-width: 100%;
    }
    .chats-mobile .msg-box__client-info-shared {
        max-width: 100%;
    }

    .chats-mobile .client-info-shared > p {
        width: 30%;
    }
    .chats-mobile .client-info-shared > span {
        width: 70%;
    }
    .chats-mobile .input-msg-wrap {
        max-width: 100%;
    }
    .chats-mobile .input-msg-wrap .emojionearea {
        max-width: 100%;
    }
}

/* section.chats-screen .inbox__fixed-header{display: flex;}
.fixed-header__profile-view{margin-right: auto;} */

/* @media only screen and (max-width: 768px){

    .mobile-chats-info{
        Cancelled props
        inline-block & float
    }
} */

@media (max-width: 640px) {
    .outerBar {
        padding-bottom: 20px;
        flex-direction: column;
    }
    .riteBar {
        display: flex;
        justify-content: end;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }
    .riteBar .flex.filter-by-location.filter-by {
        width: 100%;
        margin-left: 0px !important;
        margin-top: 10px;
    }
    .leftBr input {
        width: 100%;
    }
    .leftBr {
        width: 100%;
    }
    .leftBr input::-moz-placeholder {
        color: #5b5b5b;
        font-size: 16px;
        font-weight: 500;
    }
    .leftBr input::placeholder {
        color: #5b5b5b;
        font-size: 16px;
        font-weight: 500;
    }
}
.view_contract_button_style {
    width: 145px;
    height: 45px;
    line-height: 45px;
    background: #1c3140;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
.Obcaecati quia odio {
    color: #1c3140;
    font-weight: 700;
    font-size: #1c3140;
    text-decoration: underline;
    margin-bottom: 15px;
}
.directory-text {
    color: #252525;
}
.directory-input-container {
    position: relative;
    min-width: 240px;
    width: 100%;
}
.directory-input {
    height: 40px;
    width: 100%;
    position: relative;
    border-radius: 6px;
    box-shadow: 0px 2px 2px 0px #0000001a;
    outline: none;
    border: none;
    max-width: 240px;
}
input.directory-input {
    color: #000 !important;
}
input.directory-input:focus {
    box-shadow: 0px 2px 2px 0px #0000001a;
    border: none;
}

.directory-input-ex {
    height: 40px;
    width: 100%;
    position: relative;
    border-radius: 6px;
    box-shadow: 0px 2px 2px 0px #0000001a;
    outline: none;
    border: none;
    max-width: 240px;
}
input.directory-input-ex:focus {
    box-shadow: 0px 2px 2px 0px #0000001a;
    border: none;
}

.select-container {
    max-width: 240px;
    width: 100%;
}
.select-container .nice-select {
    height: 40px;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0px 2px 2px 0px #0000001a;
    outline: none;
    border: none;
    max-width: 240px;
}
.select-container .nice-select .list {
    width: 100%;
}
.select-container .nice-select .current {
    font-size: 16px;
}
.input-fields-container {
    display: flex;
    gap: 10px;
    min-width: 300px;
    box-sizing: border-box;
}

button.invite-btn,
button.create-list-popup-btn {
    font-weight: 700;
    color: #fff;
    padding: 8px 8px;
    background: #1c3140;
    border-radius: 6px;
    width: 144.18px;
}
.input-button-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}
.directory-table-container {
    width: 70%;
    background: #ffff;
    overflow: auto;
    border-radius: 6px 0px 6px 6px;
}
.directory-social-parent {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; margin:
    12px 0; width: 100%;
    max-width: 100%;
}
.directory-social-child {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    padding: 2px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.directory-social-child:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.profile-detail-container {
    width: 30%;
    background: #fff;
    padding: 47px 22px;
    border-radius: 0px 6px 6px 6px;
}
.table-profile-container {
    display: flex;
    gap: 20px;
}

.directory-table-container table {
    width: 100%;
    overflow-y: auto;
    display: inline-block;
}

.directory-table-container table tr th {
    background: #1c3140;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    text-align: left;
    padding: 0 15px;
    border-bottom: 1px solid #dedede;
}

.directory-table-container table tr th:first-child {
    border-radius: 6px 0px 0px 0px;
}

table.myListTableContainer tr td:first-child {
    font-weight: 600;
}

.directory-table-container table tr td,
table.myListTableContainer tr td {
    height: 48px;
    font-size: 16px;
    color: #534343;
    padding: 0 15px;
    border-bottom: 1px solid #dedede;
    white-space: normal;
}
.directory-table-container table tr td:last-child {
    border-radius: 0px 6px 0px 0px;
}
.directory-profile-heading {
    color: #1c3140;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 9px;
}
.profile-detail-upper-container {
    display: flex;
    justify-content: space-between;
}
/* ----------------------------style modal------------------------------------- */

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, 0.5);
}

.modal.show {
    display: block;
}

.modal-dialog {
    position: relative;
    margin: 1.75rem auto;
    pointer-events: none;
    max-width: 896px;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: 0;
    height: 100%;
    overflow-y: auto;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.btn-close {
    /* padding: 0.75rem 1.25rem;
    margin: -1rem -1rem -1rem auto;
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    line-height: 1; */
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}
.invite-modal-body {
    padding: 49px 29px;
}
.popup-inputs-container {
    display: flex;
    gap: 15px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
button.cancel {
    width: 144px;
    height: 40px;
    border-radius: 6px;
    background: transparent;
    color: #000;
    border: 1px solid #b5b5b5;
    font-weight: 700;
}
button.send {
    width: 144px;
    height: 40px;
    border-radius: 6px;
    background: #1c3140;
    color: #fff;
    /* border: 1px solid #B5B5B5; */
    font-weight: 700;
}
.popup-button-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 15px 0;
}
/* -------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .input-fields-container {
        flex-wrap: wrap;
    }
    .table-profile-container {
        flex-direction: column-reverse;
    }
    .profile-detail-container {
        width: 100%;
    }
    .directory-table-container {
        width: 100%;
    }
}

.privateLeadShareAttorneyTable .flex-container,
#attorneyTable .flex-container,
table.myListTableContainer tr td.flex-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.privateLeadShareAttorneyTable .flex-container img,
#attorneyTable .flex-container img,
table.myListTableContainer tr td.flex-container {
    flex-shrink: 0;
    width: 37.3px;
    height: 37.3px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
.style-pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 25px;
    float: right;
}
.style-pagination li {
    margin: 0 5px;
    color: black;
}
.style-pagination a {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: black;
}
.style-pagination a.active {
    background-color: #1c3140;
    color: white;
    pointer-events: none;
}
.visibility-heading {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 600;
}
.check-box-label {
    color: #262424;
    font-size: 14px;
    cursor: pointer;
}
.public-text {
    color: #262424;
    font-size: 14px;
    font-weight: 500;
    text-align: justify;
}
.content-div {
    display: none;
}
/* ---------------------drop-down-------------- */
.dropdown {
    position: relative;
}

/* .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
  } */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #1c3140;
}
.dropdown-menu {
    border-radius: 12px;
    border: 1px solid #f8f8f8;
    box-shadow: 0px 2px 2px 0px #0000001a;
}
/* -----------row col--------- */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* .col-md-6 class */
.col-md-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

input.searchAttorneyByNameInput {
    width: 82.5%;
}

table.privateLeadShareAttorneyTable tr.step-item {
    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

table.privateLeadShareAttorneyTable tr td {
    border-bottom: 1px solid #e0e0e0;
    padding: 11px 11px 11px 1px;
}

.privateLeadWrapper {
    margin-bottom: 20px;
}

.member-search-result ul[id="searched_users"],
.privateLeadWrapper ul[id="searched_users"],
.share-list-select ul[id="searched_users"] {
    display: none;
    text-decoration: none;
    background: #fff;
    border-radius: 0 0 0 6px;
    border: 1px solid #e3e3e3;
    height: auto;
    overflow: auto;
    width: 55%;
    position: absolute;
    z-index: 1;
    margin-top: 10px;
    border-radius: 6px;
    max-height: 200px;
}

li.searchAttorneyList {
    margin: 0;
    padding: 4px 12px 4px 12px;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
}

li.searchAttorneyList:hover {
    background-color: #f8f8f8;
}

a#open-invite-popup {
    border-bottom: 1.5px solid #3c3c3c;
    cursor: pointer;
    font-weight: 600;
}

span.inviteAttorneyToPrivateLeadWrapper {
    padding: 9px 12px;
    font-size: 14px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #e3e3e3;
    border-radius: 0 0 0 6px;
}

/* Create Member List Popup */
.create-list-modal .modal-body.create-list-body {
    padding: 45px 30px;
}

.create-list-modal .modal-body.create-list-body h3 {
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #1c3140;
    margin-bottom: 22px;
}

.create-list-modal .modal-body.create-list-body p {
    margin-bottom: 45px;
    font-weight: 400;
    font-size: 15px;
    color: #252525;
    line-height: 25px;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-inputs-container {
    margin: unset;
    gap: unset;
    margin-bottom: 45px;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-inputs-container
    .case-title {
    margin-bottom: 45px;
    width: 100%;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-inputs-container
    .case-title
    input {
    width: 50%;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-inputs-container
    .table-profile-container,
.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    .table-profile-container {
    width: 100%;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-inputs-container
    .table-profile-container
    .directory-table-container,
.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    .table-profile-container
    .directory-table-container {
    width: 100%;
    display: block;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-inputs-container
    .table-profile-container
    .directory-table-container
    table,
.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    .table-profile-container
    .directory-table-container
    table {
    width: 100%;
    display: table;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-inputs-container
    .table-profile-container
    .directory-table-container
    table
    tr
    th:last-child {
    border-radius: 0px 6px 0px 0px;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    .table-profile-container {
    margin-bottom: 45px;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .addMoreBtnWrapper,
.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper {
    margin: 45px 0px;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .addMoreBtnWrapper
    a,
.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    a.addToListButton {
    font-weight: 700;
    color: #3c3c3c;
    font-size: 15px;
    cursor: pointer;
    border-bottom: 1.5px solid #3c3c3c;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    p.keywordSearchByNameLabel {
    margin: 22.5px 0px;
    color: #3c3c3c;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    input[name="keywordSearchByName"] {
    width: 50%;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .popup-button-container {
    margin: unset;
}
/* Create Member List Popup */

.list-accordion-wrapper.accordion-toggle.active {
    background-color: #ececec !important;
}

.accordion-content.active tr.member-list-tr:hover {
    background-color: #ececec !important;
}

.list-accordion-wrapper .arrow-button-td {
    width: 60px;
}

.list-accordion-wrapper .edit-button-td,
.list-accordion-wrapper .delete-button-td {
    width: 110px;
}

.list-accordion-wrapper .list-action-buttons {
    font-size: 16px;
    line-height: 20.64px;
    font-weight: 700;
    border-bottom: 1px solid #262424;
    color: #262424;
}

.list-btn-styles {
    padding: 5px;
    background-color: #b8b7c1;
    border: none;
    border-radius:5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

li.member-not-found-li {
    text-align: center;
}

.search-result-members-wrapper {
    margin-bottom: 45px;
}

.search-result-members-wrapper .directory-table-container {
    width: 100%;
}

.search-result-members-wrapper .directory-table-container table {
    display: table;
}

.create-list-modal
    .modal-body.create-list-body
    .user-customizable-list-form
    .add-more-to-list-wrapper
    a.addToListButton {
    cursor: default;
}

table.privateLeadShareAttorneyTable tr.members-transparent-background {
    background-color: transparent;
    border: transparent;
    box-shadow: none;
}

input[name="keywordSearchByName"].bg-img,
input.searchAttorneyByNameInput.bg-img {
    background-image: url("/img/search-01.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto;
}
/* ---------------------------------------- */

/* ----Attorney Dashboard---- */
.dashboard-wrapper {
    margin-bottom: 24px;
}

.dashboard-wrapper .container-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.dashboard-wrapper .container-row .box-card {
    background-color: #ffff;
    color: white;
    flex: 1 1 22%;
    min-width: 200px;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    box-sizing: border-box;
    height: 178px;
    display: flex;
    flex-direction: column;
    color: #1c3140;
}

.dashboard-wrapper .container-row .box-card .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.dashboard-wrapper .container-row .box-card .card-body .stats-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
}

.dashboard-wrapper
    .container-row
    .box-card
    .card-body
    select.filters-selection {
    background: #d9d9d9;
    font-size: 11px;
    color: #000;
    padding: 0px 5px;
    width: 100px;
    height: 23px;
    line-height: 13.2px;
    outline: none;
    font-weight: 500;
    border: 0px solid #d9d9d9;
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
}

.dashboard-wrapper .container-row .box-card .card-stats-val {
    font-size: 35px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
}

.dashboard-wrapper .container-row .box-card .card-footer {
    line-height: 21.78px;
    font-weight: 400;
    text-align: left;
    margin: 0px;
}

/* Skeleton Base Styles */
.skeleton-title,
.skeleton-select,
.skeleton-stats-val,
.skeleton-footer {
    background: #e0e0e0;
    border-radius: 6px;
    -webkit-animation: pulse 1.5s ease-in-out infinite;
            animation: pulse 1.5s ease-in-out infinite;
}

/* Specific Skeleton Sizes */
.skeleton-title {
    width: 35%;
    height: 22px;
    margin-bottom: 10px;
}

.skeleton-select {
    width: 35%;
    height: 22px;
}

.skeleton-stats-val {
    width: 35%;
    height: 90px;
    margin: 15px 0;
}

.skeleton-footer {
    width: 100%;
    height: 22px;
}

/* Pulsing Animation */
@-webkit-keyframes pulse {
    0% {
        background-color: #f0f0f0;
    }
    50% {
        background-color: #e0e0e0;
    }
    100% {
        background-color: #f0f0f0;
    }
}
@keyframes pulse {
    0% {
        background-color: #f0f0f0;
    }
    50% {
        background-color: #e0e0e0;
    }
    100% {
        background-color: #f0f0f0;
    }
}

.attorney-recent-leads-filter-by-type-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.attorney-recent-leads-filter-by-type-wrapper input[type="radio"]:hover,
.attorney-recent-leads-filter-by-type-wrapper label:hover {
    cursor: pointer;
}

.attorney-recent-leads-filter-by-type-wrapper input[type="radio"]:focus {
    box-shadow: 0px 0px 1px 2px #d5d5d5;
}

.attorney-recent-leads-filter-by-type-wrapper
    input[type="radio"]:checked
    + label {
    font-weight: 600;
}
/* ----Attorney Dashboard---- */

/* My List Posted Lead Section */
button.myListBtn {
    background-color: #1c3140;
    padding: 9px 18px;
    border-radius: 6px;
    color: white;
    margin-left: 10px;
}

button.myListBtn:active {
    background-color: #909090;
    color: #212529;
}

.directory-table-container table tfoot tr td {
    border-bottom: transparent;
}

button.addToMainBtn {
    color: #1c3140;
    font-weight: 600;
}

/* Toggle Listings */
.accordion-content {
    display: none;
}

.accordion-content.active {
    display: contents;
}

.accordion-toggle {
    cursor: pointer;
}

/* Default state for the icon */
.inverted-angle-down {
    transition: transform 400ms;
}

/* Rotate the icon when this class is added */
.rotate-icon {
    transform: rotate(180deg);
}

.searchAttorneyOptions {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.searchAttorneyOptions input {
    flex: 10;
    width: 75%;
    flex:unset !important;
}

.searchAttorneyOptions button {
    flex: 2;
}

.directory-table-container table.myListTable tbody {
    max-height: 250px;
    overflow: auto;
    display: block;
}

.directory-table-container table.myListTable tbody tr.accordion-toggle,
.directory-table-container table.myListTable tbody tr.accordion-content.active {
    width: 100%;
    display: table;
}

.counter_offer_box .counter_comments, .counter_offer_box .referralOffer, .counter_offer_box .referralOffer {
    border-radius: 6px;
}

.searchAttorneyOptions .searchAttorneyUl{
    width: 75% !important;
    margin-top: 50px !important
}

.warning-bg {
    background: #ffb40063 !important;
}

.success-bg {
    background: #007a0066 !important;
}
/* My List Posted Lead Section */

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}