/* _content/Cinch.Web/Pages/Care/AssessmentEditor.razor.rz.scp.css */
.e-signature {
    height: 300px !important;
    width: 100%;
    margin: 0;
    border: 1px solid;
    border-color: #dee2e6;
}
/* _content/Cinch.Web/Pages/Care/CarePlanEditor.razor.rz.scp.css */
.hor-bordered-tab .e-item.e-active {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 0px solid #ddd;
}


.hor-bordered-tab.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
    font-weight: 600;
    color: #19428a;
}

.vert-bordered-tab.e-tab .e-content {
    padding-left: 20px;
}

.vert-bordered-tab .e-item.e-active {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.vert-bordered-tab.e-tab .e-tab-header .e-toolbar-item {
    border-right: 1px solid #ffffff;
}

.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.e-ileft .e-tab-text {
    color: #19428a;
}

/*.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.cat-valid.e-ileft .e-tab-text {
    color: #067c5b;
}*/

.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.cat-invalid.e-ileft .e-tab-text {
    color: #8f9194;
}

.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active.e-ileft .e-tab-text {
    font-weight: 600;
}

/*.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.cat-valid.e-ileft .e-tab-text::after {
    font-family: unicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    padding-left: 5px;
    color: #067c5b;
}

.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.cat-valid.e-ileft .e-tab-text::after {
    content: '\e8d1';
}

.vert-bordered-tab.e-tab .e-tab-header.e-vertical .e-toolbar-item.cat-valid.no-tasks.e-ileft .e-tab-text::after {
    content: '\e8d2';
}*/

.e-tab .e-tab-header.e-vertical.e-vertical-left {
    max-width: 250px;
}

.bordered-tab .e-grid {
    margin-bottom: 30px;
}
/* _content/Cinch.Web/Pages/Care/ClientEditor.razor.rz.scp.css */
.modal-z {
    z-index: 3000;
}
/* _content/Cinch.Web/Pages/Configuration/OrganizationEditor.razor.rz.scp.css */

/* _content/Cinch.Web/Pages/Configuration/PermissionGroupEditor.razor.rz.scp.css */
div.capitalize-labels label {
    text-transform: capitalize;
    /*text-transform: capitalize;*/
    /*text-transform: uppercase;*/
}
/* _content/Cinch.Web/Pages/Personnel/UserAccountEditor.razor.rz.scp.css */
div.no-sliding-label {
    margin-top: 24px;
}
/* _content/Cinch.Web/Pages/Schedule/CaregiverSchedule.razor.rz.scp.css */
.e-acrdn-header .e-acrdn-header-content:hover {
    text-decoration: none !important;
}

ul.working-name {
    padding-left: 0;
    list-style: none
}

    ul.working-name li {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        padding-top: 10px;
    }

.schedule-options {
    display: flex;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 6px 1px;
}

.caregiver-header {
    width: 295px;
    display: flex;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

    .caregiver-header .actions {
        margin-right: -22px;
    }

    .caregiver-header:hover .caregiver-name {
        text-decoration: underline;
    }

    .caregiver-header .actions .btn.btn-primary {
        margin-right: 0;
    }

    .caregiver-header .actions .btn.btn-secondary {
        margin-left: 0;
    }


.e-schedule .e-vertical-view .e-time-cells-wrap table td,
.e-schedule .e-vertical-view .e-work-cells {
    height: 24px !important;
}

.conflict-content-area ul li {
    margin: 4px 0;
    background-color: whitesmoke;
}

.e-schedule .e-vertical-view .e-header-cells .e-header-date {
    font-size: 14px;
    display: inline;
}

.e-week-view td.e-resource-cells {
    height: 85px;
    vertical-align: bottom;
}

    .e-week-view td.e-resource-cells div.e-text-ellipsis {
        text-overflow: unset !important;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        overflow: visible;
        padding-left: 5px;
        text-align: end;
        line-height: 4em;
    }

.e-week-view .e-schedule .e-vertical-view .e-resource-cells {
    height: 120px !important
}

.top-border {
    border-top: 3px solid #000;
}

.e-schedule .e-vertical-view.e-week-view .cell-group {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-resource-cells.cell-group {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-work-cells.cell-group {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-header-cells.e-date-header {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-time-cells-wrap .e-time-slots {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-left-indent .e-schedule-table {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}
/* _content/Cinch.Web/Pages/Schedule/ClientSchedule.razor.rz.scp.css */
.conflict-flyout {
    position: absolute;
    top: 40%;
    right: -33px;
    background-color: red;
    color: white;
    padding: 4px 6px;
    cursor: pointer;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.e-schedule-table {
    overflow: visible;
}

.resource-name .point {
    padding-right: 2em;
    cursor: pointer;
}

.e-schedule .e-vertical-view .e-time-cells-wrap table td,
.e-schedule .e-vertical-view .e-work-cells {
    height: 24px !important;
}

.conflict-content-area ul li {
    margin: 4px 0;
    background-color: whitesmoke;
}

.e-schedule .e-vertical-view .e-header-cells {
    /*height: 51px;*/
    height: 40px;
}

    .e-schedule .e-vertical-view .e-header-cells.e-date-header {
        height: 40px;
    }

    .e-schedule .e-vertical-view .e-header-cells .e-header-date {
        font-size: 14px;
        display: inline;
    }

.e-week-view td.e-resource-cells {
    height: 85px;
    vertical-align: bottom;
}

.e-schedule .e-vertical-view.e-week-view .e-resource-cells {
    padding: 0px;
}


.e-week-view td.e-resource-cells div.e-text-ellipsis {
    text-overflow: unset !important;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    overflow: visible;
    padding-left: 5px;
    text-align: end;
    line-height: 4em;
}

.e-week-view .e-schedule .e-vertical-view .e-resource-cells {
    height: 120px !important
}

.schedule-options {
    display: flex;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 6px 1px;
}

.top-border {
    border-top: 3px solid #000;
}

.e-schedule .e-vertical-view.e-week-view .cell-group {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-resource-cells.cell-group {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-work-cells.cell-group {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-header-cells.e-date-header {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}

.e-schedule .e-vertical-view.e-week-view .e-time-cells-wrap .e-time-slots {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}


.e-schedule .e-vertical-view.e-week-view .e-left-indent .e-schedule-table {
    border-right: solid;
    border-right-color: #808080;
    border-right-width: thin;
}
/* _content/Cinch.Web/Shared/AlertModal.razor.rz.scp.css */
.alert-toast {
    display: none;
    z-index: 1;
    position: fixed;
    width: 25rem;
    top: 6rem;
    border-radius: .5rem;
    right: calc(50% - 13rem);
}

.alert-toast-visible {
    display: block;
    flex-direction: row;
    animation: fadein 1s;
    animation-fill-mode: forwards;
    z-index: 10010;
}

.alert-toast i {
    padding-bottom: 3px;
    padding-right: 7px;
}

.toast-body {
    padding-left: 25px;
}

.alert-toast.alert-danger {
    border-color: #96374a;
    border-width: 1px;
    border-style: solid;
}

.alert-danger .toast-header {
    background-color: #fedee5;
    color: #96374a;
}

.alert-toast.alert-success {
    border-color: #b6f1e0;
    border-width: 1px;
    border-style: solid;
}

.alert-success .toast-header {
    background-color: #cef5ea;
    color: #067c5b;
}

#target {
    max-height: 800px;
    height: 100%;
}
/* _content/Cinch.Web/Shared/BreadCrumb.razor.rz.scp.css */
.breadcrumb {
    padding: 3px 5px !important;
}

.breadcrumb-item.active {
    color: black;
    font-weight: bold;
}

    .breadcrumb-item.active a {
        font-weight: normal;
    }
/* _content/Cinch.Web/Shared/Layouts/BlankLayout.razor.rz.scp.css */
.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row a, .top-row .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

        .top-row a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.textarea-instruction:focus {
    outline: none !important;
    border-color: #19428a;
    box-shadow: 0 0 10px #19428a;
}

.textarea-instruction {
    border-color: #ccc;
    background: #fff;
    color: #555;
    padding: 4px 12px 4px 12px;
    height: auto;
    width: 100%;
    border-radius: 4px;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a, .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Cinch.Web/Shared/Layouts/MainLayout.razor.rz.scp.css */
.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row a, .top-row .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

        .top-row a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a, .top-row .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Cinch.Web/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand {
    font-size: 1.1rem;
}

.oi {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.loader-box {
    position: absolute;
    height: 100%;
    background: rgba(0,0,0,0.4);
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .loader-box .loader {
        border: 8px solid #d5d5f9;
        border-radius: 50%;
        border-top: 8px solid #565656;
        border-bottom: 8px solid #565656;
        width: 80px;
        height: 80px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

/*New Component CSS start*/

.e-schedule-dialog .e-event-delete {
    background: #dc3545;
    border: 0;
    color: #fff;
    padding: 7px 14px;
    font-size: 15px;
    border-radius: 0.25rem;
}

.e-schedule-dialog .e-event-save {
    background: #19428a;
    border: 0;
    color: #fff;
    padding: 7px 14px;
    font-size: 15px;
    border-radius: 0.25rem;
}

.e-schedule-dialog .e-event-cancel {
    background: grey;
    border: 0;
    color: #fff;
    padding: 7px 14px;
    font-size: 15px;
    border-radius: 0.25rem;
}

.event-modal .detail-area {
    background: #f7f7f7;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 20px;
}

.event-modal .user-pic {
    width: 100%;
    max-width: 106px;
    max-height: 104px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 7px;
}

.event-modal .right-area {
    padding-left: 20px;
    width: 400px;
}

.event-modal .dt-row {
    display: flex;
    align-items: center;
}

    .event-modal .dt-row img {
        margin-right: 10px;
    }

.event-modal .modal-dialog {
    max-width: 590px;
}

.event-modal .btn-box {
    display: flex;
    justify-content: end;
    gap: 15px;
}

    .event-modal .btn-box .btn {
        width: 100px;
        padding: 0.2rem 0.75rem;
        font-size: 14px;
        border-radius: 20px;
    }

    .event-modal .btn-box .btn-primary {
        color: #19428A;
        background-color: transparent;
        border-color: #19428A;
    }

    .event-modal .btn-box .btn-info {
        color: #33ACCF;
        background-color: transparent;
        border-color: #33ACCF;
    }

/*.e-dialog.e-lib.e-schedule-dialog.e-dlg-modal.e-popup.e-control.e-popup-open {
    width: 601px !important;
}*/

/*New Component CSS end*/

/******************tooltip start********************/
.cs-tooltip {
    /*width: 230px;
    position: absolute;
    left: 200px;
    top: 200px;*/
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    border-radius: 7px;
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.3);
}

    .cs-tooltip p.title {
        background: #19428A;
        margin: -5px -10px 3px -10px;
        padding: 3px 10px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        color: #fff;
    }

    .cs-tooltip p {
        margin-bottom: 0;
    }

        .cs-tooltip p .ft-1 {
            width: 44px;
            display: inline-block;
        }

.ct-area {
    position: relative;
}

.down-arrow {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 14px solid transparent;
    border-top: 12px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: -17px;
    left: 5px;
}

    .down-arrow span {
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 12px solid rgba(255, 255, 255, 1);
        position: absolute;
        bottom: 2px;
        left: -10px;
    }

/******************tooltip end********************/

.e-removecommand .e-unboundcell .e-unboundcelldiv button {
    display: none;
}

td.e-attr {
    background: #bfd6ff;
    border: 1px solid #a3bff1 !important;
}

.custom-reporting {
    padding: 0;
}



    .custom-reporting .card-body {
        padding: 0;
        border: 1px solid #ddd;
    }

    .custom-reporting h5.card-title {
        color: #19428a;
        font-weight: bold;
        background: #f8f9fa;
        padding: 0.4rem 0.7rem;
        border-bottom: 1px solid #ddd;
    }



    .custom-reporting .form-check {
        border-bottom: 1px solid #fff;
        padding: 0rem 1rem 0.7rem 1rem;
    }



        .custom-reporting .form-check:last-child {
            border-bottom: 1px solid #fff;
            padding-bottom: 0.7rem;
        }



    .custom-reporting .form-check-label {
        margin-top: 2px;
        color: #6c757d;
    }



    .custom-reporting .form-check .form-check-input {
        margin-left: 0;
        margin-right: 15px;
        border: 1px solid #ccc;
    }

.input-group {
    position: relative;
}

.btn-toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.eye-button {
    margin-left: 130px;
    border: 0px;
    background: none;
    font-size: 23px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/****************styles start here******************/
.text-muted2 {
    color: #a5a5a5 !important;
}

/**************request-visit-card start here***************/
.shadow-card {
    border-radius: 0.5625rem;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    color: #3e3e3e;
    border: 1px solid rgba(0,0,0,0.1);
}

.request-visit-card .action {
    font-size: 1.2rem;
    width: 1.875rem;
    height: 1.875rem;
    background: #fb5c7c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.request-visit-card .success {
    background: #57ba46;
    border-radius: 0.8rem;
    padding: 0.1rem 0.6rem;
}

.request-visit-card .warning {
    background: #ffcc00;
    border-radius: 0.8rem;
    padding: 0.1rem 0.6rem;
}

.request-visit-card .danger {
    background: #cc3300;
    border-radius: 0.8rem;
    padding: 0.1rem 0.6rem;
}

.request-visit-card .timing {
    width: calc(100% - 18rem);
}

    .request-visit-card .timing span:first-child {
        width: 12px;
        height: 12px;
        background: #57ba46;
        border-radius: 50%;
    }

    .request-visit-card .timing span:last-child {
        width: 12px;
        height: 12px;
        background: #e51e11;
        border-radius: 50%;
    }

    .request-visit-card .timing span:nth-child(2) {
        height: 2px;
        width: 100%;
        background: #2d2d2d;
    }

/**************request-visit-card end here***************/
/***************messages card start**************/
.messages-card .count {
    background: #d9d9d9;
    width: 5rem;
    height: 38px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.messages-card .sender {
    background: #82a4e1;
    height: 20px;
    width: 20px;
    border-radius: 10px;
}

.messages-card .responder {
    background: #fde1b1;
}

.messages-card .text-msg {
    width: calc(100% - 98px);
}

.messages-card .set-arrow {
    margin-left: -5px;
    margin-right: 8px;
}

/***************message modal start**************/
.bg-light2 {
    background: #f6f9fe;
}

.bg-danger-light2 {
    background: #fff9f1;
}

.blue-arrow {
    width: 30px;
    height: 30px;
    background: #82a4e1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.e-footer-content .reply {
    right: 24px;
    top: 5px;
}
/***************message modal end**************/

.cursor-pointer {
    cursor:pointer !important;
}

.more {
    color: #19428a;
}

/*****************AVG client start******************/
.client-table td,
.client-table > :not(:last-child) > :last-child > * {
    /*border: 1px solid #dee2e6;*/
    border: 1px solid rgb(26 66 138 / 32%);
    vertical-align: middle;
}

.client-table th {
    color: #fff;
    background: #1a428a;
    border: 1px solid #dee2e6;
}

.client-table .unbleached-silk {
    background: #CFF4FA;
}

.client-table .aero-blue {
    background: #c7f0e2;
}

.client-table .pastel-red {
    background: #fad5cf;
}
.client-dashboard-spinner {
    height: 36rem;
}
/*****************AVG client end******************/

/***************messanger section start**************/
.bg-primary2 {
    background: #19428A;
}

.bg-warning2 {
    background: #FFB548;
}

.bg-brink-pink {
    background: #FA5C7C;
}

.bg-brink-grey {
    background: #b3a9ab;
}


.main-messanger {
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.search-wrapper .form-control,
.search-wrapper .btn {
    border-radius: 50rem;
}

.users-area {
    box-shadow: rgba(50, 50, 93, 0.25) 1px 0 6px -1px;
}

.users-list {
    height: 560px;
    margin: 0;
    padding: 0 2px;
    overflow-y: auto;
}

    .users-list li {
        background: #EFEFEF;
        display: flex;
        align-items: center;
        padding: 8px 10px;
        border-radius: 6px;
        gap: 12px;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .users-list li.active {
            background: #fff;
            box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
        }

.main-messanger .avtar {
    height: 48px;
    width: 48px;
    background: #fff;
}

.main-messanger .avtar-name {
    width: calc(100% - 48px);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #000;
}

.main-messanger .notification {
    background: #FD5D5C;
    width: 14px;
    height: 14px;
    border-radius: 50rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}

.users-list li .time {
    width: 64px;
    text-align: end;
}

.main-messanger .status {
    width: 11px;
    height: 11px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 50rem;
}

.chat-area .avtar {
    width: 35px;
    height: 35px;
}

.chat-area .status {
    width: 8px;
    height: 8px;
}

.typing-box {
    position: absolute;
    bottom: 14px;
    left: 13px;
    right: 13px;
    border: 1px solid #BEB8B8;
    border-radius: 0.7rem;
}

    .typing-box textarea {
        width: 100%;
        height: 60px;
        resize: none;
        border: 0;
        outline: 0;
    }

    .typing-box .attachment {
        background: #D9D9D9;
    }

    .typing-box .send {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.chat-scroll {
    height: 400px;
    overflow-y: auto;
}

    .chat-scroll .msg-date {
        border-bottom: 1px solid #D9D9D9;
    }

        .chat-scroll .msg-date span {
            font-size: 12px;
            padding: 5px 13px;
            margin-bottom: -14px;
        }

.f-size-10 {
    font-size: 10px !important;
}

.f-size-11 {
    font-size: 11px !important;
}

.f-size-12 {
    font-size: 12px !important;
}

.f-size-13 {
    font-size: 13px !important;
}

.f-size-14 {
    font-size: 14px !important;
}

.f-size-15 {
    font-size: 15px !important;
}

.f-size-16 {
    font-size: 16px !important;
}

.mng-dropdown .dropdown-toggle::after {
    display:none;
}

/***************unscheduled grid section start**************/
.unscheduled-approve {
    background: #19428a;
    border: 0;
    color: #fff;
    padding: 7px 14px;
    font-size: 15px;
    border-radius: 0.25rem;
}
/***************unscheduled grid section end**************/

/***************messanger section start**************/
.nav-notification {
    background: #FD5D5C;
    width: 38px;
    height: 18px;
    border-radius: 15rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
/***************messanger section end**************/

/***************partner portel section start**************/

.main-dot-box {
    width: 23px;
    height: 23px;
    display: block;
    background: #19428a;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    padding-top: 3px;
    top: -17px;
    right: -15px;
    cursor: pointer;
}

    .main-dot-box li {
        list-style: none;
        color: #fff;
        padding: 3px;
        margin: 0;
        width: 100%;
        text-align: left;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .main-dot-box > ul {
        position: absolute;
        top: 30px;
        right: 0;
        background: #19428a;
        width: 100px;
        margin: 0;
        padding: 0;
        border-radius: 5px;
        display: none;
    }

    .main-dot-box.active > ul {
        display: block;
        width: max-content;
    }

/***************partner portel section end**************/


/***************Week display in circle start**************/
.day-buttons ul {
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
}

.day-buttons li {
    width: 35px;
    height: 35px; /* Height of the circle */
    border: 1px solid #19428a;
    border-radius: 50%;
    background-color: white;
    font-weight: bold;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* To position the span outside the circle */
    cursor: pointer;
    text-align: center;
 }
.day-buttons {
    margin-top: 30px;
    margin-left: 20px;
}
.time-range {
    -webkit-box-shadow: 0px 2px 6px 0px rgba(25, 66, 138, 0.5);
    background-color: #19428a;
     color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
}
.task-comment{
    margin-top: 15px;
    margin-left: 20px;
}
.circle-btn {
    -webkit-box-shadow: 0px 2px 6px 0px rgba(25, 66, 138, 0.5);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    justify-content: center;
    border: none;
    align-items: center;
    background-color: #19428a;
    color: white;
    font-size: 20px;
}
.margin10{
    margin:17px
}
.task-span {
    position: absolute;
    margin-top: 6.5%;
    margin-left: 85%;
}
.single-text {
    font-size: 12px;
    color: #000;
    position: absolute;
    top: 40px; /* Position below the circle */
    text-align: center;
}
/***************Week display in circle start**************/
/***************Axic care Active client start**************/

ul.clients-view {
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.clients-view li {
    list-style: none;
    padding: 8px 10px;
    border-top: 1px solid #ddd;
    margin: 0 -12px;
}

    ul.clients-view li:last-child {
        list-style: none;
        padding: 8px 10px;
        border-bottom: 1px solid #ddd;
        margin: 0 -12px;
    }
/***************Axic care Active client end**************/