:root {
    --blue-header-color: #00AEE5;
    --grey-header-icon: #A1A1A1;
    --k-primary-blue: #12A0D0;
    --k-primary-blue-hover: #12A0DF;
    --k-gray-light: #DBDBDB;
    --k-gray-light-hover: #BBBBBB;
    --k-gray-light-background: #EEEEEE;
    --k-gray-pre-background: #F5F5F5;
    --k-dark-text: #141D20;
    --k-border-color: #EDEDED;
    --k-black-color: #0D0D0D;
    --k-primary-grey: #EDEDED;
}

html, body {
    width: 100%;
    min-height: 100%;
}

body {
    overflow-x: hidden;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 100%;
    min-height: 400px;
    background-color: #dbdbd4;
}

button, input, optgroup, select, textarea {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

header {
    height: 123px;
    background: #0473aa;
    width: 100%;
}

.drag_file_preview {
    width: 100%;
    height: 103%;
    z-index: 9999999;
}

.drag_file_preview .preview_header {
    width: 100%;
    height: 39px;
    background-color: #0473aa;
    padding-top: 6px;
}

.drag_file_preview .preview_header .preview_close {
    width: 10%;
    display: inline-block;
    display: inline;
    text-align: left;
}

.drag_file_preview .preview_header .preview_close img {
    cursor: pointer;
}

.drag_file_preview .preview_header .preview_txt {
    width: 90%;
    color: #fff;
    text-align: left;
    display: inline-block;
    padding-left: 25px;
    font-weight: bold;
    font-size: 17px;
}

.back-chat, .close-prescription-detail {
    display: none;
}

.drag_file_preview .pdf_total_pages {
    /*margin-top: 4%;*/
    font-weight: bold;
    color: #0473aa;
    min-height: 30px;
}

.drag_file_preview .total_file_preview_wrap {
    background-color: #dbdbd4;
    height: 100%;
}

.drag_file_preview .file_preview_send_btn_wrap {
    text-align: right;
}

.drag_file_preview .file_preview_send_btn_wrap .send_button {
    margin-top: -30px;
    margin-right: 11px;
}

.total_file_preview_wrap .all_file_preview_wrap {
    padding-top: 2%;
    text-align: center;
}

.total_file_preview_wrap .all_file_preview_wrap div {
    width: 104px;
    height: 111px;
    margin: 0px 2px 0px 2px;
    display: inline-grid;
}

.total_file_preview_wrap .all_file_preview_wrap div img {
    width: auto;
    height: 100%;
    cursor: pointer;
    max-width: 76%;
}

.file_preview_wrap {
    /*margin-top: 10px; */
    padding-top: 10px;
    width: 50%;
    height: 65%;
    display: inline-block;
}

.file_preview_wrap_image img {
    width: 100%;
    height: 100%;
}

.display_none {
    display: none;
}

.cursor_pointer {
    cursor: pointer;
}

.metas-url-title-chat {
    padding-left: 0;
    font-size: 17px;
    font-weight: 700;
    padding: 5px;
}

.metas-url-discription-chat {
    padding: 5px;
}

.url_meta_tags_chat {
    background-color: #78a78f;
    color: #fff;
}

.url_meta_tags_chat_video {
    width: 26.6em;
}

.msg-box .msg-content {
    max-width: 47em;
    /* max-width: 26.6em; */
    position: relative;
    word-break: break-word;
}

/*Video call */
.back_chat_btn_box {
    position: absolute;
    top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 45px;
    width: 40px;
    transform: translate(-20px);
}

.back_chat_video_wrap {
    height: 40px;
    width: 40px;
    /* position: absolute; */
    z-index: 99999999 !important;
    right: 0;
    bottom: 0;
    /* margin-right: 35.5%; */
    opacity: 9999 !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.back_chat_video_wrap img {
    width: 57%;
}

.back_chat_video_wrap:hover {
    background: rgba(255, 255, 255, .15);
}

.bottons-group-center .center-btns {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    margin-left: 15px;
    text-align: center;
}

.bottons-group-center .center-btns #callEnd {
    background: red;
    border-radius: 50%;
}

.bottons-group-center .center-btns #callEnd i {
    color: #fff;
}

.fa .fa-video-camera-slash {
    font-size: 20px;
}

.call_ivite_btn_box {
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    margin-left: 128px;
    width: 40px;
    transform: translate(-20px);
}

.invite_friends_video_wrap {
    /*background: #2a3a4b;*/
    color: #fff;
    /*border: 1px solid #5e6d7a;*/
    height: 40px;
    width: 40px;
    z-index: 99999999 !important;
    right: 0;
    bottom: 0;
    opacity: 9999 !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.invite_friends_video_wrap:hover {
    background: #2a3a4b;
    border: 1px solid #5e6d7a;
}

.invite_friends_video_wrap > img {
    width: 22px;
}

/*text Forword css*/
.forword_checkbox {
    position: relative !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    display: none;
    margin-left: 20px;
}

.ent_delete_checkbox {
    position: relative !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    display: none;
    margin-left: 20px;
}

.forward_chat_list {
    font-size: 14px;
    font-weight: 600;
    color: #555;
}

.total_selected_message {
    color: #939393;
    font-size: 17px;
}

/*-----------------*/
.record_blinking {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 24px
}

.k_recording_wrap .k_cancel_record {
    color: red;
    border-radius: 16px;
}

/*.k_recording_wrap .k_cancel_record:hover{
    background-color: red;
    color: #fff;
}

.k_recording_wrap .k_stop_record:hover{
    background-color: green;
    color: #fff;
}*/
.k_recording_wrap .k_stop_record {
    color: green;
    border-radius: 16px;
}

.record_time {
    padding: 0px 15px 0px 4px;
    font-size: 18px;
    color: #000000a8;
}

.k_recording_wrap {
    padding: 0px 5px 7px 0px !important;
    align-items: center;
    display: inline-flex;
}

.record_blinking_indi_wrap {
    min-width: 23px;
    text-align: center;
    padding-left: 10px;
}

.k-card {
    width: 100%;
    padding: 10px;
    margin-top: 25px;
    height: 100%;
    border-radius: 5px;
    border-top: 5px solid #5699e2;
    border-bottom: 5px solid #5699e2;
    background-color: #fff;
}

.k-card .k-card-title h2 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0;
}

.k-btn {
    width: 100px;
    color: #fff;
    background: #5699e2;
}

.k-btn.btn:hover, .k-btn.btn-large:hover, .k-btn.btn-small:hover {
    background-color: #adcef1;
}

.k-btn.btn:focus, .k-btn.btn-large:focus, .k-btn.btn-small:focus, .k-btn.btn-floating:focus {
    background-color: #1f66b3;
}

.k-btn.btn.focus, .k-btn.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(86, 153, 226, 0.25);
}

.mt-f-el {
    margin-top: 45px;
}

.qr-img {
    width: 100%;
}

.input-mt {
    margin-top: 25px;
}

.k-inputs {
    /* label color */
    /* label focus color */
    /* label underline focus color */
    /* icon prefix focus color */
}

.k-inputs input.valid:not([type]), .k-inputs input.valid:not([type]):focus, .k-inputs input.valid[type=text]:not(.browser-default), .k-inputs input.valid[type=text]:not(.browser-default):focus, .k-inputs input.valid[type=password]:not(.browser-default), .k-inputs input.valid[type=password]:not(.browser-default):focus, .k-inputs input.valid[type=email]:not(.browser-default), .k-inputs input.valid[type=email]:not(.browser-default):focus, .k-inputs input.valid[type=url]:not(.browser-default), .k-inputs input.valid[type=url]:not(.browser-default):focus, .k-inputs input.valid[type=time]:not(.browser-default), .k-inputs input.valid[type=time]:not(.browser-default):focus, .k-inputs input.valid[type=date]:not(.browser-default), .k-inputs input.valid[type=date]:not(.browser-default):focus, .k-inputs input.valid[type=datetime]:not(.browser-default), .k-inputs input.valid[type=datetime]:not(.browser-default):focus, .k-inputs input.valid[type=datetime-local]:not(.browser-default), .k-inputs input.valid[type=datetime-local]:not(.browser-default):focus, .k-inputs input.valid[type=tel]:not(.browser-default), .k-inputs input.valid[type=tel]:not(.browser-default):focus, .k-inputs input.valid[type=number]:not(.browser-default), .k-inputs input.valid[type=number]:not(.browser-default):focus, .k-inputs input.valid[type=search]:not(.browser-default), .k-inputs input.valid[type=search]:not(.browser-default):focus, .k-inputs textarea.materialize-textarea.valid, .k-inputs textarea.materialize-textarea.valid:focus, .k-inputs .select-wrapper.valid > input.select-dropdown {
    border-color: #ddd;
    box-shadow: unset !important;
}

.k-inputs .select-wrapper + label {
    position: absolute;
    top: -15px;
}

.k-inputs .dropdown-content li > a, .k-inputs .dropdown-content li > span {
    color: #5699e2;
}

.k-inputs .select-wrapper input.select-dropdown:focus {
    border-bottom: 2px solid #5699e2;
    box-shadow: 0 1px 0 0 #5699e2 !important;
}

.k-inputs input:not([type]):focus.valid ~ label,
.k-inputs input[type=text]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=password]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=email]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=url]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=time]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=date]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=datetime]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=tel]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=number]:not(.browser-default):focus.valid ~ label,
.k-inputs input[type=search]:not(.browser-default):focus.valid ~ label,
.k-inputs textarea.materialize-textarea:focus.valid ~ label {
    color: #5699e2;
}

.k-inputs input:not([type]):focus:not([readonly]), .k-inputs input[type=text]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=password]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=email]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=url]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=time]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=date]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=datetime]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=tel]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=number]:not(.browser-default):focus:not([readonly]), .k-inputs input[type=search]:not(.browser-default):focus:not([readonly]), .k-inputs textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #5699e2;
    -webkit-box-shadow: 0 1px 0 0 #5699e2;
    box-shadow: 0 1px 0 0 #5699e2;
}

.k-inputs input:not([type]):focus:not([readonly]) + label, .k-inputs input[type=text]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=password]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=email]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=url]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=time]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=date]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=tel]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=number]:not(.browser-default):focus:not([readonly]) + label, .k-inputs input[type=search]:not(.browser-default):focus:not([readonly]) + label, .k-inputs textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #5699e2;
}

.text-div {
    margin-top: 25px;
    color: #999;
}

.text-div p {
    margin: 0;
}

.k-chat-card-container {
    position: relative;
}

.k-chat-card-top {
    display: flex;
    justify-content: center;
}

.k-chat-card {
    position: absolute;
    top: 0;
    margin-top: 0;
    height: calc(100vh - 0px);
    min-height: 400px;
    padding: 0;
    display: block;
    width: calc(100% - 0px);
    /*margin-left: 50px;
    margin-right: 50px;*/
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 16px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 16px -2px rgba(0, 0, 0, 0.75);
}

.k-card-body {
    height: 100%;
}

.k-chat-card-top .k-card-body {
    display: flex;
}

.k-chat-left-panel {
    min-width: 260px;
    /*flex: 30%;*/
    width: 370px;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*position: absolute;*/
    overflow: hidden;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-right: 1px solid #e1e1e1;
    border-radius: 0;
    transition: .3s ease-in;
    z-index: 10;
}

.k-chat-middle {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*margin-left: 350px;*/
    flex: 70%;
    position: relative;
    width: auto;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #f1f1f2;
    height: 100%;
}

.k-upper-header {
    height: 59px;
    padding: 10px 10px;
    background: var(--blue-header-color);
    display: flex;
    align-items: center;
    color: #fff;
    flex-shrink: 0;
}

.k-contact-img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 2px solid #a8a8a8;
    position: relative;
}

.k-contact-img img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.header-text {
    display: flex;
    align-self: center;
    margin: 0;
    font-size: 16px;
    padding-left: 5px;
    color: #ffffff;
    font-weight: 500;
}

.header-btn-group {
    flex-direction: row-reverse;
}

.header-btn {
    margin-left: 10px;
    box-shadow: none;
    background-color: transparent;
}

.header-btn:hover {
    background-color: #cccccc;
}

.header-btn .material-icons {
    color: #fff;
}

.k-contact-search {
    background: #FBFBFB;
    width: 100%;
    height: 45px;
    padding: 4px 20px;
    position: relative;
    box-shadow: 0px 1px 0px #f3f3f3;
}

.k-contact-search .icon-search {
    color: #C5C5C5;
}

.k-contact-search .icon-search,
.k-contact-search .icon-back {
    position: absolute;
    left: 35px;
    line-height: 37px;
    height: 37px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.k-contact-search .icon-back {
    color: #5699e2;
    cursor: pointer;
    display: none;
}

.k-contact-search .icon-close {
    display: none;
    position: absolute;
    right: 25px;
    font-size: 20px;
    top: 4px;
    color: #C5C5C5;
    line-height: 37px;
    cursor: pointer;
}

.k-contact-search input {
    width: 100%;
    height: 100%;
    padding: 5px 45px;
    border-radius: 5px;
    border: 1px solid var(--k-gray-pre-background);
    box-sizing: border-box;
}

.k-contacts-container {
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

.k-contact {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    height: 64px;
    padding: 0 5px;
    background: inherit;
    border-bottom: 1px solid #EFF1F3;
}

.k-upper-header .row.no-gutters {
    width: 100%;
}

.k-contact-name {
    padding: 1px 10px 15px 0 !important;
    margin-left: 10px;
}

.k-contact-name p {
    margin: 0;
}

.k-contact-name .k-c-name {
    font-size: 14px;
    /*font-weight: 600;*/
    color: #0D0D0D;
    padding-top: 4px;
}

.k-contacts-top.left_frame .k-contact-name {
    padding-right: 0 !important;
    /* flex-wrap: nowrap; */
    overflow: hidden;
}

.left_frame .k-contact-name .k-c-position {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-contact-name .k-c-position {
    font-size: 13px;
    /*color: var(--k-black-color);*/
    /*color: #aaa;*/
    color: #667781;
}

.k-contact-name .k-c-time {
    /*color: #aaa;*/
    /*color: var(--k-black-color);*/
    color: #667781;
    font-size: 12px;
}

.chat_top_count .k-contact-name .k-c-name {
    font-weight: 600;
}

.chat_top_count .k-contact-name .k-c-time,
.chat_top_count .k-contact-name .k-c-position {
    color: var(--k-black-color);
}

.k-prescription-container .k-contact-name .k-c-name,
.k-inventory-container .k-contact-name .k-c-name,
.k-enterprise-container .k-contact-name .k-c-name {
    font-weight: 600;
}

.k-prescription-container .k-contact-name .k-c-time,
.k-inventory-container .k-contact-name .k-c-time,
.k-enterprise-container .k-contact-name .k-c-time,
.k-prescription-container .k-contact-name .k-c-position,
.k-inventory-container .k-contact-name .k-c-position,
.k-enterprise-container .k-contact-name .k-c-position {
    color: var(--k-black-color);
}

.k-doctor {
    border-color: #10bdee !important;
}

.k-colors-list ul.list-group a.k-doctor:before {
    border-color: #10bdee;
}

.k-client {
    border-color: #02fe02 !important;
}

.k-user {
    border-color: #02fe02 !important;
}

.k-colors-list ul.list-group a.k-client:before {
    border-color: #02fe02;
}

.k-closed {
    border-color: #acacac !important;
}

.k-colors-list ul.list-group a.k-closed:before {
    border-color: #acacac;
}

.k-private {
    border-color: #5b5b5b !important;
    /*border-color: #009933 !important;*/
}

.k-colors-list ul.list-group a.k-private:before {
    border-color: #5b5b5b;
}

.k-group {
    border-color: #ff7f00 !important;
}

.k-groupchat {
    border-color: #ff7f00 !important;
}

.k-treatment {
    border-color: #ff0000 !important;
    /*border-color: #ff7f00 !important;*/
}

.k-colors-list ul.list-group a.k-group:before {
    border-color: #ff7f00;
}

.k-colors-list ul.list-group a.k-groupchat:before {
    border-color: #ff7f00;
}

.k-colors-list ul.list-group a.k-treatment:before {
    border-color: #ff0000;
}

.k-owner {
    border-color: #02fe02 !important;
}

.k-colors-list ul.list-group a.k-owner:before {
    border-color: #02fe02;
}

.k-service {
    border-color: #f63af8 !important;
}

.k-company {
    border-color: #f63af8 !important;
}

.k-colors-list ul.list-group a.k-service:before {
    border-color: #f63af8;
}

.menu-opened {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
}

.k-left-contacts {
    /*width: 371px;
    left: -371px;
    height: calc(100% - 20px);
    display: block;
    position: absolute;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    height: 100%;
    border-right: 1px solid #e1e1e1;
    border-radius: 0;
    transition: .3s ease-out;
    z-index: 10;*/
}

.k-contacts-header .contacts-header-text {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
}

.contacts-header-text {
    color: #fff;
    display: flex;
    align-self: center;
    margin: 0;
    font-size: 16px;
    padding-left: 5px;
}

.contacts-header-btn {
    box-shadow: none;
    background-color: transparent;
}

.contacts-header-btn .material-icons {
    color: #fff;
}

.contacts-header-btn:hover {
    background-color: white;
    color: #5699e2;
}

.contacts-header-btn:hover .material-icons {
    color: #5699e2;
}

.k-contacts-img-container {
    border: 0;
}

.k-c-status {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #a1a1a1;
    position: absolute;
    left: 40px;
    top: 33px;
}

.k-c-status-online {
    background: #00ff00;
}

.btn-close-contacts {
    display: none;
    margin-left: 0;
    margin-right: 10px;
}

.chat-header-text {
    margin-left: 15px;
    text-align: left;
}

.chat-header-text p {
    margin: 0;
}

.chat-header-text .chat-header-name {
    /*font-size: 14px;
    font-weight: 600;
    padding-top: 4px;*/
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

.chat-header-text .chat-header-name-ent {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}

.chat-header-text .chat-header-role-ent {
    color: #fff;
    font-size: 13px;
}

.chat-header-text .chat-header-role {
    font-size: 13px;
    color: #aaa;
}

.k-middle-top {
    position: relative;
    flex: 1 1 0;
    order: 2;
    z-index: 1;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #e9e4e4;
}

.k-middle-top.open {
    height: calc(100% - 110px);
    max-height: 100%;
}

.k-middle-top .k-middle-inner {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.k-chat-body {
    /*height: calc(100% - 110px);*/
    max-height: 100%;
    background: #e9e4e4;
    padding: 8px 8px 0;
    overflow-y: auto;
}

.k-middle-top:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: all 200ms ease-out 50ms;
    -moz-transition: all 200ms ease-out 50ms;
    -o-transition: all 200ms ease-out 50ms;
    transition: all 200ms ease-out 50ms;
    z-index: 999;
}

.k-middle-top:after {
    content: "Drop your files here";
    border: 2px dashed transparent;
    color: #fff;
    font-size: 0;
    line-height: 9em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 0;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 99;
}

.k-middle-top.dragging:before {
    top: 0;
    height: 100%;
    -webkit-transition: all 200ms ease-out 0ms;
    -moz-transition: all 200ms ease-out 0ms;
    -o-transition: all 200ms ease-out 0ms;
    transition: all 200ms ease-out 0ms;
}

.k-middle-top.dragging:after {
    border: 2px dashed #fff;
    font-size: 2em;
    height: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 999;
}

/* enterprise */
.k-middle-top-ent {
    position: relative;
    flex: 1 1 0;
    order: 2;
    z-index: 1;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #e9e4e4;
}

.k-middle-top-ent.open {
    height: calc(100% - 110px);
    max-height: 100%;
}

.k-middle-top-ent .k-middle-inner {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #F6F6F6;
}

.k-middle-top-ent:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: all 200ms ease-out 50ms;
    -moz-transition: all 200ms ease-out 50ms;
    -o-transition: all 200ms ease-out 50ms;
    transition: all 200ms ease-out 50ms;
    z-index: 999;
}

.k-middle-top-ent:after {
    content: "Drop your files here";
    border: 2px dashed transparent;
    color: #fff;
    font-size: 0;
    line-height: 9em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 0;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 99;
}

.k-middle-top-ent.dragging:before {
    top: 0;
    height: 100%;
    -webkit-transition: all 200ms ease-out 0ms;
    -moz-transition: all 200ms ease-out 0ms;
    -o-transition: all 200ms ease-out 0ms;
    transition: all 200ms ease-out 0ms;
}

.k-middle-top-ent.dragging:after {
    border: 2px dashed #fff;
    font-size: 2em;
    height: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 999;
}

/* enterprise ***** */
/* change drag and drop */
.k-chat-body:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: all 200ms ease-out 50ms;
    -moz-transition: all 200ms ease-out 50ms;
    -o-transition: all 200ms ease-out 50ms;
    transition: all 200ms ease-out 50ms;
    z-index: 99;
}

.k-chat-body:after {
    content: "Drop your files here";
    border: 2px dashed transparent;
    color: #fff;
    font-size: 0;
    line-height: 9em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 0;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 99;
}

.k-chat-body.dragging:before {
    top: 0;
    height: 100%;
    -webkit-transition: all 200ms ease-out 50ms;
    -moz-transition: all 200ms ease-out 50ms;
    -o-transition: all 200ms ease-out 50ms;
    transition: all 200ms ease-out 50ms;
}

.k-chat-body.dragging:after {
    border: 2px dashed #fff;
    font-size: 2em;
    height: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 99;
}

/* change drag and drop **** */
.msg-box:last-child {
    /*margin-bottom: 8px;*/
}

.msg-list:last-child {
    margin-bottom: 8px;
}

.msg-box {
    box-shadow: 0 1px 0.5px rgb(11 20 26 / 13%);
    border-radius: 6px;
    /* max-width: 75%; */
    text-align: left;
    position: relative;
    padding: 3px;
}

.msg-box p {
    margin: 0;
    word-break: break-word;
}

.c-msg {
    background: #fff;
    margin-top: 5px;
    margin-left: 20px;
    float: left;
    margin-right: auto;
    border-radius: 0px 6px 6px 6px;
}

.c-msg:first-child {
    margin-top: 15px;
    border-top-left-radius: 0;
}

.c-msg:first-child:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #fff;
    border-right: 16px solid transparent;
    position: absolute;
    top: 0;
    left: -15px;
    border-bottom-right-radius: 9px;
    transform: rotate(180deg);
}

.u-msg {
    /*background: #dcf8c6;*/
    background: #E2FFC7;
    margin-top: 5px;
    margin-right: 20px;
    float: right;
    margin-left: auto;
    border-radius: 6px 0px 6px 6px;
}

.u-msg:first-child {
    margin-top: 15px;
    border-top-right-radius: 0;
}

.u-msg:first-child:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #dcf8c6;
    border-right: 16px solid transparent;
    position: absolute;
    top: 0;
    right: -15px;
    border-top-left-radius: 9px;
    transform: rotate(90deg);
}

.msg-box .material-icons {
    /* position: absolute; */
    /* right: 10px; */
    font-size: 21px;
    margin-right: 5px;
}

.u-msg .msg-date {
    padding-right: 0;
}

.u-msg + .c-msg {
    margin-top: 15px;
    border-top-left-radius: 0;
}

.u-msg + .c-msg:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #fff;
    border-right: 16px solid transparent;
    position: absolute;
    top: 0;
    left: -15px;
    border-bottom-right-radius: 9px;
    transform: rotate(180deg);
}

.c-msg + .u-msg {
    margin-top: 15px;
    border-top-right-radius: 0;
}

.c-msg + .u-msg:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #dcf8c6;
    border-right: 16px solid transparent;
    position: absolute;
    top: 0;
    right: -15px;
    border-top-left-radius: 9px;
    transform: rotate(90deg);
}

.msg-date {
    font-size: 13px;
    text-align: right;
    color: #aaa;
}

.msg-date .material-icons.sent {
    color: #5699e2;
}

.new-msg-container {
    height: 50px;
    padding: 8px;
}

.new-msg-container .header-btn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-msg-container input,
.new-msg-container textarea {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 0;
    padding: 0 15px;
    background-color: white;
}

.new-msg-container textarea {
    height: 40px;
    padding: 10px 15px 0;
    line-height: 20px;
    resize: unset;
}

.btn-open-chats {
    display: none;
    z-index: 0;
}

.change-profile-ddl {
    position: absolute;
    top: 23px;
    left: 86px;
    cursor: pointer;
}

.change-profile-ddl .material-icons {
    font-size: 30px;
    height: 26px;
    color: #fff;
}

.k-upper-header .btn-floating.btn-small {
    width: 40px;
    height: 40px;
}

.k-upper-header .btn-floating.btn-small i {
    line-height: 40px;
    font-size: 24px;
}

@media screen and (max-width: 991px) {
    .btn-open-chats {
        display: block;
        margin-left: 0;
        margin-right: 10px;
    }
}

.add_overflow {
    overflow: auto;
}

.k-right-panel {
    /*width: 320px;*/
    width: 400px;
    height: calc(100% - 0px);
    display: block;
    position: absolute;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    height: 100%;
    border-left: 1px solid #e1e1e1;
    border-radius: 0;
    transition: .3s ease-out;
    z-index: 10;
    right: -401px;
    top: 0;
}

.contact-profile {
    font-size: 18px;
    text-align: left;
}

.contact-profile p {
    margin-bottom: 0;
}

.btn-close-profile {
    margin-left: 0;
    margin-right: 8px;
}

.profile-item {
    padding: 4px;
}

.profile-item p {
    margin-bottom: 0;
    text-align: left;
    font-size: 14px;
}

.k-profile-container {
    height: calc(100% - 80px);
    overflow-y: auto;
    padding: 0px 7px;
    background: #fbfbfb;
}

.k-specialities-container {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding: 0px 7px;
    background: #fbfbfb;
}

.k-specialities-container {
    height: calc(100% - 60px);
    overflow-y: auto;
    padding: 0px 7px;
    background: #fff;
}

.custom-profile-css {
    border-left: 1px solid #EFF1F3;
    height: calc(100% - 59px);
}

.k-profile-container.custom-profile-css .profile-item .card {
    border-radius: 4px;
    max-width: 100%;
    text-align: left;
    position: relative;
    padding: 3px;
}

.k-profile-container.custom-profile-css .profile-item {
    background: #FBFBFB;
}

.k-profile-container .custom-profile-css .card {
    border-radius: 6px;
    max-width: 100%;
    text-align: left;
    position: relative;
    padding: 3px;
}

.card-webkit {
    -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 1%), 0 1px 1px -2px rgb(0 0 0 / 1%), 0 1px 0px 0 rgb(0 0 0 / 1%) !important;
    margin: 0px 0px;
}

.k-profile-container .card .card-header {
    padding: 0.20rem 0.05rem !important;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px solid rgba(0, 0, 0, .125) !important;
    margin: 0 10px;
}

.k-profile-container .card .card-body {
    flex: 1 1 auto;
    padding: 0.5rem;
    margin: 0 20px;
}

.margin-top-2 {
    margin-top: 2px;
}

.rating-number {
    font-size: 15px;
    font-weight: 600;
    color: #555;
    padding-top: 4px;
    margin: 0px 10px !important;
}

.k-profile-container.custom-profile-css .profile-item .card {
    border-radius: 4px;
    max-width: 100%;
    text-align: left;
    position: relative;
    padding: 3px;
}

.k-profile-container.custom-profile-css .profile-item {
    background: #FBFBFB;
}

.k-profile-container .custom-profile-css .card {
    border-radius: 6px;
    max-width: 100%;
    text-align: left;
    position: relative;
    padding: 3px;
}

.card-webkit {
    -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 1%), 0 1px 1px -2px rgb(0 0 0 / 1%), 0 1px 0px 0 rgb(0 0 0 / 1%) !important;
    margin: 0px 0px;
}

.k-profile-container .card .card-header {
    padding: 0.20rem 0.05rem !important;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0px solid rgba(0, 0, 0, .125) !important;
    margin: 0 10px;
}

.k-profile-container .card .card-body {
    flex: 1 1 auto;
    padding: 0.5rem;
    margin: 0 20px;
}

.margin-top-2 {
    margin-top: 2px;
}

.rating-number {
    font-size: 15px;
    font-weight: 600;
    color: #555;
    padding-top: 4px;
    margin: 0px 10px !important;
}

.k-profile-container .card .card-body .list-group-item {
    position: relative;
    display: block;
    padding: 0.15rem 0.8rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: none;
}

.user-profile-box .img-last img {
    width: 12px;
    height: 12px;
}

.user-profile-box-inner {
    margin: 0px 20px;
}

.k-profile-container .card .card-body .list-group-item .text-muted {
    color: #88939B !important;
    font-weight: 500;
}

.k-profile-container .card .card-body .list-group-item .text-muted-lable {
    color: #1A2129 !important;
    font-weight: 600;
}

.k-profile-container .card .card-body .k-contact {
    width: 100%;
    height: auto;
    padding: 2px 2px;
}

.k-profile-container .card .card-body .k-contact .k-contact-name {
    border-bottom: 0px solid #eee;
    padding: 1px 10px 15px 0 !important;
    margin-left: 10px;
}

.k-profile-chat {
    height: auto;
    max-height: unset;
    overflow-y: visible;
}

.k-profile-chat.k-chat-body .c-msg {
    margin-bottom: 15px;
    border-top-left-radius: 0;
    word-break: break-word;
}

.k-profile-chat.k-chat-body .c-msg:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #fff;
    border-right: 16px solid transparent;
    position: absolute;
    top: 0;
    left: -15px;
    border-bottom-right-radius: 9px;
    transform: rotate(180deg);
}

.chat-img-container {
    max-width: 380px;
    height: 100%;
    width: 100%;
}

.chat-img-container img {
    max-width: 100%;
    /*max-height: 350px;*/
    object-fit: cover;
    border-radius: 6px;
}

.image-preview-container {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 20;
    display: none;
}

.preview-body {
    height: calc(100% - 54px);
}

.preview-img {
    margin: 0 auto;
    max-height: 450px;
    display: block;
    max-width: 900px;
}

.k-full-profile-container {
    height: 100%;
    overflow-y: auto;
}

.k-full-profile-container .profile-item {
    padding-left: 30%;
    padding-right: 30%;
}

.k-full-profile-container .p-name {
    font-size: 35px;
}

.p-img-container {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
}

.p-img-container img {
    /*height: auto;*/
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.full-profile-header-info {
}

.full-profile-header-info p {
    width: 215px;
    background: #e0e0e0;
    padding: 0 25px;
    margin-top: 12px;
    border-radius: 55px;
    font-size: 15px;
    text-align: center;
    min-height: 24px;
    line-height: 25px;
}

.p-map-container {
    width: 100%;
    margin-top: 8px;
}

.open-doctors-list, .open-services-list {
    cursor: pointer;
}

.k-c-name span.k-group-member-type {
    font-size: 13px;
    color: #aaa;
    font-weight: 400;
}

.k-delete-group-image img {
    width: 30px;
}

p.k-delete-group-text {
    color: #ED2024;
    font-size: 14px;
    font-weight: 600;
}

p.k-invite-group-text {
    color: #141D34;
    font-size: 14px;
    font-weight: 600;
}

.user-profile-items {
    width: 100%;
    text-align: left;
}

.user-profile-items label {
    width: 35%;
    margin: 0 !important;
    font-weight: normal;
}

.user-profile-items li {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    font-size: 14px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .k-full-profile-container .profile-item {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*.is-opened-contacts .k-left-contacts {
    left: 74px;
}*/

.is-opened-profile .k-right-panel {
    right: 0;
}

.is-opened-profile .k-chat-middle {
    /*margin-right: 300px;*/
    margin-right: 400px;
    flex: auto;
}

/*enterprise customer details css start*/
.enterprise_c_details .custom-profile-css {
    border-left: 2px solid #5699e2;
}

.enterprise_c_details hr {
    width: 100%;
    height: 7px;
    background-color: var(--k-border-color);
    border: 0px;
    margin: 0;
}

.enterprise_c_details .cancelBtn {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.enterprise_c_details .k-chat-middle {
    background: white;
}

.new-msg-container textarea {
    border: 1px solid #CCC !important;
}

#enterprise_send_msg:focus {
    /*border-color: #66AFE9;*/
    outline: 0;
    border: 1px solid #66AFE9 !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.enterprise_c_details .k-middle-top-ent .k-middle-inner {
    background: #F6F6F6;
}

.enterprise_textarea:focus {
    outline: none;
}

.enterprise_textarea {
    display: block;
    width: 100%;
    overflow: hidden;
    resize: both;
    line-height: 20px;
    background: white;
    /*text-transform: uppercase;*/
    padding-left: 0 !important;
    min-height: 33px;
    font-size: 14px !important;
}

.enterprise_c_details .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.enterprise_c_details .modal-body.padding {
    padding-left: 24px;
    padding-right: 24px;
}

.enterprise_c_details .modal-body {
    padding: 0;
}

.enterprise_c_details .modal .modal-content {
    padding: 0;
}

.enterprise_c_details .modal-header {
    /*padding: 0;*/
    border-bottom: 0px;
}

.enterprise_c_details h5 {
    margin: 0;
    color: var(--k-dark-text);
    font-weight: 700;
}

.enterprise_c_details .text-align-start {
    text-align: start;
}

.enterprise_c_details .bold-700 {
    font-weight: 700;
}

.enterprise_c_details .bold-400 {
    font-weight: 400;
}

.enterprise_c_details p {
    margin: 0;
}

.enterprise_c_details .border-bottom {
    border-bottom: 1px solid var(--k-border-color) !important;
}

/*.enterprise_c_details .hr-border{
    border-bottom: 10px solid var(--k-border-color);
    margin-top: -2px;
    margin-bottom: 0;
}*/
.enterprise_c_details .col-12.row {
    margin: 0;
    padding: 0;
}

.enterprise_c_details .left-list-item, .sub-list-item {
    min-height: 35px;
}

.enterprise_c_details .margin-auto {
    margin: auto;
}

.enterprise_c_details .line_height {
    height: 50px;
}

.enterprise_c_details .k-header-top p.header-text span {
    color: white;
}

.enterprise_c_details .dropddown p {
    color: white;
}

.enterprise_c_details .material-icons {
    color: white !important;
}

.enterprise_c_details .flex p {
    color: white;
}

.enterprise_c_details .flex {
    display: flex;
}

.enterprise_c_details .openprofile {
    display: -webkit-flex;
}

.enterprisecolor {
    color: #aaa !important;
    display: flex;
}

.entSA .modal-title.headtext {
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
}

.entSA .modal-title.text {
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;
    cursor: pointer;
    color: var(--k-primary-blue);
}

.entSAI {
    border-top: 1px solid var(--k-border-color);
    padding-top: 20px !important;
}

.entSAI label > span {
    align-items: center;
    cursor: pointer;
}

select.DClass {
    color: black;
    display: block;
}

/*enterprise customer details css end*/
@media screen and (max-width: 991px) {
    .k-chat-left-panel {
        left: -351px;
    }

    .k-chat-middle {
        margin-left: 0;
    }

    .is-opened-chats .k-chat-left-panel {
        left: 0;
    }

    .is-opened-chats .menu-opened {
        display: block;
    }

    .is-opened-contacts .menu-opened {
        display: block;
    }

    .btn-close-contacts {
        display: block;
    }

    .is-opened-profile .menu-opened {
        display: block;
    }

    .is-opened-profile .k-right-panel {
        right: 0;
    }

    .is-opened-profile .k-chat-middle {
        margin-right: 0;
    }
}

/*ahmed Style*/
.btn-session {
    border-radius: 20px;
    background: #03A9F4;
    width: 100%;
}

.btn-session:hover {
    background: #0577aa;
}

.btn-rate {
    width: 100%;
    background: #F6F5FA !important;
    color: #666 !important;
    border: 2px solid #E7EDF0;
    border-radius: 5px !important;
    box-shadow: 0px 3px 4px #cecbcb;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
}

/* chat event css*/
.chat-event.composing {
    position: absolute;
    bottom: 50px;
    left: 20px;
}

div#scroll {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    transition: background .3s ease-out .1s;
    width: 100%;
    z-index: 100;
    border-left: solid 1px #beb8b8;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

div#scroll_ent {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    transition: background .3s ease-out .1s;
    width: 100%;
    z-index: 100;
    border-left: solid 1px #beb8b8;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

/**
    Styles for send by number
 */
div.phoneNumber {
    background-color: transparent;
    width: 100%;
    max-height: 100%;
    padding: 10px;
}

.phoneNumber .modal-header {
    padding: 0 1rem;
    border-bottom: none;
}

.phoneNumber .modal-content {
    border-radius: 5px;
    border-top: 5px solid #5699e2;
    border-bottom: 5px solid #5699e2;
}

.phoneNumber .modal-footer {
    background-color: transparent;
    padding: 4px 6px;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none;
}

.phoneNumber .modal-body {
    padding: 0 1rem;
}

.phoneNumber .modal-title {
    margin-top: 0;
}

.phoneNumber .cancel {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

.phoneNumber .next {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #5699e2;
}

.phoneNumber .input-mt {
    margin-top: 10px;
    margin-bottom: 0;
}

.phoneNumber .country_code_label {
    top: -23px;
}

.send_by_number_from ul {
    width: 200px !important;
}

.timepicker-modal {
    height: fit-content;
}

.picker-input {
}

.edit-working-hours {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.picker-input input.timepicker {
    margin: 0 10px;
}

.working-hours {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.working-hours i {
    margin-right: 23px;
}

.edit-working-hours {
    display: none;
}

.hours-item {
    display: flex;
    flex-direction: row;
}

.hours-item input.timepicker {
    margin-left: 20px;
    margin-right: 20px;
    height: 25px;
}

.hours-heading .add_row {
    display: inline-block;
    background: #e5edfd;
    padding: 12px 15px;
    border-radius: 2px;
    margin-right: 10px;
}

.hours-heading .add_row:hover {
    background: #dfe8f9;
}

.hours-heading .rem_row {
    display: inline-block;
    background: #f1f1f1;
    padding: 12px 15px;
    border-radius: 2px;
    color: #000;
}

.hours-heading .rem_row:hover {
    background: #e6e6e6;
}

.hours-row .input-field > label:not(.label-icon).active {
    -webkit-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    left: 18px;
    font-size: 14px;
}

.hours-row input[type=text] {
    border: 1px solid #cecdcd;
    height: 40px;
    padding: 11px 0px 0px 10px;
    border-radius: 3px;
}

.hours-row input[type=text]:focus {
    border: 1px solid #5699e2;
}

.hours-row .input-field > label {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.hours-row .input-field.col label {
    left: 18px;
}

.l2 {
    padding-left: 2em;
}

.profile-detail-item {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.top-profile-section {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.full-profile-header-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.full-profile-header-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#own-profile .full-profile-header-info {
    margin-left: 60px;
}

.new-msg-container, .msg-forward-wrap {
    min-height: 62px;
    order: 3;
    position: relative;
    flex: none;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    height: auto;
    padding: 2px 0;
    bottom: 0;
    background: #EEEEEE;
}

.file-icon img {
    width: 20px;
    height: auto;
    margin-right: 15px;
}

.message_container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
}

#p_m {
    width: fit-content;
    height: 251px;
    overflow: initial;
}

.deg_90 {
    transform: rotate(90deg);
}

/*div#settingsModal {
    width: 100% !important;
    min-width: 100% !important;
    background: transparent !important;
    height: 100% !important;
    min-height: 100% !important;
}*/
div.settingsModal {
    width: 100% !important;
    min-width: 100% !important;
    background: transparent !important;
    height: 100% !important;
    min-height: 100% !important;
}

.modal.settings_modal h5.modal-title {
    margin: 0;
    font-weight: 600;
    font-size: 22px;
}

.modal.settings_modal .modal-header {
    padding: 0 1rem;
    border-bottom: unset;
}

.modal.settings_modal .modal-content {
    padding: 10px;
    border-radius: 10px;
    margin-top: 10%;
}

.settings-body-contents {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
}

.settings-body-contents:last-child {
    padding-bottom: 0;
    border-bottom: unset;
}

.settings-body-contents .first .img {
    width: 30px;
    float: left;
}

.settings-body-contents .first .img > img {
    width: 30px;
    cursor: pointer;
}

.settings-body-contents .first {
    width: 80%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.settings-body-contents .first .text {
    display: flex;
    min-height: 30px;
    justify-content: center;
    font-size: 16px;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    margin-left: 15px;
}

.settings-body-contents .first .text p {
    margin: 0;
}

.settings-body-contents .second {
    width: 50px;
    float: right;
    display: inline-block;
}

.settings-body-contents .second .custom-control.custom-radio {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

.settings-body-contents .first .text > label {
    font-size: 15px;
    color: #000;
    margin-bottom: 0;
    font-weight: 600;
}

i.delete_file.material-icons {
    position: relative;
    top: -4px;
    left: -21px;
    cursor: pointer;
}

/**
    Styles for change role
 */
div.UserRolePopup {
    background-color: transparent;
    width: 100%;
    max-height: 100%;
    padding: 10px;
}

.UserRolePopup .modal-header {
    padding: 0 1rem;
    border-bottom: none;
}

.UserRolePopup .modal-content {
    border-radius: 5px;
    border-top: 5px solid #5699e2;
    border-bottom: 5px solid #5699e2;
}

.UserRolePopup .modal-footer {
    background-color: transparent;
    padding: 4px 6px;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none;
}

.UserRolePopup .modal-body {
    padding: 0 1rem;
}

.UserRolePopup .modal-title {
    margin-top: 0;
}

.UserRolePopup .cancel {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

.UserRolePopup .next {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #5699e2;
}

.UserRolePopup .input-mt {
    margin-top: 10px;
    margin-bottom: 0;
}

.UserRolePopup .country_code_label {
    top: -23px;
}

.UserRolePopup .cancel_role {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

span.new_notification_badge {
    background-color: var(--k-primary-blue);
    color: #ffff;
    padding: 0 3px;
    line-height: 20px;
    min-width: 20px;
    display: inline-block;
    border-radius: 14px;
    float: right;
    margin-right: 5px;
    text-align: center;
}

/* noor */
.k-select-selectpicker button.btn.dropdown-toggle.btn-light {
    background-color: #fff;
    box-shadow: unset;
    border-bottom: 1px solid #000;
    color: #000;
    padding: 0 6px 0 6px;
    height: 42px;
    text-transform: capitalize;
    font-size: 16px;
}

.k-select-selectpicker button.btn.dropdown-toggle.btn-light:focus {
    border-bottom: 2px solid #5699e2;
    box-shadow: 0 1px 0 0 #5699e2 !important;
}

.k-country-code-phone {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.k-country-code-phone .k-country-code {
    width: 85px;
}

.k-country-code-phone .phone {
    width: 75%;
    margin-left: 10px;
}

.img-chat-icon {
    width: 15px;
    height: auto;
    margin: 0 5px;
}

.send-by-number-select-picker.k-select-selectpicker {
    margin-bottom: 15px;
    width: 100%;
}

.chat-date-box > span {
    display: inline-block;
    background: #C1E6F8;
    padding: 3px 20px;
    border-radius: 8px;
    margin: 5px 0;
}

/*.chat-date-box.doc > span {
    background: var(--k-gray-pre-background);
}*/
.msg-sender-name {
    color: #10bdee;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 23px;
    font-weight: 600;
}

div#imagePreview {
    background-color: transparent;
    width: 100%;
    max-height: 100%;
    padding: 10px;
}

#imagePreview .modal-header {
    padding: 0 1rem;
    border-bottom: none;
}

#imagePreview .modal-content {
    border-radius: 5px;
    border-top: 5px solid #5699e2;
    border-bottom: 5px solid #5699e2;
}

#imagePreview .modal-footer {
    background-color: transparent;
    padding: 4px 6px;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none;
}

#imagePreview .modal-body {
    padding: 0 1rem;
    overflow: hidden;
}

#imagePreview #send_preview_image_from {
    height: 300px;
}

#imagePreview .image_preview_section {
    width: auto;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#imagePreview .modal-title {
    margin-top: 0;
}

#imagePreview .cancel {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

#imagePreview .next {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #5699e2;
}

#imagePreview .input-mt {
    margin-top: 10px;
    margin-bottom: 0;
}

#imagePreview .country_code_label {
    top: -23px;
}

.edit_user_image_label {
    display: flex;
    justify-content: center;
    align-items: center;
}

.k-contact-img {
    /*overflow: hidden;*/
    overflow: unset;
}

.k-i-contact.open_profile .k-contact-img {
    overflow: unset;
}

.k-upper-header .k-contact-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-color: #fff;
}

.k-contact-img img {
    width: 100%;
    height: 100% !important;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.k-group-option-top {
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding-top: 5px;
}

.k-group-option-top:first-child {
    padding-top: 0;
}

.k-group-option-top .k-contact-name {
    border-bottom: unset;
}

.k-login-qr-phone-img {
    width: 100%;
    padding: 10px;
    margin-top: 25px;
}

.k-login-qr-phone-img img {
    /*max-height: 360px;*/
}

.k-card .k-login-qr-list ul li {
    font-size: 1.3rem;
    line-height: 1.3;
}

.k-card .k-login-qr-list ul {
    margin-top: 10px;
}

.locale-pk .k-card .k-card-title {
    direction: rtl;
    text-align: right;
}

.locale-pk .k-card .list-unstyled {
    direction: rtl;
    padding-right: 0;
}

.k-qr-code-box {
    position: relative;
    text-align: center;
}

img.qr-code-click {
    width: 20px;
}

/* new */
.k-upper-header.k-header-top {
    /*display: flex;*/
}

.k-header-top .row.no-gutters {
    display: flex;
    width: 100%;
}

.k-header-top .col.p-0.clearfix.d-flex {
    min-width: 0;
}

.k-header-top .open_profile {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    min-width: 80%;
}

.k-header-top .chat-header-text {
    overflow: hidden;
}

.chat-header-text p {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-header-top p.header-text {
    overflow: hidden;
}

.k-header-top p.header-text span {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-contacts-top .row.no-gutters {
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    margin-right: 0;
    width: 100%;
}

.k-contacts-top .text-truncate {
    overflow: hidden;
}

.k-contacts-top .k-contact-name .k-c-name {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.is-opened-contacts .k-left-contacts {
    min-width: 260px;
}*/

.k-colors-list {
    max-width: 600px;
}

.k-colors-list ul.list-group {
    padding: 20px 0;
    height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

.k-colors-list ul.list-group a:before {
    content: '';
    margin-right: 15px;
    width: 50px;
    height: 50px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #a8a8a8;
    flex: 0 0 auto;
}

.k-colors-list ul.list-group a {
    font-size: 1.5em;
    background: transparent;
    border: unset;
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: left;
    color: #000;
}

.k-colors-list ul.list-group a .material-icons {
    font-size: 3.2em;
    padding-right: 10px;
}

.k-upper-header .k-contact-img img.switch-drop-down {
    width: 16px;
    height: 16px;
    /*bottom: -10px;
    margin-bottom: 4px;
    position: absolute;
    right: -3px;*/
}

.k-header-top .k-contact-img {
    overflow: visible;
    flex: 0 0 auto;
    height: 40px;
    width: 40px;
}

.switch-drop-down-top {
    bottom: -10px;
    position: absolute;
    right: -3px;
}

.k-qr-code-box.overlay:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.k-qr-code-reload {
    cursor: pointer;
    visibility: hidden;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: initial;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    font-weight: 400;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 18px;
    position: absolute;
    text-transform: uppercase;
    z-index: 100;
    margin-top: -90px;
    top: 50%;
    bottom: 50%;
    width: 160px;
    background-color: #5699e2;
    height: 180px;
    border-radius: 50%;
    left: 50%;
    margin-left: -90px;
    text-align: center;
    padding: 0 10px;
}

.k-qr-reload {
    margin: 5px 0 5px;
}

.qr_status_indicator {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 50%;
    margin-left: -32px;
    bottom: 50%;
    margin-top: -32px;
    top: 50%;
}

.k-qr-code-inner {
    display: flex;
    justify-content: space-between;
}

/* image zoom in zoom out */
img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
    position: relative;
    z-index: 666;
    /*-webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;*/
}

img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
    cursor: default;
}

a.open_group_chat_view,
a.open_chat_view {
    display: flex;
}

a.open_chat_view.active,
a.open_group_chat_view.active,
a.open_customer.active,
a.prescription_details.active > .prs_inner,
a.prescription_company.active > .prs_inner {
    background: #EBEBEB;
}

.k-contact-name .k-c-istyping {
    font-size: 13px;
    color: #10bdee;
    font-weight: 600;
}

.chat-header-text .chat-header-typing {
    font-size: 13px;
    color: #fff;
    /*font-weight: 600;*/
}

.chat-img-container img.show_doc {
    display: block;
}

.privacy_icon.file-icon {
    cursor: pointer;
}

.about-me-pre-text pre {
    color: #212529;
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    background: transparent;
    border: none;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
}

.chat-img-container > a {
    display: block;
}

.group-chat.leave-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 50px;
    line-height: 20px;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    background: #F1F1F2;
    z-index: 99;
}

#leave_group_chat {
    padding: 0 8px;
}

.k-contact-img.k-group-img {
    overflow: unset;
    border: 2px solid #a8a8a8;
}

.company-address-box {
    display: flex;
    text-align: left;
}

.company-address-box .left {
    width: 40%;
}

.company-address-box .right {
    width: 60%;
    word-break: break-all;
}

tr.working-hours-table {
    display: flex;
}

.working-hours-table td.first-cell {
    flex: 1;
}

.working-hours-table td.second-cell {
    flex: 2;
}

.parent_popup_option {
    display: flex;
    flex-direction: column;
}

.search_by_option_popup {
    margin-bottom: 10px;
}

.parent_image_section {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #0473aa;
    background-size: cover;
    margin-right: 20px;
}

.current_parent_section {
    display: flex;
    align-items: center;
}

.parent_name_section {
    font-size: 20px;
}

span.parent_change_span {
    color: #0473aa;
    margin-left: 14px;
    cursor: pointer;
}

.select_company_list_placeholder {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 5px;
}

.parent_popup_change_buttons button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.company_privacy_icon {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 40px;
}

.company_privacy_icon img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    display: inherit;
}

.sales-person-voucher {
    display: flex;
    justify-content: start;
    font-size: 16px;
}

.sales-person-voucher .text {
    flex: 1;
}

.sales-person-voucher .code {
    flex: 2;
}

.availabe_companies_list {
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
}

.k-sales-contact-search input {
    width: 100%;
    height: 100%;
    padding: 5px 50px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.k-sales-contact-search {
    background: #fbfbfb;
    width: 100%;
    height: 40px;
    border-bottom: none;
    padding: 0;
    margin-bottom: 10px;
}

p.p-bold {
    font-weight: 600;
}

.profile-detail-item .inner-box {
    display: flex;
    flex-direction: row;
}

.profile-detail-item .inner-box .first {
    width: 48%;
}

.profile-detail-item .inner-box .first > p {
    word-break: break-word;
}

.profile-detail-item .inner-box .second {
    width: 52%;
}

.right-frame-name {
    text-align: center !important;
    padding: 10px 0;
    font-weight: 600;
}

/*.modal.fade .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0, 0);
}*/
.k-modal {
    width: 100% !important;
    min-width: 100% !important;
    background: transparent !important;
    height: 100% !important;
    min-height: 100% !important;
}

.k-modal .modal-header {
    padding: 0 0 10px;
}

.k-modal .modal-header h5 {
    margin: 0;
}

.modal.k-modal .modal-footer {
    background: unset;
}

.modal.k-modal .modal-body {
    padding: 1rem 0;
}

.c-owner-options .type {
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 13px;
    color: #0473AA;
    line-height: 20px;
}

.c-owner-options .type:hover {
    text-decoration: none;
}

.member-update-popup .modal-header {
    /*margin-top: 34px;*/
}

.member-update-popup {
    /*background-color: transparent;*/
    /*width: 100%;
    max-height: 100%;*/
    /*padding: 10px;*/
}

.member-update-popup .modal-header {
    padding: 0 1rem;
    border-bottom: none;
}

.member-update-popup .modal-content {
    border-radius: 5px;
    border-top: 5px solid #5699e2;
    border-bottom: 5px solid #5699e2;
}

.member-update-popup .modal-footer {
    background-color: transparent;
    padding: 4px 6px;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none;
}

.member-update-popup .modal-body {
    padding: 0 1rem;
}

.member-update-popup .modal-title {
    margin-top: 0;
}

.member-update-popup .cancel {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: var(--k-gray-light);
    color: #000;
}

.member-update-popup .next {
    background: var(--k-primary-blue) !important;
}

.member-update-popup .input-mt {
    margin-top: 10px;
    margin-bottom: 0;
}

.member-update-popup .country_code_label {
    top: -23px;
}

.member-update-popup .cancel_role {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

.k-cancel-btn {
    background-color: #e9e4e4;
    color: #000000;
}

.own-profile-edit-btn {
    display: flex;
    justify-content: space-between;
}

.k-edit-popup-body {
    padding: 10px 0 0 0 !important;
    /*max-height: 350px;*/
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.edit-sepecialitites {
    margin-left: 20px;
}

.k-profile-privacy-icon {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    right: -6px;
    bottom: 0;
    cursor: pointer;
}

.k-profile-privacy-icon img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    display: inherit;
    border-radius: unset;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #5699e2;
    -webkit-box-shadow: 0 1px 0 0 #5699e2;
    box-shadow: 0 1px 0 0 #5699e2;
}

input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #5699e2;
}

.k-cancel-btn:hover {
    background-color: darkgray;
}

.edit-container-image {
    height: 100px;
    width: 100px;
    border: solid 2px #000000;
    border-radius: 50%;
}

.edit-container-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

img.k-other-img {
    width: 20px !important;
    height: 20px !important;
    border: 1.5px solid #a8a8a8;
}

.pad-zero {
    padding: 0 !important;
}

span.status-sms {
    display: inline-flex;
    font-weight: 600;
    color: #10bdee;
    text-transform: capitalize;
}

.msg-date span.default-uname {
    /*color: #007bff;
    font-weight: 600;*/
}

.k-reviews {
    display: flex;
}

.k-reviews p.ratings-section {
    display: flex;
}

.k-reviews p.ratings-section img.custom_start {
    width: 20px !important;
    height: 20px;
    object-fit: contain;
    display: unset !important;
}

table.hours tr {
    border-bottom: none;
}

table.hours td {
    padding: 0;
}

.k-profile-container.custom-profile-css.k-quick-text-top {
    background: #e9e4e4;
}

.profile-item.k-quick-text {
    text-align: left;
    color: #000;
    border-bottom: unset;
}

.profile-item.k-quick-text .form-group input[type=text] {
    border: 1px solid #9e9e9e !important;
    border-radius: 4px !important;
    height: 32px !important;
    padding: 0 8px;
    box-sizing: border-box !important;
    background: #fff;
}

.profile-item.k-quick-text .form-group input[type=text]:focus {
    border: 1px solid #5699e2 !important;
    -webkit-box-shadow: 0 1px 0 0 #5699e2;
    box-shadow: 0 1px 0 0 #5699e2;
}

.profile-item.k-quick-text .form-group textarea {
    border: 1px solid var(--k-border-color) !important;
    border-radius: 3px !important;
    /* height: auto; */
    padding: 12px 10px;
    box-sizing: border-box !important;
    background: #fff;
    resize: none;
    overflow: auto;
    /* line-height: 21px; */
    margin: 0 0 8px 0;
    max-height: 112px;
    font-weight: 500;
    font-size: 14px;
}

.profile-item.k-quick-text .form-group textarea:focus {
    border: 1px solid #5699e2 !important;
    -webkit-box-shadow: 0 1px 0 0 #5699e2;
    box-shadow: 0 1px 0 0 #5699e2;
}

.profile-item.k-quick-text .form-group {
    margin-bottom: 0rem;
}

.profile-item.k-quick-text .form-group > label {
    color: #000;
    font-size: 1rem;
    margin-bottom: 2px;
}

.profile-item.k-quick-text .btn-box button {
    color: #000;
    min-width: 90px;
    font-size: 0.9rem;
    padding: 0;
    height: 32px;
    line-height: 32px;
}

.profile-item.k-quick-text .btn-box button.cancel {
    background: #e9e4e4;
}

.profile-item.k-quick-text .btn-box button.save {
    background: var(--k-primary-blue);
    color: #fff;
    border-radius: 5px;
    height: auto;
    min-height: auto;
    padding: 5px 15px;
    font-weight: 600;
}

.profile-item.k-quick-text .btn-box button.save:hover {
    background-color: #2473aa;
}

.profile-item.k-quick-text .btn-box .form-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.quick_text_link {
    color: #10bdee;
    font-size: 13px;
    font-weight: 600;
}

.quick_text_link:hover {
    color: #fff;
    background: #10bdee;
}

.profile-item .working-hours-table td {
    padding: 5px 5px;
}

.k-download-now {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

.k-download-now p.title {
    margin-bottom: 0;
    font-size: 1.3rem;
    line-height: 30px;
}

.k-download-now .link > a {
    color: #00b9ee;
    font-size: 1.3rem;
    line-height: 30px;
    text-decoration: none;
}

.k-download-now .img-link > a > img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    display: inline-block;
}

.k-download-now .img-link > a {
    display: inline-block;
}

.k-reviews-profile-box {
    display: flex;
    width: 100%;
}

.k-reviews-profile-box p.ratings-section img.custom_start {
    width: 16px !important;
}

.k-reviews-profile-box .first {
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.k-reviews-profile-box .first > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.k-reviews-profile-box .second {
    margin-left: 5px;
    width: 100%;
}

.k-reviews-profile-box .second p.title {
    font-weight: 600;
}

.k-reviews-profile-box .second p.specialities {
    font-size: 13px;
    color: #aaa;
    line-height: 15px;
}

.k-reviews-profile-box .k-reviews p.ratings-section {
    width: 100%;
    justify-content: space-between;
}

.k-reviews-profile-box .k-reviews p.ratings-section {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

.k-reviews-profile-box .k-reviews p.ratings-section span.stars {
    display: flex;
}

.k-reviews-profile-box .k-reviews p.ratings-section span.reviews-text {
    padding-left: 2px;
    font-size: 14px;
}

.k-reviews-progress-box {
    display: flex;
    width: 100%;
    align-items: center;
}

.k-reviews-progress-box .first {
    flex: 1.2;
}

.k-reviews-progress-box .second {
    flex: 3;
}

.k-reviews-progress-box .third {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.k-reviews-progress-box .second .progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
    margin: 0;
}

.k-reviews-progress-box .second .progress .progress-bar {
    background-color: #25BCEE;
}

.k-all-reviews-top .review {
    display: flex;
    margin-bottom: 10px;
}

.k-all-reviews-top .review-first {
    float: left;
    margin-right: 8px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.k-all-reviews-top .rating-section {
    line-height: 26px;
}

.k-all-reviews-top .custom_start {
    width: 16px !important;
    height: auto;
    display: unset !important;
}

.k-all-reviews-top .review .review-first > span {
    font-size: 13px;
    color: #aaa;
}

.k-all-reviews-top .review p.title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}

.k-all-reviews-top .review p.details {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

.k-all-reviews-top div#load_more > button {
    color: #fff;
    border-color: #25BCEE;
    background: #25BCEE;
    height: 30px;
    font-size: 16px;
    width: auto;
    padding: 0 10px;
    border-radius: 22px;
    min-width: 140px;
    margin-bottom: 10px;
    line-height: 30px;
    text-transform: unset;
}

.k-all-reviews-top .hide_content {
    display: none;
}

.margin-right-8 {
    margin-right: 8px;
}

.k-all-reviews-top .read-more-show {
    cursor: pointer;
    color: #25BCEE;
    font-weight: 600;
}

.k-all-reviews-top .read-more-hide {
    cursor: pointer;
    color: #25BCEE;
    font-weight: 600;
}

.reviews-arrow-button-top > a > img {
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.row.language-search-box {
    width: 100%;
    margin-bottom: 0;
}

.row.language-search-box .input-field {
    margin-top: 0;
    padding: 0;
}

.send_button > img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

span.signle-emoji {
    display: inline-block;
}

span.signle-emoji img.emojione {
    height: 100% !important;
}

.new-msg-container .col-auto.d-flex.align-items-center {
    align-items: flex-end !important;
}

/*.new-msg-container .btn-floating {
    height: 32px;
}
.new-msg-container .btn-floating i {
    line-height: 32px;
}*/
/*
*   -----------------
*   emojioneare css
*   -----------------
*/
.emojionearea, .emojionearea.form-control {
    margin-left: 34px;
}

.attach-btn > i {
    transform: rotate(
            -45deg
    );
}

.emojionearea .emojionearea-editor {
    padding: 10px 12px 10px 12px;
}

.emojionearea .emojionearea-button {
    left: -30px;
    bottom: 6px;
    top: unset !important;
}

#new_msg_form .send-msg-top {
    padding: 0 0.75rem 0 0;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
    width: 0;
}

.emojionearea .emojionearea-editor {
    min-height: auto;
    text-align: left;
    max-height: 112px;
    /*max-width: 800px;*/
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

.emojionearea .emojionearea-picker {
    width: 100%;
    right: 0 !important;
}

.emojionearea .emojionearea-picker .emojionearea-wrapper {
    width: 100%;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
    display: flex;
    justify-content: center;
    align-items: center;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
    flex: 1;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel {
    display: flex;
    justify-content: space-between;
    height: 36px;
    align-items: center;
}

.emojionearea .emojionearea-picker .emojionearea-search {
    flex: 1;
    height: 30px;
    margin-right: 10px;
    display: flex;
}

.emojionearea .emojionearea-picker .emojionearea-search > input {
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: 27px;
    border-radius: 0;
    padding: 0 5px;
    font-size: 14px;
    text-align: left;
    line-height: 27px;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel + .emojionearea-scroll-area {
    height: 200px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
    width: 32px;
    height: 32px;
    margin: 1.6px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
    width: 32px;
    height: 32px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
    font-weight: 600;
}

.contact-profile.r-group-name {
    display: flex;
    justify-content: space-between;
}

.r-group-name .blue-icon {
    color: #0473AA;
    cursor: pointer;
}

.k-web-popup .white-icon {
    color: #FFFFFF;
    cursor: pointer;
}

.k-web-popup .edit-mode {
    display: none;
}

.k-web-popup .edit-icon {
    display: flex;
    justify-content: center;
    line-height: 36px;
}

.k-web-popup .upload_image {
    position: absolute;
    height: 35px;
    width: 35px;
    justify-content: center;
    background: #0473AA;
    border-radius: 100%;
    line-height: 34px;
}

.k-web-popup .edit-from-field {
    width: 200px !important;
    height: 30px !important;
}

.k-group-sender-name {
    cursor: pointer;
}

.k-language-switcher .form-group {
    display: flex;
    margin: 15px 0 0 0;
    justify-content: flex-start;
    align-items: center;
}

.k-language-switcher .form-group label {
    margin: 0 10px 0 0;
    font-size: 1rem;
    color: #000;
}

.k-language-switcher .form-group select {
    width: auto;
}

.k-language-switcher {
    display: flex;
    justify-content: center;
}

a.dropdown-item.select_quick_text {
    white-space: normal;
    display: flex;
}

.dropdown a.dropdown-item {
    color: #212529 !important;
}

a.dropdown-item:hover {
    color: #16181b !important;
    text-decoration: none !important;
    background-color: #f8f9fa !important;
}

div#meet {
    height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    /*position: absolute;*/
    position: relative;
    bottom: 0;
    z-index: 1001;
    width: 100%;
}

.k-upper-header.k-header-top.k-caller-top {
    background: #696969;
    color: #fff;
}

.k-caller-top .chat-header-text .chat-header-name-ent {
    color: #fff;
}

.is-opened-profile div#middle_header {
    padding-right: 16px;
}

.is-opened-profile div#middle_header_ent {
    margin-right: 16px;
}

#ajax_quick_text .hide_content {
    display: none;
}

#ajax_quick_text .read-more-show-quick {
    cursor: pointer;
    color: #25BCEE;
    font-weight: 500;
}

#ajax_quick_text .text {
    display: none;
}

#ajax_quick_text .read-more-hide-quick {
    cursor: pointer;
    color: #25BCEE;
    font-weight: 500;
}

.k-chat-card-top .k-card.k-chat-card {
    margin: 0;
}

.k-accounting-view {
    display: none;
}

.k-accounting-view.open {
    position: relative;
    flex: 1 1 0;
    order: 2;
    z-index: 1;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #fff;
}

.k-accounting-header {
    display: flex;
    justify-content: space-between;
    padding: 60px 40px 0 0;
    align-items: center;
}

.k-accounting-header .heading {
    background: #00aee5;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    width: 190px;
    text-align: left;
    border-radius: 0 13px 13px 0;
    padding: 0 0 0 10px;
    line-height: 32px;
}

.k-accounting-header .k-accounting-logo {
    width: 40px;
}

.k-accounting-top {
    height: 100%;
}

.k-accounting-top .inner .bottom.mail {
    display: flex;
}

.k-accounting-top .mtp {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row !important;
    background: #FFFFFF;
    padding: 10px 20px;
    align-items: center;
}

.k-accounting-top .mtp .icon {
    flex: auto 0 0;
    width: 42px;
    height: 42px;
    cursor: pointer;
}

label#invoice_email_status {
    margin-bottom: 0;
}

.k-accounting-top .mtp .button {
    display: flex;
    margin-left: 15px;
    flex: auto 0 0;
    align-items: center;
}

.k-accounting-top .mtp .button .setting {
    cursor: pointer;
}

.k-accounting-top .mtp .text {
    flex: auto 0 0;
    padding: 0 15px 0 0;
    color: #000;
    font-weight: 500;
    font-size: 17px;
}

.k-accounting-top .mtp .input {
    flex: 1;
}

#invoiceEmail .input > input {
    margin: 0 !important;
    height: 42px;
    background: #F6F5FA;
    border: 1px solid #E7EDF0;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 0 5px;
}

#invoiceEmail .input > input:focus {
    border-bottom: 1px solid #E7EDF0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.k-accounting-top .mtp .input > input {
    border-bottom: 1px solid #E7EDF0 !important;
    box-shadow: unset !important;
    padding: 0 8px;
    line-height: 42px;
}

.k-accounting-top .mtp .button > button {
    background-color: #00BFF3;
    border-radius: 5px;
    border-color: #00BFF3;
    box-shadow: unset;
    height: 42px;
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px;
    padding: 0 20px;
    min-width: 140px;
}

.k-accounting-top .inner .bottom.mail form {
    width: 100%;
    margin-bottom: 0;
}

.k-accounting-top .inner {
    height: 100%;
    display: flex;
    flex: 100%;
    justify-content: space-between;
    flex-direction: column;
    background: var(--k-gray-pre-background);
}

.k-accounting-top .inner .top {
    /* padding: 0 20px; */
    height: calc(100% - 62px);
    background: var(--k-gray-pre-background);
    overflow-y: auto;
}

.profile-settings-main.settings_account {
    overflow-y: auto;
}

.k-accounting-top .inner .item {
    padding: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
    border-bottom: 1px solid var(--k-border-color);
    background-color: #fff;
    padding: 0 20px;
}

.k-accounting-top .inner .item .left {
    font-weight: 600;
    color: #1A2129;
}

.k-accounting-top .inner .item .right {
    display: flex;
    align-items: center;
    color: #88939B;
}

.k-accounting-top .inner span.icon {
    display: inline-block;
    width: 44px;
    cursor: pointer;
    margin-left: 20px;
}

.k-accounting-top .inner .item.loading {
    opacity: 0.3;
}

/**
        Styles for change role
     */
div.UserStatusPopup {
    background-color: transparent;
    width: 100%;
    max-height: 100%;
    padding: 10px;
}

.UserStatusPopup .modal-header {
    padding: 0 1rem;
    border-bottom: none;
}

.UserStatusPopup .modal-content {
    border-radius: 5px;
    border-top: 5px solid #5699e2;
    border-bottom: 5px solid #5699e2;
}

.UserStatusPopup .modal-footer {
    background-color: transparent;
    padding: 4px 6px;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none;
}

.UserStatusPopup .modal-body {
    padding: 0 1rem;
}

.UserStatusPopup .modal-title {
    margin-top: 0;
}

.UserStatusPopup .cancel {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

.UserStatusPopup .next {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #5699e2;
}

.UserStatusPopup .input-mt {
    margin-top: 10px;
    margin-bottom: 0;
}

.UserStatusPopup .country_code_label {
    top: -23px;
}

.UserStatusPopup .cancel_role {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

.is-opened-profile #new_msg_form .row.h-100 {
    margin-right: 16px;
}

div.new-msg-container.chat_role_change::before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgb(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.toggle_previous_role {
    display: flex;
    justify-content: center;
    align-items: center;
}

div#previous_chat_trigger .toggle_previous_role {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 50px;
    line-height: 20px;
    color: rgba(0, 0, 0, .6);
    font-size: 14px;
    background: #F1F1F2;
    z-index: 99;
}

div#qr_ajax_data .images_all {
    max-width: 175px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 3px;
}

div#qr_ajax_data .images_all .first,
div#qr_ajax_data .images_company .first {
    padding: 2px;
    max-width: 57px;
}

.qr_all div#qr_ajax_data_all > svg,
.qr_company div#qr_ajax_data_company > svg {
    padding: 7px;
}

div#qr_ajax_data .qr_all,
div#qr_ajax_data .qr_company {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

div#qr_ajax_data .images_company {
    max-width: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 3px;
}

.qr_all div#qr_ajax_data_all {
    margin: 0;
    /*padding: 4px;
    background: repeating-linear-gradient( to bottom, #00B9EE, #00B9EE 30.3%, #00FF00 33.3%, #00FF00 80%, #FF00FF 80%, #FF00FF )no-repeat;*/
    /*background: url(../images/icons/qr.frame.color.only.svg) no-repeat center center;*/
    padding: 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.qr_company div#qr_ajax_data_company {
    /*border: 4px solid;
    border-color: #FF00FF;*/
    margin: 0;
    background: url(../images/icons/qr.frame.pink.only.svg) no-repeat center center;
    padding: 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.msg-box span.mDspan {
    position: absolute;
    top: 0;
    height: 26px;
    width: 26px;
    right: 0;
    color: rgb(0, 0, 0, 0.3);
    cursor: pointer;
    display: none;
    background-color: inherit;
    border-radius: 5px;
    z-index: 999;
}

.msg-box:hover span.mDspan {
    display: block;
}

.k-accounting-top .mtp .input {
    flex: 1;
    text-align: left;
}

.msg-box span.mDspan i.material-icons {
    font-size: 22px;
    right: 0;
    float: right;
}

.k-inputs.d-buttons {
    margin-bottom: 12px;
}

.k-inputs.d-buttons .m-delete {
    background: #5699e2;
    border-color: #5699e2;
}

.k-inputs.d-buttons .m-delete.btn-mcancel {
    background: #e9e4e4;
    border-color: #e9e4e4;
    color: #000;
}

.wDM {
    color: rgb(0, 0, 0, .35);
    font-style: italic;
    padding-right: 8px;
}

.wDM::before {
    /*padding-right: 10px;
    content: "\f05e";
    font-family: FontAwesome;
    padding-right: 0.2em;
    font-style: normal;
    font-size: 18px;*/
    content: "";
    padding-right: 16px;
    font-style: normal;
    font-size: 16px;
    background: url(../images/icons/forbidden.svg) no-repeat center center;
    margin-right: 2px;
}

.loginDApp {
    padding: 0;
    text-align: center;
}

.loginDApp .title {
    font-size: 1.5rem;
    line-height: 1.2;
}

.loginDApp .link {
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 5px 0 15px;
}

.loginDApp .link > a:hover {
    text-decoration: none;
}

.loginDApp .images {
    display: flex;
    justify-content: center;
}

.loginDApp .images .app {
    padding-left: 3px;
}

.loginDApp .images .google {
    padding-right: 3px;
}

.msg-box.video-msg {
    float: unset;
    display: inline-block;
    background: #C1E6F8;
    padding: 3px 20px;
    border-radius: 8px;
    margin: 5px 0;
}

.k-login-top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    margin-top: -60px;
}

.k-login-content {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 17px 50px 0 rgba(0, 0, 0, .19), 0 12px 15px 0 rgba(0, 0, 0, .24);
    font-size: 1.5rem;
    line-height: 1.2;
    max-width: 900px;
}

.k-login-content .k-qr-section-top {
    padding: 64px 60px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.k-login-content .kla {
    display: flex;
    justify-content: flex-start;
}

.k-login-content .kla .second {
    padding-left: 15px;
}

.k-login-content .kla .second .images {
    display: flex;
    padding-top: 5px;
}

.k-login-content .kla .second .images .app {
    padding-left: 5px;
}

.k-login-content .kla .second .images img {
    width: 105px;
}

.k-login-content .klct {
    padding: 25px 0;
    font-size: 2rem;
}

.k-login-content .qr_all div#qr_ajax_data_all,
.k-login-content .qr_company div#qr_ajax_data_company {
    background: unset;
}

.k-login-content .kqrlt {
    display: flex;
    justify-content: space-between;
}

.k-login-content .kqrlt .right .inner {
    position: relative;
}

.k-login-content .kqrlt .k-login-qr-list ul li {
    line-height: 2em;
}

.k-login-content > .row {
    margin: 0;
}

.k-login-content .k-video-section {
    padding: 60px 60px;
    background-color: rgba(0, 0, 0, .025);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.k-login-content .video {
    max-width: 560px;
}

.new-login-header {
    background: #0473aa;
    display: flex;
    justify-content: flex-start;
    min-height: 140px;
}

.new-login-header {
    background: #0473aa;
    display: flex;
    justify-content: center;
    min-height: 140px;
    align-items: flex-start;
    padding: 25px 0 0;
}

.new-login-header .inner {
    max-width: 900px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.new-login-header .inner img {
    max-width: 250px;
    height: 29px;
    object-fit: contain;
}

.k-login-content .kqrlt .k-language-switcher {
    justify-content: flex-start;
}

.k-login-content .kqrlt .k-language-switcher .form-group {
    margin-top: 0;
}

.k-login-top {
    margin-bottom: 20px;
}

.k-login-content .qr_all div#qr_ajax_data_all > svg,
.k-login-content .qr_company div#qr_ajax_data_company > svg {
    padding: 0;
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #12A0D0;
    background-color: #12A0D0;
    border-radius: 4px;
}

::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
}

::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, .1);
}

#member_invitation_company_popup .availabe_member_list {
    max-height: 240px;
    overflow: scroll;
}

.k-contact-search input:focus {
    outline: unset;
}

.msg-content audio:focus {
    outline: unset;
}

.p-img-container.right-frame {
    border: 3px solid #d1d1d1;
    padding: 0;
    width: 120px;
    height: 120px;
}

.p-img-container.right-frame img {
    padding: 0px;
    border-radius: 50%;
    height: 100% !important;
    object-fit: cover;
}

.new-msg-container .url-metas {
    display: flex;
    align-items: center;
    width: 100%;
}

.new-msg-container .url-metas .inner {
    display: flex;
    /*flex-grow: 1;*/
    overflow: hidden;
    background-color: rgb(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-left: 40px;
    flex: 1;
}

.new-msg-container .url-metas .img-box {
    flex: 0 0 auto;
}

.new-msg-container .url-metas .img-box > img {
    width: 83px;
    min-width: 83px;
    height: 83px;
    min-height: 83px;
    object-fit: cover;
}

.new-msg-container .url-metas .text-box {
    padding: 8px 12px 9px 11px;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 83px;
}

.new-msg-container .url-metas .close_url_metas {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    min-width: 40px;
    cursor: pointer;
}

.pdf-chat-container {
    position: relative;
}

.pdf-abs-container {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background-color: #D9F8BF;
    padding: 10px 5px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    align-items: center;
}

.c-msg .pdf-abs-container {
    background-color: #F2F4F5;
    /*background-color: #9ae9ff;*/
}

.pdf-abs-container p {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #333;
    /*overflow: hidden;*/
}

.pdf-abs-container .image {
    flex: 0 0 auto;
}

.pdf-abs-container p span.text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appointment-msg-text .btn-cancel.rec {
    background: var(--k-border-color) !important;
    border: 1px solid var(--k-border-color) !important;
}

.appointment-msg-text .btn-cancel {
    border: 1px solid var(--k-gray-light) !important;
    background: var(--k-gray-light) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 92px;
    min-height: 40px;
    /*margin-right: 10px;*/
}

.appointment-msg-text .btn-cancel > img {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.pdf-abs-container img {
    max-height: 35px;
}

.pdf-abs-container .image > img {
    max-width: 26px;
}

.pdf-count {
    float: left;
}

.chat-img-container {
    max-width: 400px !important;
    max-height: 330px;
}

.pdf-chat-container .chat-img-container {
    /*max-height: 182px;*/
    max-width: 400px !important;
    max-height: 330px;
}

.emojionearea .emojionearea-editor {
    word-break: break-word;
}

.availabe_search_companies_list {
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
}

.availabe_search_companies_list_new {
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
}

/* rami */
.background {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%;
    width: 370px !important;
    min-height: 200px;
}

.background .blur {
    animation: changeWidth 8s ease-in-out infinite;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(7px);
    border-right: 1px solid whitesmoke;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.background .videobtn {
    backface-visibility: hidden;
    background: transparent;
    border: none;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    left: 50%;
    padding: 12px 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 10px;
}

.background .videobtn i {
    font-size: 45px;
}

.video-timer {
    display: flex;
    align-items: center;
}

.video-date {
    margin-left: auto;
    z-index: 1001;
}

.msg-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s all linear;
}

.msg-list.msg-unchecked:hover {
    background-color: #c1e6f8;
    cursor: pointer;
}

.msg-list.msg-checked {
    background-color: #c1e6f8;
    cursor: pointer;
}

.u-msg-list {
    margin-top: 15px;
}

.c-msg-list {
    /*margin-top: 15px;*/
}

.u-msg .material-icons {
    font-size: 21px;
    margin-right: 5px;
}

.action-detail {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    padding: 5px 5px;
    height: 60px;
    align-items: flex-end;
    color: #fff;
    /* background-image: url("../images/image_text_bg.png"); */
    background: linear-gradient(
            0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
    /*background: linear-gradient(
            0deg
            , rgb(0 0 0 / 30%),rgb(0 0 0 / 0%));*/
}

.search-user-list:hover {
    background-color: #c1e6f8;
    cursor: pointer;
}

.search-user-list-checked {
    background-color: #c1e6f8;
    cursor: pointer;
}

/* preview */
.preview-container {
    position: relative;
    width: 100%;
    height: 0;
    top: 0;
    z-index: 5000;
    background: #e9ebeb;
    left: 0;
    background-color: grey;
}

.preview-container-ent {
    position: relative;
    width: 100%;
    height: 0;
    top: 0;
    z-index: 5000;
    background: #e9ebeb;
    left: 0;
    background-color: grey;
}

.preview-header {
    box-sizing: border-box;
    flex: 0 0 50px;
    background-color: #40bef1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.preview-header span {
    font-size: 18px;
    color: #fff;
    text-align: left;
}

.preview-container .preview-inner {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    margin: 0;
}

.preview-container-ent .preview-inner {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    margin: 0;
}

.preview-bottom .row {
    margin: 0;
    /*height: 60px;*/
}

.preview-middle .middle-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.preview-bottom .col-img {
    width: 80px;
    position: relative;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview-bottom .col-img img {
    height: 80px;
    width: 80px;
    object-fit: cover;
}

.add_btn {
    background: #fff;
    width: 80px;
    height: 80px;
    padding: 10px;
    cursor: pointer;
}

.add_btn i {
    line-height: 60px;
    font-size: 30px;
}

.col-img .close {
    position: absolute;
    right: -5px;
    top: -5px;
    color: white;
    z-index: 50;
    background-color: red;
    border-radius: 50%;
    width: 15px;
    font-size: 14px;
}

.preview-bottom {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 130px;
    background-color: #41bef166;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
}

.preview-middle {
    display: flex;
    position: relative;
    flex: 1 1 auto;
    align-items: flex-start;
    width: 100%;
    padding: 10px;
    margin: 0;
}

.middle-image img {
    max-height: 100%;
}

.middle-image video {
    max-height: 100%;
}

.preview-bottom .send_btn {
    position: absolute;
    right: 23px;
    top: -22px;
    background-color: #40bef1;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-shadow: 0px 2px 1px #00000036;
    cursor: pointer;
    text-align: center;
}

input.sendbtn {
    position: absolute;
    width: 80% !important;
    border-radius: 12px !important;
    padding-left: 10px !important;
    background: #fff !important;
    top: -50px;
}

.preview-bottom .send_btn i {
    line-height: 50px;
    padding-left: 3px;
}

.preview-header span#close_preview {
    cursor: pointer;
}

.preview-header span#close_preview_ent {
    cursor: pointer;
}

/* preview **** */
._loading {
    position: absolute;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #10bdee
}

.stop_sending {
    font-size: 29px;
    cursor: pointer;
    top: 0;
}

.show_size {
    width: 80px;
    background-color: white;
    text-align: center;
    border-radius: 0.5rem;
    vertical-align: middle;
    line-height: 30px;
    cursor: pointer;
}

.msg-box span.mDspan.mDspanOvr {
    background: linear-gradient(
            360deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, .1) 70%, rgba(255, 255, 255, 0.1));
    color: #fff;
    right: 4px;
    top: 3px;
    min-width: 30px;
}

.msg-box.msg_text_class {
    padding: 6px 3px 3px 8px;
}

.fwd_chcek {
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
}

.service_list {
    border-radius: 0;
    border: 1px solid var(--k-border-color);
}

.service_links {
    cursor: pointer;
    padding: 0 10px;
    display: flex;
}

#services .service_list {
    padding: 0;
    border: none;
}

#services {
    padding: 0px !important;
}

#services .profile-item {
    padding: 0px;
}

#services .service-list-item {
    margin: 1px 15px;
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.service_list:hover {
    /*cursor: pointer;*/
}

.right_top_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10;
    border-left: 1px solid var(--k-border-color);
}

.right_top_frame #add_service_save {
    cursor: pointer;
}

.add_service {
    position: absolute;
    right: 2%;
}

.reorder {
    color: #CBCFD0;
}

#medical_history input {
    background: white;
    padding: 10px;
    border: none;
    height: auto;
    font-size: 14px;
    color: var(--k-dark-text);
}

#medical_history .label {
    font-weight: 600 !important;
}

#save_service input {
    background: white;
    padding: 5px;
    border: none;
}

#save_service label {
    float: left;
    font-size: 14px;
    color: #666;
}

#save_service textarea {
    border: none;
}

#save_service .form-group {
    overflow: hidden;
}

#save_service input {
    height: auto;
    padding: 10px;
    font-size: 14px;
    color: var(--k-dark-text);
}

.inner_text {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    /* White */
    color: #FFFFFF;
}

.left_side_text {
    font-style: normal;
    font-weight: 600;
    text-align: start;
}

.session_strips a {
    border-radius: 5px;
    color: #fff;
}

.session_strips a:nth-child(1) {
    background: var(--k-primary-blue);
}

.session_strips a:nth-child(2) {
    background: #1CD084;
}

button.primary-btn {
    border-radius: 5px;
    background-color: #1CD084;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    justify-content: center;
    /* White */
    color: #FFFFFF;
}

.listing li {
    width: 48%;
    float: left;
    padding: 10px;
    background: #eee;
    margin-bottom: 10px;
    margin-right: 8px;
    display: flex;
    justify-content: space-between;
}

.detail_listing li {
    padding: 10px;
    background: #eee;
    margin-bottom: 10px;
    margin-right: 8px;
    display: flex;
    justify-content: space-between;
}

.text-name {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    /* identical to box height */
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #525A60;
}

.price {
    font-weight: bold;
}

.privacy {
    background: #F7F9FA;
    border: 1px solid var(--k-border-color);
    border-radius: 5px;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 10px;
    box-sizing: border-box;
    flex-wrap: nowrap;
    min-height: 91px;
    cursor: pointer;
}

.privacy .privacy-img-lable {
    background: #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin: 0;
    border: 1px solid var(--k-border-color);
    cursor: pointer;
}

.privacy .privacy-img-lable > img {
    width: 26px;
}

.privacy .second {
    padding-left: 15px;
}

.privacy.privacy-active {
    background: #30aee5;
    color: #fff !important;
}

.payment:hover {
    border: 1px solid var(--k-primary-blue);
}

#account_view_popup .k-edit-popup-body {
    overflow: hidden !important;
}

.member-update-popup.update-privacy-top .modal-header {
    margin: 0;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.member-update-popup.update-privacy-top .modal-body {
    padding: 20px 20px 25px 20px;
}

.privacy:last-child {
    margin-bottom: 0;
}

.update-privacy-top .modal-content {
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgb(16 18 24 / 28%);
    border-radius: 5px;
}

.update-privacy-top button:focus {
    background: transparent;
}

/*close*/
/* preview **** */
#get_news {
    height: 100% !important;
}

.btn-profile {
    background: #fff;
    border-radius: 25px;
    padding: 3px 30px;
    box-shadow: none;
    border: 1px solid #eee;
    color: #1A2129 !important;
    text-transform: capitalize;
    height: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

a.btn-favourite {
    background: #fff;
    border-radius: 80px;
    padding: 0;
    box-shadow: none;
    border: 1px solid var(--k-border-color);
    color: #1A2129 !important;
    text-transform: capitalize;
    height: 42px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.btn-profile p {
    background: #fff;
    padding: 0;
    margin: 0;
    width: unset;
}

.btn-profile:focus {
    background: #fff;
}

.btn-profile:hover {
    background-color: #fff;
    box-shadow: 3px 4px 8px #eee;
}

#ajax_quick_text .dropdown-item {
    color: var(--k-dark-text) !important;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin: 0 10px;
    width: auto;
}

#ajax_quick_text .dropdown-item:hover {
    background-color: #fff !important;
    color: #448aff !important;
}

#ajax_quick_text {
    width: max-content;
}

.new-msg-container .dropdown-item.edit_quick_text.quick_text_link {
    color: #00BFF3 !important;
    padding: 15px 10px 5px;
}

.new-msg-container .dropdown-item.edit_quick_text.quick_text_link:hover {
    color: #2473aa !important;
    background-color: #fff;
}

.new-msg-container .dropdown-menu {
    border: none;
    box-shadow: 1px 0px 12px #eee;
    border-radius: 7px !important;
}

.btn-box .btn-white {
    background: #fff;
    border-radius: 5px;
    height: auto !important;
    min-height: auto;
    padding: 5px 15px !important;
    font-weight: 600;
    color: #88939B !important;
}

.btn-box .btn-white:hover {
    color: #000 !important;
}

.border-none {
    border: none;
}

.user-profile-box {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 10px;
    cursor: pointer;
    background: #fff !important;
}

.user-profile-box .title {
    font-weight: 600;
    font-size: 14px;
    color: var(--k-dark-text);
}

.user-profile-box ul {
    margin: 5px 0 0;
}

.user-profile-box .specialityList {
    margin: 5px 15px;
}

.user-profile-box .list-group-item {
    position: relative;
    display: block;
    padding: 3px 0.55rem;
    margin-bottom: -1px;
    background-color: #fff;
}

k-specialities-profile-box {
    background: #fff;
}

.member .list-group-item {
    position: relative;
    display: block;
    padding: .25rem 0.15rem;
    margin-bottom: -1px;
    background-color: #fff;
}

.padding-0 {
    padding: 0px;
}

.margin-0-30 {
    margin: 4px 30px;
}

.padding-10-0 {
    padding: 10px 0px;
}

.border-radius-10 {
    border: 0px solid rgba(0, 0, 0, .125);
}

.display-flow-root {
    display: flow-root;
}

.user-profile-document .c-msg:before {
    display: none;
}

.user-profile-document .c-msg {
    margin-left: 0px !important;
}

.user-profile-document .doc-date {
    background: #fff;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 600;
}

.company-profile-member {
    height: 100%;
}

.user-member .k-contact li:last-child {
    border-bottom: none;
}

.medical-history {
    padding: 0px !important;
    background: #fff;
}

.medical-history .heading {
    background: #F9F8F6;
}

.medical-history .heading-second {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.heading-second .title {
    padding: 5px 0px;
}

.heading-second .right-frame-name {
    font-weight: 600;
}

.medical-history .detail {
    background: #fff;
    font-size: 10px !important;
    text-align: left !important;
    margin: 0px 20px;
}

.medical-history .description {
    font-size: 12px;
    text-align: left;
    margin: 0px 20px;
    line-height: 11px;
}

.txt-green {
    color: green;
}

.txt-red {
    color: red;
}

.medical-history .title {
    font-size: 13.5px;
    text-align: left !important;
    margin: 0px 20px;
}

.home-visit .first-cell {
    font-size: 10px;
    width: 32%;
    color: #000;
}

.home-visit .second-cell {
    font-size: 10px;
    width: 32%;
}

.home-visit .blank-cell {
    font-size: 10px;
    width: 6%;
    text-align: center;
}

.home-visit .third-cell {
    font-size: 10px;
    width: 32%;
}

.home-visit-time {
    font-size: 11px;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
    color: var(--k-dark-text);
}

.home-visit .inner.second {
    border-top: 1px solid #EDF1F8;
    margin-top: 18px;
    padding-top: 18px;
}

.img-first.members-specs > img {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.home-visit-time .inner {
    display: flex;
    justify-content: flex-start;
    margin-left: 30px;
}

.home-visit-time .inner .h-days {
    width: 80px;
}

.home-visit-time td, th {
    padding: 2px 1px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.home-visit-time .visit-time {
    /*border: 1px solid #eee;*/
    height: 29px;
    text-align: center;
    padding: 3px 0px;
    width: 84px;
    font-size: 13px;
}

.home-visit-time .header .text-muted {
    font-size: 13px !important;
    color: #000 !important;;
}

.display-inherit {
    display: inherit !important;
}

.k-group-profile {
    background: #fff;
}

.k-group-profile-head {
    padding: 8px 10px;
    background: #F3F3F3;
}

.group-profile-box-inner {
    margin: 0px 20px;
}

.group-profile-box {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 10px;
    cursor: pointer;
    background: #fff !important;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.medicine_list .title {
    background-color: #F9F8F6;
    margin: 0;
    padding: 10px 20px;
}

.medicine_list .description {
    font-size: 15px;
    font-weight: 500;
    color: var(--k-dark-text);
    padding-top: 10px;
}

.medicine_list .list {
    text-align: left;
    padding: 3px 20px 10px;
    border-bottom: 1px solid #eee;
    font-weight: 400;
    font-size: 13px;
    color: #6c757d;
}

.medicine_list .list:last-child {
    border-bottom: none;
}

.medicine_list .date {
    font-size: 14px !important;
    color: var(--k-dark-text) !important;
    font-weight: 500;
    font-style: normal;
}

.medicine_list .box {
    line-height: 10px;
    border-bottom: 1px solid #eee;
    padding: 10px 0px;
}

.medicine_list .box:last-child {
    border-bottom: none;
}

.group-profile-container {
    background-color: #efeeee4d;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

group-profile-container .group-profile-img {
    position: relative;
}

.group-profile-container .group-profile-img .group-profile-image {
    border-radius: 50%;
    background: #fff;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.group-profile-container .group-profile-img img {
    width: 100%;
}

.group-profile-container .groupimage {
    position: absolute;
    height: 25px;
    width: 25px;
    padding-left: 25px;
}

.group-profile-container .group-name-box {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
}

.group-profile-container .group-name {
    padding-bottom: 0;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}

.group-profile-container .group-info-hide {
    display: none;
}

.group-profile-header .btn-save {
    color: #00AEE5 !important;
    text-decoration: none !important;
}

.group-profile-header .hide-button {
    display: none;
}

.group-profile-container .k-c-name {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
}

.group-profile-container .k-c-name .k-group-member-name {
    /* display: flex; */
    /* align-self: center; */
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left_frame .k-contact-name .k-c-position > img.emojione {
    height: 20px;
}

.k-colors-list ul.list-group a:hover {
    color: #000;
}

.k-contact > .row.no-gutters {
    width: 100%;
}

.left-list-item > input, .sub-list-item > input {
    margin: 0 !important;
    height: 26px !important;
}

.k-contacts-header .row.no-gutters > div > div {
    width: 100%;
}

#edit_profile_form #country_picker {
    border-bottom: none !important;
    border-right: none !important;
}

.left-list-item:hover .country-code button {
    background-color: #f8f9fa !important;
}

#edit_profile_form #country_picker button:hover {
    background-color: #f8f9fa !important;
}

#edit_profile_form #country_picker button:focus {
    border: none !important;
    box-shadow: none !important;
    outline: unset !important;
}

#edit_profile_form .dropup .dropdown-toggle::after {
    transform: rotate(180deg);
}

.color-black {
    color: #000 !important;
}

.profile-box-container .right-bar {
    padding: 10px;
}

.profile-box-container .label {
    color: var(--k-dark-text);
    font-size: 15px !important;
    font-weight: 500 !important;
}

.profile-box-container .left-bar:hover {
    background-color: #ebebeb;
    /*padding: 15px 20px;*/
}

.membership-container {
    overflow-y: scroll;
    height: 100%;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.icon-circle {
    background: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin: 0px;
    cursor: pointer;
    border: 1px solid #ECF1F3;
}

.icon-circle img {
    height: 15px;
    width: 15px;
}

.k-chat-box {
    border-radius: unset;
}

.icon-image {
    width: 26px;
    margin: 8px 5px;
}

.foot {
    border-top: 1px solid #eee;
    position: absolute;
    width: 100%;
    z-index: 10000;
    text-align: center;
    font-size: 18px;
    color: #000;
    background: #FFF;
    display: flex;
    justify-content: center;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    display: none;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    box-shadow: 0px 0px 30px 0px #919191 !important;
    padding: 20px;
}

.foot .title {
    color: #38afe5;
}

.foot .btn-white {
    background: #fff;
    color: #000;
}

.slide-up {
    display: block !important;
    bottom: 0px !important;
}

.slide-down {
    display: none !important;
    bottom: -475px !important;
}

#edit_profile_form .country-code {
    flex: 0 0 12%;
}

#edit_profile_form .country-code .btn {
    background: #fff;
    box-shadow: none;
    color: #000;
    padding-left: 0;
}

#edit_profile_form .country-code .btn:hover {
    background: #f8f9fa;
}

#edit_profile_form .left-list-item input {
    padding: 15px 0 !important;
    font-size: 15px;
    font-weight: 500 !important;
}

form#edit_profile_form .left-list-item {
    padding-left: 20px !important;
}

form#edit_profile_form .bs-searchbox input {
    padding: 0px !important;
}

div#appointment-icon > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.appointment-msg-text {
    min-width: 364px;
    max-width: 364px;
    padding: 0;
}

.appointment-msg-text .aptop {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
}

.appointment-msg-text .aptop .icon {
    /* flex: auto; */
    flex: 0 0 auto;
}

.appointment-msg-text .apIconTop {
    width: 100%;
    gap: 10px;
}

.appointment-msg-text .aptop .apright {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 10px;
    flex: 1;
}

.appointment-msg-text .apIconTop > button {
    flex: 1;
    box-shadow: 2px 4px 4px 0px #00000040;
}

.appointment-msg-text .apIconTop > div {
    flex: 1;
    display: flex;
}

.appointment-msg-text .apIconTop > div > button {
    flex: 1;
    margin: 0 !important;
    box-shadow: 2px 4px 4px 0px #00000040;
}

.appointment-msg-text .anamnes .title {
    color: #1A2129;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
}

.appointment-msg-text .btn-edit:focus {
    background: var(--k-primary-blue);
}

.appointment-msg-text .anamnes .sub-title {
    color: #7E9579;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
}

.appointment-msg-text .btime {
    display: flex;
    justify-content: flex-end;
}

.appointment-msg-text .btime span.default-uname {
    font-size: 13px;
    color: #aaa;
    line-height: 13px;
}

.appointment-msg-text .btime span.time {
    font-size: 13px;
    color: #aaa;
    padding: 0 15px 8px 0;
    line-height: 13px;
}

.appointment-msg-text .aptop.anamnes {
    padding-bottom: 10px;
}

.profile-top-icons {
    display: flex;
    margin: 0 0 10px;
    justify-content: center;
}

.profile-top-icons .icon {
    padding: 0;
    margin-right: 8px;
    min-width: 60px;
}

.profile-top-icons .icon:last-child {
    margin-right: 0;
}

.profile-top-icons .icon img {
    width: auto;
    height: auto;
}

.profile-item .plocation {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: var(--k-dark-text);
    flex-wrap: nowrap;
    width: 100%;
    word-break: break-word;
}

.profile-item .plocation .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.profile-item .plocation .icon > img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.profile-item .plocation .text {
    flex: 1;
}

.user-profile-box ul li.list-group-item:last-child {
    padding-bottom: 0;
}

.user-profile-box ul li.list-group-item:last-child > .k-contact {
    border-bottom: 0;
}

.modal-content.conversion-rate {
    border: 0;
}

.conversion-rate .modal-title {
    font-size: 18px;
}

.conversion-rate .modal-header {
    border-bottom: 1px solid #DDE6ED;
    padding: 0px;
    padding-bottom: 10px;
}

.working-hour-container {
    background: #FBFBFB;
}

.working-hour-container .working-hour-header {
    background: #fff;
    box-shadow: 1px 1px 1px #eee;
}

#working-hour-timetable .switch label input[type=checkbox]:checked + .lever {
    background-color: #00aee5;
}

#working-hour-timetable .switch label input[type=checkbox]:checked + .lever:after {
    background-color: var(--k-gray-pre-background);
}

.working-hour-container .day-title {
    font-size: 18px;
    padding: 20px 10px;
}

.working-hours-background {
    background-color: var(--k-gray-pre-background);
    overflow-y: scroll;
    height: 100%;
}

.working-hour-container i.icon-chevron-up::after {
    content: '\005E';
    font-size: 31px;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 25px;
    color: #000;
    font-weight: 200;
}

.bootstrap-timepicker-widget i.icon-chevron-up::after, .bootstrap-timepicker-widget i.icon-chevron-down::after {
    content: '\005E';
    color: #333;
}

.bootstrap-timepicker-widget i.icon-chevron-up, .bootstrap-timepicker-widget i.icon-chevron-down {
    /*transform: rotate(90deg) !important;*/
    display: inline-block;
    font-size: 35px;
    margin-top: 10px;
}

.bootstrap-timepicker-widget i.icon-chevron-down {
    transform: rotate(180deg) !important;
    margin: 0 0 20px 0 !important;
}

.bootstrap-timepicker-widget table td a {
    padding: 10px 0 0 0 !important;
    margin-top: 0px !important;
}

.working-hour-background .switch label input[type=checkbox]:checked + .lever {
    background-color: #30aee5;
}

.working-hour-card {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px;
    width: 100%;
}

.working-hour-card .radio-input {
    margin-right: 20px;
}

.working-hour-card div.label {
    font-size: 14px;
    color: #333;
    line-height: 36px;
    font-weight: 500;
}

.working-hour-card input,
.k-radio input {
    opacity: 1 !important;
}

.k-radio input[type='radio']:before {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -5px;
    left: -5px;
    position: absolute;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
}

.k-radio input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: -5px;
    left: -5px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #cecdcd !important;
}

.k-radio input[type='radio']:checked:before {
    border: 2px solid #30aee5;
}

.working-hour-card .radio-lable {
    display: block;
    margin-left: 30px;
    line-height: 13px;
}

.k-radio input[type='radio']:checked:after {
    width: 14px;
    height: 14px;
    border-radius: 15px;
    top: -2px;
    left: -2px;
    position: relative;
    background-color: #30aee5;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #fff !important;
}

.visit-type::-ms-expand {
    display: none !important;
}

.working-hour-container .setting-hour-times {
    padding: 20px 10px;
}

.setting-hour-times .from-to {
    margin-top: 20px;
}

.setting-hour-times .from-to .title {
    width: 100px;
    color: #88939B;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.setting-hour-times .time {
    border: 1px solid var(--k-border-color);
    background: #fff;
    width: 100px;
    height: fit-content;
    border-radius: 5px;
}

.setting-hour-times .dash {
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.setting-hour-times .working-hour-time {
    text-align: center;
    border-bottom: 0 !important;
    margin: 0 !important;
}

.setting-hour-times .manipulate {
    font-size: 30px;
    padding: 10px;
    color: #38afe5;
    cursor: pointer;
}

.team-member {
    display: block;
}

.team-member .inner {
    display: flex;
    margin-right: 10px;
}

.team-member .images {
    display: flex;
}

.team-member .images .image {
    width: 28px;
    height: 28px;
    margin-left: -10px;
    padding: 0;
}

.team-member .images img {
    width: 100%;
    border-radius: 50px;
    padding: 0;
    height: 100%;
    object-fit: cover;
}

.team-member .teams-extra-count {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 0;
    margin-left: -10px;
}

.team-member .outer {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #7C8B94;
    color: #fff;
    font-size: 12px;
    width: 100%;
    height: 100%;
}

.team-member.spec .images .image {
    margin-left: 3px;
}

.team-member.spec .teams-extra-count {
    margin-left: 3px;
}

#appointment-icon .left-item img.item-thumb {
    /*width: 30px;*/
    margin-bottom: 2px;
}

.k-profile-container.custom-profile-css .profile-item p.p-name.right-frame-name {
    font-size: 18px;
    line-height: 24px;
}

#auto_reply_modal {
    z-index: 10000 !important;
}

#model-bottom-open {
    text-decoration: none;
}

.switch label input[type=checkbox]:checked + .lever {
    background: #38afe5 !important;
}

.switch label input[type=checkbox]:checked + .lever:after {
    background: #FFF !important;
}

.anamnesis-hide {
    display: none !important;
}

.anamnesis-show {
    display: flex !important;
}

.active-color {
    color: #00BFF3 !important;
}

.deactive-color {
    color: var(--k-dark-text) !important;
}

.group-info-preview {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
}

.group-info-preview .first_img {
    flex: 0 0 50px;
    margin-right: 15px;
    margin-left: 5px;
}

.group-info-preview .second_text {
    flex: 1;
}

.group-profile-img > .img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*padding: 2px;*/
    border: 2px solid #a8a8a8;
    position: relative;
}

.group-profile-img > label {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    bottom: -7px;
    z-index: 10;
}

.message_container.doc_view {
    flex-direction: row;
}

.privacy_icon.file-icon {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
}

.privacy_icon.file-icon img {
    max-height: 20px;
    height: auto !important;
    object-fit: contain;
    margin: auto;
}

.msg-box .msg-content audio {
    height: 54px !important;
}

.emojione {
    height: 3ex !important;
}

.video_req_top .msg-box .inner .msg-content {
    display: flex;
    justify-content: flex-start;
}

.video_req_top .msg-box {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    background: #fff5c4f2;
    border-radius: 15px;
    padding: 3px 20px;
    margin-top: 5px;
}

.video_req_top .msg-date {
    color: #333;
}

.k-video-call-text {
    padding-right: 5px;
    color: #333;
}

.doc_top audio {
    height: 54px !important;
}

.member-update-popup.invoiceEmail .modal-footer {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-update-popup.invoiceEmail .modal-footer > a {
    flex: 1;
}

.member-update-popup.invoiceEmail form {
    margin-bottom: 0;
}

.member-update-popup.invoiceEmail .modal-footer button {
    margin-top: 0;
    width: 100%;
    border-radius: 5px;
}

.member-update-popup.invoiceEmail .modal-footer button.submit_invoice_email,
.member-update-popup.invoiceEmail .modal-footer button.save-btn {
    background: #12A0D0;
    border-color: #12A0D0;
    box-shadow: unset;
}

.member-update-popup.invoiceEmail .modal-footer {
    padding: 30px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-update-popup.invoiceEmail .modal-content {
    padding: 50px 20px 25px 20px !important;
}

.member-update-popup.update-privacy-top.invoiceEmail .modal-body {
    padding: 0;
}

.k-accounting-top .mtp .button .switch label {
    margin-bottom: 0;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background-color: #00BFF3;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    background-color: #00BFF3;
    border-color: #00BFF3;
}

.btn-secondary.k-cancel-btn:not(:disabled):not(.disabled).active,
.btn-secondary.k-cancel-btn:not(:disabled):not(.disabled):active,
.show > .btn-secondary.k-cancel-btn.dropdown-toggle,
.btn-secondary.k-cancel-btn:focus {
    background-color: darkgray;
    border-color: darkgray;
}

.update-privacy-top button.k-cancel-btn:focus {
    background: darkgray;
    color: #fff;
}

.p-map-container.ploc {
    height: calc(100% - 66px);
    margin-top: 0;
}

.p-location-t {
    height: 100%;
}

.doc_top .msg_checkbox {
    display: flex;
    align-items: center;
}

.doc_top .chck {
    display: flex;
}

form#edit_profile_form .left-list-item.t_privacy {
    position: relative;
    padding-right: 10px !important;
}

.member-update-popup.enterprise_doctor .modal-header {
    /*margin-top: 10px !important;*/
    padding-bottom: 10px !important;
}

.member-update-popup.enterprise_doctor .modal-body {
    padding: 0;
}

.member-update-popup.update_member_role.enterprise_doctor .modal-content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.docMItem {
    display: flex;
    justify-content: flex-start;
    /*align-items: center;*/
    min-height: 36px;
    border-bottom: 1px solid #dee2e6 !important;
}

.docMItem > span {
    display: inline-block;
    padding: 5px 0;
    cursor: pointer;
    flex: 1;
}

.enterprise_doctor_ajax {
    overflow: auto;
    height: 350px;
}

.ent_dc_search,
.ent_dc_search_inv {
    background: #FBFBFB;
    width: 100%;
    height: 45px;
    padding: 4px 20px;
    position: relative;
    box-shadow: 0px 1px 0px #f3f3f3;
    margin: 0 0 10px;
}

.ent_dc_search .icon-search,
.ent_dc_search_inv .icon-search {
    color: #C5C5C5;
}

.ent_dc_search .icon-search,
.ent_dc_search .icon-back,
.ent_dc_search_inv .icon-search,
.ent_dc_search_inv .icon-back {
    position: absolute;
    left: 35px;
    line-height: 37px;
    height: 37px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.ent_dc_search .icon-close,
.ent_dc_search_inv .icon-close {
    display: none;
    position: absolute;
    right: 25px;
    font-size: 20px;
    top: 4px;
    color: #C5C5C5;
    line-height: 37px;
    cursor: pointer;
}

.ent_dc_search input,
.ent_dc_search_inv input {
    width: 100%;
    height: 100%;
    padding: 5px 45px;
    border-radius: 5px;
    border: 1px solid var(--k-gray-pre-background);
    box-sizing: border-box;
}

.ent_dc_search .icon-back,
.ent_dc_search_inv .icon-back {
    color: #5699e2;
    cursor: pointer;
    display: none;
}

.modal button.close:focus {
    background-color: unset;
}

.chat-date-box {
    text-align: center;
}

.appointment-msg-text .msg-date img {
    background-color: unset;
    padding: 0;
    border-radius: 0;
}

.appointment-msg-text .btime img {
    background-color: unset;
    padding: 0 0px 8px 0;
    border-radius: 0;
}

.k-fwd-checkbox-top {
    width: 5%;
    margin-right: 10px;
}

.reply-msg-top .r-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.reply-msg-top.reply-msg-box .r-left {
    margin-left: 0;
}

.reply-msg-top .r-left {
    margin-left: 66px;
    background-color: rgba(11, 20, 26, 0.05);
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow-y: hidden;
    flex: 1;
    flex-grow: 1;
    margin-bottom: 6px;
    text-align: left;
    width: 100%;
}

.r-name {
    display: inline-flex;
    max-width: 100%;
    font-size: 12.8px;
    font-weight: 600;
    line-height: 22px;
}

.r-msg {
    display: -webkit-box;
    max-height: 60px;
    overflow: hidden;
    font-size: 13.2px;
    line-height: 20px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: pre-wrap;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

._3o5fT {
    background-color: initial;
    border-radius: 0;
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.-gKwI {
    padding: 7px 12px 10px 11px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    min-height: 42px;
    overflow: hidden;
    flex-direction: column;
    width: 100%;
    border-top-right-radius: 7.5px;
    border-bottom-right-radius: 7.5px;
    justify-content: center;
}

span._3jrlM {
    border-top-left-radius: 7.5px;
    border-bottom-left-radius: 7.5px;
    flex: none;
    width: 4px;
}

.bg-color-1 {
    background-color: #06cf9c !important;
}

.bg-color-2 {
    background-color: #53bdeb !important;
}

.color-1 {
    color: #06cf9c !important;
}

.color-2 {
    color: #53bdeb !important;
}

.reply-msg-top .r-close {
    min-width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 11px;
}

/* new */
._3yqEq {
    flex: 0 0 auto;
    overflow: hidden;
}

._2W5Qi {
    background-position: 50%;
    background-size: cover;
}

.NdQ5u ._2W5Qi {
    z-index: 1 !important;
    overflow: hidden;
    position: relative;
    width: 83px;
    height: 83px;
}

.ppled2lx {
    height: 100%;
}

.ln8gz9je {
    width: 100%;
}

.g0rxnol2 {
    position: relative;
}

.p357zi0d {
    display: flex;
}

.lhggkp7q {
    position: absolute;
}

.jnl3jror {
    z-index: 1;
}

.gndfcl4n {
    align-items: center;
}

.ac2vgrno {
    justify-content: center;
}

.t3g6t33p {
    background-position: center;
}

.qnwaluaf {
    background-size: cover;
}

.group-profile-box-inner.group-btm .k-contact {
    height: 50px;
}

.sig-btm-box.appointment-msg-text {
    min-width: unset !important;
    margin: 5px 0 10px;
}

.sig-top-box {
    display: flex;
    min-height: 32px;
    align-items: center;
    padding: 0 8px;
    font-size: 15px;
    font-weight: 600;
    min-width: 372px;
}

.sig-top-box span.stext:before {
    content: url(/images/icons/aptmnt_chat.png);
    padding-right: 6px;
}

.sig-top-box span.stext {
    display: flex;
}

.sig-btm-box.appointment-msg-text button {
    flex: 1;
    margin: 0 8px;
}

.sig-btm-box.appointment-msg-text .btn-cancel {
    background: var(--k-border-color) !important;
    margin-right: 0 !important;
}

.sig-btm-box.appointment-msg-text button.btn-edit:active {
    background-color: #38afe5;
    border-color: #38afe5;
}

.sig-btm-box.appointment-msg-text img {
    background: inherit;
    padding: 0;
    border-radius: 0;
}

#sig_canvas,
#md01Canvas,
#html_sig_canvas {
    background: #fff;
    display: block;
    margin: 0;
    border-radius: 0;
    cursor: url('../images/icons/cursor.png'), crosshair;
}

#md01Canvas {
    width: auto;
    height: auto;
    max-width: 100%;
}

.signatureCreate .modal-body {
    background-color: #dedede;
    min-height: 320px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.signatureCreate .modal-content {
    padding: 0 !important;
    /* max-width: 476px; */
}

.signatureCreate .modal-footer {
    display: flex;
    justify-content: center;
    align-content: center;
}

.signatureCreate .sig-btnz {
    width: 40px;
    margin-right: 2px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signatureCreate .sig-btnz > img {
    cursor: pointer;
}

.member-update-popup.update-privacy-top.signatureCreate .modal-header {
    padding-right: 5px;
    display: flex;
    justify-content: space-between;
}

.member-update-popup.update-privacy-top.signatureCreate .modal-header button.close {
    margin: 0;
    display: flex;
}

.member-update-popup.update-privacy-top.signatureCreate .modal-header .sig-btnz {
    margin-right: 5px;
    width: 40px;
    padding: 10px;
}

.member-update-popup.update-privacy-top.signatureCreate .modal-header button.close > span {
    width: 20px;
    height: 20px;
    line-height: 16px;
}

.sig_attachment {
    width: 500px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.sig_attachment > img {
    max-height: 100%;
    padding: 10px !important;
}

.custom-profile-css.k-profile-notes {
    padding: 7px;
}

.k-profile-notes .profile-item.text {
    height: calc(100% - 59px);
}

.custom-profile-css.k-profile-notes .profile-item {
    padding: 0;
}

.k-profile-notes .profile-item.text textarea {
    background: #FFFFFF;
    border: 1px solid var(--k-border-color);
    border-radius: 5px;
    height: 100% !important;
    padding: 0.5rem;
    font-size: 14px;
}

.k-profile-notes .profile-item.text textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--k-border-color);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.k-profile-notes .profile-item.k-notes-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 59px;
}

.k-profile-notes .profile-item.k-notes-btn .form-group {
    margin-bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.k-notes-btn .btn {
    padding: 0 10px;
    min-width: 92px;
    height: 34px;
    background: #D5DBDD;
    border-radius: 5px;
    color: var(--k-dark-text);
    box-shadow: unset;
    font-size: 13px;
    font-weight: 600;
}

.k-notes-btn .btn.save {
    background: var(--k-primary-blue);
    color: #fff;
}

.chat_view_top {
    position: relative;
}

.chat_view_top .mDspan {
    position: absolute;
    top: 36px;
    right: 10px;
    z-index: 999;
    width: 30px;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    display: none;
}

.chat_view_top .mDspan i.material-icons {
    color: #88939B;
}

.chat_view_top:hover .mDspan {
    display: block !important;
}

.profile-item.notes-top .img-first {
    flex: 0 0 auto;
}

.profile-item.notes-top .img-last {
    flex: 0 0 auto;
}

.profile-item.notes-top .notes-text {
    text-align: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: pre-wrap;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.ent-middle-logo {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 70%;
    position: relative;
    width: auto;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #f1f1f2;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ent-middle-logo .img {
    border-radius: 50%;
    width: 210px;
    height: 210px;
    border: 2px solid lightgray;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
}

.ent-middle-logo .img > img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#enterprise_overview .modal-body {
    min-height: 237px;
}

textarea#enterprise_send_msg {
    padding-right: 80px;
}

._cGmt {
    padding: 6px 6px 0 6px;
    text-align: left;
}

[role=button] {
    cursor: pointer;
}

._cGmt ._2cL8h > .inner {
    /* background-color: #f0f2f5; */
    margin-right: 6px;
    padding: 0;
    cursor: default;
    border-radius: 16px;
    display: inline-flex;
    height: auto;
    max-width: calc(100% - 6px);
    vertical-align: top;
    position: relative;
    flex-direction: row;
    pointer-events: all;
}

._cGmt ._2cL8h .remove-invited-icon {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 9;
}

._cGmt .image {
    display: flex;
}

._cGmt ._8nE1Y {
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    min-width: 0;
    padding: 0;
    border-top: none !important;
}

._cGmt ._8nE1Y .inner {
    text-align: left;
}

._cGmt ._8nE1Y._2GJfO {
    padding: 0;
    display: flex;
    align-items: center;
    line-height: normal;
    font-size: 13.5px;
    font-weight: 400 !important;
    color: #3b4a54;
    box-sizing: border-box;
    flex: 0 0 auto;
    align-self: center;
    height: 100%;
}

._cGmt ._8nE1Y ._21S-L {
    font-size: 13.5px;
    font-weight: 400 !important;
    color: #3b4a54;
}

._cGmt ._8nE1Y ._21S-L {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    overflow-wrap: break-word;
}

._cGmt ._mAvtr {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 1px solid #a8a8a8;
    position: relative;
}

._cGmt ._mAvtr > img {
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
    height: 100%;
    visibility: visible;
}

._cGmt ._mName {
    visibility: visible;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow-x: hidden;
    position: relative;
}

._cGmt ._2cL8h {
    display: inline-block;
}

._cGmt ._2cL8h ._2NICU {
    margin-left: 6px;
}

._cGmt ._2NICU {
    flex: none;
    color: #8696a0;
    padding: 1px;
    margin: 4px;
    border-radius: 50%;
}

._cGmt ._2NICU {
    flex: none;
    color: #8696a0;
}

._cGmt ._2NICU > i {
    font-size: 13.5px;
}

.create_group_next > a {
    background-color: #2473aa;
}

.kContactListTop, .kGroupListTop {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.create_group_next {
    height: 100px;
    display: flex;
    justify-content: center;
    background-color: #F1F1F2;
}

.kEntFlex {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.entEDP {
    display: flex;
    padding: 0 20px 20px;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.entEDP .first {
    display: flex;
}

.entEDP .second {
    background-color: transparent;
    padding: 4px 6px;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none;
}

.entEDP .second .next {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: var(--k-primary-blue);
}

.member-update-popup .cancel:active, .member-update-popup .cancel:focus {
    background-color: var(--k-gray-light) !important;
    border-color: var(--k-gray-light) !important;
    color: #000 !important;
}

.entEDP .first .inner {
    width: 100%;
}

.entICT {
    display: flex;
    flex: 0 0 auto;
}

.entICT > a:first-child {
    margin-right: 15px;
}

.entAIT {
    padding: 15px 0 !important;
}

.entAITI {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.entAIT .image > img {
    float: right;
    height: 24px;
}

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

.entAIT .image {
    display: flex;
    gap: 5px;
}

.entAIT .image > img.ent_edit_add_icon {
    margin-right: 5px;
    padding: 4px;
}

span.cLDT {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

span.cLDT:before {
    content: "";
    padding-right: 16px;
    font-style: normal;
    font-size: 16px;
    background: url(../images/icons/forbidden.svg) no-repeat center center;
    margin-right: 2px;
    width: 16px;
    height: 16px;
}

span.entEDS {
    margin: 0 10px;
}

.entFaxModal input {
    border-color: #9e9e9e !important;
    height: 41px !important;
}

.entFaxModal .k-inputs input[type=text]:not(.browser-default):focus:not([readonly]),
.entFaxModal .k-inputs input.valid[type=text]:not(.browser-default) {
    box-shadow: none;
}

.entFaxModal .k-select-selectpicker button.btn.dropdown-toggle.btn-light {
    border-color: #9e9e9e;
}

.entFaxModal .k-select-selectpicker button.btn.dropdown-toggle.btn-light:focus {
    outline: none !important;
    box-shadow: none !important;
}

.phoneNumber .cancel:not(:disabled):not(.disabled):active {
    background: #e9e4e4 !important;
    color: #000 !important;
}

.phoneNumber .next:not(:disabled):not(.disabled):active,
.phoneNumber .next:not(:disabled):not(.disabled):hover {
    background: #5699e2 !important;
}

.k-contact-search.kCESearch {
    display: flex;
    padding: 4px 0 4px 5px;
}

.k-contact-search.kCESearch .icon-search,
.k-contact-search.kCESearch .icon-back {
    left: 15px;
}

.k-contact-search.kCESearch .icon-close {
    right: 5px;
    top: 0;
}

.kCESearch .search {
    position: relative;
    flex: 1;
}

.kCESearch .icons {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kCESearch .icons > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.chat-header-text.ent-filter-header {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 56px;
}

.chat-header-text.ent-filter-header .chat-header-name-ent {
    padding-top: 0;
}

.ent-filter-content {
    position: absolute;
    background: white;
    height: 100%;
    width: 100%;
}

.ent-filter-content > .efcInner .profile-settings-main {
    height: calc(100vh - 126px);
    overflow-y: auto;
}

.ent-filter-content .team-page-content .profile-box-container {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.ent-filter-content .profile-box-container.team-page > a {
    background-color: var(--k-gray-pre-background);
    border-bottom: 1px solid #DFE1E1;
}

.ent-filter-content .team-page-content .profile-box-container .left-bar {
    padding: 0 20px 0 40px;
}

.ent-filter-content .team-page-content .profile-box-container:hover {
    background-color: #ebebeb;
}

.kanonBtnz .cancel {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #e9e4e4;
    color: #000;
}

.kanonBtnz .next {
    min-width: 110px;
    padding: 0 10px !important;
    height: 32px !important;
    line-height: 32px !important;
    background: #5699e2;
}

.kanonBtnz .cancel:not(:disabled):not(.disabled):active {
    background: #e9e4e4 !important;
    color: #000 !important;
}

.kanonBtnz .next:not(:disabled):not(.disabled):active,
.kanonBtnz .next:not(:disabled):not(.disabled):hover {
    background: #5699e2 !important;
}

.efcBtm {
    position: absolute;
    bottom: 0;
    z-index: 999;
    height: 60px;
    width: 100%;
    background: var(--k-gray-pre-background);
}

.efcBtm > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 30px;
}

.qrCN > p {
    margin: 0;
    font-size: 16px;
}

.k-qr-code-main .liness-image {
    background: #fff !important;
}

.kQCITop {
    width: 200px;
}

.kHIcon > img {
    max-width: 20px;
}

.new-msg-container .header-btn .material-icons {
    color: var(--grey-header-icon);
}

.k-contact.entInItem {
    height: 60px;
}

.k-enterprise-container {
    flex: 1;
    min-height: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
}

#ajax_enterprise_list_top {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}
.k-inventory-container {
    height: calc(100% - 112px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
    background: #fff;
}

.k-prescription-container {
    height: calc(100% - 112px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
    background: #fff;
}

/* Search container for enterprise modules */
.ent-search-container {
    flex-shrink: 0;
}

/* List container for enterprise modules */
.ent-list-container {
    flex: 1;
    min-height: 0;
}

/* Dynamic list containers for enterprise modules - handles scroll pagination */
.ent-dynamic-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
    box-sizing: border-box;
    /* Ensure smooth scrolling and proper height calculation */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.ent-inventory-header-top {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ent-inventory-header-top > div:first-child {
    flex: 1;
}

.entIHBtns > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.entIHBtns > div > img {
    max-width: 24px;
    max-height: 24px;
}

.inventory_details input[type=text]:disabled {
    color: #000 !important;
}

.liness .inventory_details input {
    height: 44px !important;
}

.liness .inventory_details > div {
    /*min-height: 50px;*/
}

#enterprise_inventory .entEDP {
    padding: 5px 20px 20px 20px;
}

.appointment-msg-text .aptop.anamnes .icon > img {
    padding: 0;
}

.entInvMP input {
    border: 1px solid var(--k-gray-light) !important;
    border-radius: 4px !important;
    box-shadow: unset !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
}

.entInvMP input:focus {
    box-shadow: unset !important;
}

.entInvMP .input-field,
.entInvMP .input-group {
    padding: 0 6px !important;
}

.input-container {
    position: relative;
    display: inline-block;
}

.input-container input {
    padding-right: 32px; /* To make space for the icon */
}

.input-container i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    pointer-events: none; /* To prevent the icon from blocking input events */
}

.inventory-input-icon {
    position: relative;
    display: inline-block;
    width: 100%;
}

.inventory-input-icon input {
    padding-right: 20px !important;
    cursor: pointer;
}

.inventory-input-icon i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 4px;
    pointer-events: none; /* To prevent the icon from blocking input events */
    color: #FF0000;
    font-size: 27px;
    height: 3rem;
    align-items: center;
    display: flex;
}

.entInvMP textarea {
    border: 1px solid var(--k-gray-light) !important;
    box-shadow: unset !important;
    padding: 4px 5px !important;
    box-sizing: border-box !important;
    min-height: 65px;
}

.inv-ware-house-top {
    padding: 0 1rem;
}

.inv-ware-house-top > div {
    border-bottom: 1px solid var(--k-gray-light);
    padding: 10px 0;
}

.inv-ware-house-top:hover {
    background: var(--k-gray-light-background);
}

.iwh-name {
    font-weight: 600;
    margin-bottom: 5px;
}

.iwh-values > div.inner {
    display: flex;
    gap: 20px;
    line-height: 22px;
    color: var(--k-dark-text);
}

.iwh-values > div.inner .check {
    position: relative;
    flex: 0 0 30px;
    padding: 8px 0 0 4px;
}

.iwh-values > div.inner .left {
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.iwh-values > div.inner .left .left-inner {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 4px;
}

.iwh-values > div.inner .left .left-inner:last-child {
    margin-bottom: 0;
}

.iwh-values > div.inner .left .left-inner > div {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

.iwh-values > div.inner .right {
    flex: 0 0 120px;
    justify-content: flex-end;
}

.iwh-values > div.inner .right .pi_action {
    justify-content: flex-end;
}

.iwh-values > div.inner .input input {
    margin: 0;
    line-height: 22px;
    height: 22px;
    border-color: #C6CED1;
    border: 1px solid #C6CED1 !important;
    padding: 0 4px;
    border-radius: 4px;
    text-align: right;
    width: 50px;
    box-shadow: none !important;
}

.iwh-values > div.inner .left-inner .input input:read-only {
    border: none !important;
    background-color: transparent;
    cursor: default;
}

.iwh-values > div.inner .left-inner .input input[type=number]::-webkit-inner-spin-button,
.iwh-values > div.inner .left-inner .input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.iwh-values > div.inner .left-inner .input input[type=number] {
    -moz-appearance: textfield; /* Remove in Firefox */
}

.inventory-input-icon.item-name i {
    pointer-events: auto;
    cursor: pointer;
}

.whi_cancel_item,
.whi_save_item {
    display: none;
}

.inventory-input-icon.item-name input {
    cursor: auto;
}

.enterprise_doctor_ajax.invGroupItem {
    height: auto;
}

.enterprise_doctor_ajax.invGroupItem .entEDP {
    padding: 0 0 20px 0;
}

.enterprise_doctor_ajax.invGroupItem .entEDP .first {
    height: 300px;
    overflow: auto;
    padding: 0 20px;
    display: block;
}

.enterprise_doctor_ajax.invGroupItem .entEDP .second {
    padding: 0 20px;
}

.chat_list_view.inventory_detail > .active {
    background: #EEEEEE;
}

.inv-ware-house-top.inip-popup > div {
    display: flex;
    justify-content: space-between;
}

.ent-header-text-top .chat-header-name-ent {
    line-height: 20px;
    cursor: auto;
    min-height: 20px;
}

.ent-header-text-top i.material-icons {
    font-size: 20px;
}

.ent-header-text-top div#enterpriseoverview {
    line-height: 20px;
    height: 20px;
    display: flex;
    align-items: center;
}

.ent-header-text-top div#enterpriseoverview > p,
.ent-header-text-top div#enterpriseoverview > span {
    height: 20px;
}

.header-img-btn-top i.img {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-img-btn-top i > img {
    max-height: 24px;
    max-width: 24px;
}

.ent-filter-content > .efcInner .profile-settings-main .members-icon .icon-primary > img {
    height: 15px;
    width: 15px;
}

.ent-extra-filters {
    padding: 10px 40px;
    border-bottom: 1px solid #DFE1E1;
}

.ent-extra-filters .item {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
}

.ent-extra-filters .item .title {
    min-width: 200px;
    text-align: left;
    color: #000;
    font-size: 15px !important;
}

.ent-extra-filters .item .ent-filter-select {
    margin-right: 5%;
}

.ent-filter-select {
    display: flex;
    justify-content: space-between;
    flex: 1;
    background-color: var(--k-gray-pre-background);
    padding: 3px 6px;
    border-radius: 6px;
    overflow: hidden;
}

.ent-filter-select .text {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ent-filter-select .icon {
    flex: 0 0 auto;
    width: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ent-filter-select .icon .members-icon img {
    width: 15px;
    height: 15px;
}

.attach_sig_file i.material-icons {
    color: var(--grey-header-icon);
}

.entEDP .entCRI textarea {
    background: #FFFFFF;
    border: 1px solid var(--k-border-color);
    border-radius: 5px;
    height: 100% !important;
    padding: 0.5rem;
    font-size: 14px;
    width: 100%;
    min-height: 220px;
}

.entEDP .entCRI textarea:focus {
    border-bottom: inherit;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.ent_remarks_text > pre {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to display */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    font-family: inherit;
    font-weight: 700;
    font-size: 100% !important;
}

.not_alert_btn.phoneNumber {
    display: flex;
    justify-content: flex-start;
    padding: 5px 0 0 0;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
}

.not_alert_btn.phoneNumber .cancel,
.not_alert_btn.phoneNumber .next {
    width: auto;
    padding: 0 10px !important;
    min-width: 90px;
}

.not_alert_btn.phoneNumber .btn.cancel:focus {
    background-color: #e9e4e4;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.not_alert_btn.phoneNumber .btn.next:focus {
    background-color: #5699e2;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.ent_mod_header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.ent_mod_header .ent_add_btn {
    color: var(--k-primary-blue);
    cursor: pointer;
    font-weight: 600;
}

.ent_resend_box {
    cursor: pointer;
    position: absolute;
    left: -44px;
    top: 50%;
    transform: translateY(-50%);
}

.k-login-popup-section {
    text-align: left;
    width: 100%;
    padding-left: 60px;
    color: var(--k-primary-blue);
    display: flex;
    padding-bottom: 10px;
    font-size: 1rem;
}

.k-login-popup-section > div {
    width: auto;
    cursor: pointer;
}

.k-caption-text {
    display: inline-block;
    padding: 6px 6px 0 6px;
}

.k-login-popup-section > div > a:hover {
    text-decoration: none;
    color: var(--k-primary-blue);
}

.member-update-popup .modal-footer .chat_fwd_footer {
    background-color: transparent;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.prs_inner {
    background-color: initial;
    border-radius: 0;
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.prsLB {
    flex: none;
    width: 8px;
}

.pbg-color-1 {
    background-color: #1FFF1F !important;
}

.pbg-color-2 {
    background-color: #AE74E7 !important;
}

.pbg-color-3 {
    background-color: #FAFF00 !important;
}

.pbg-color-4 {
    background-color: #FF7A00 !important;
}

.pbg-color-5 {
    background-color: #FF7A00 !important;
}

.pbg-color-6 {
    background-color: #FF0000 !important;
}

.pbg-color-7 {
    background-color: #FF0000 !important;
}

.pbg-color-8 {
    background-color: #CCCCCC !important;
}

.pbg-color-grey {
    background-color: grey !important;
}

.pbg-color-green {
    background-color: #1FFF1F !important;
}

.pbg-color-orange {
    background-color: #FF7A00 !important;
}

.prs_item_top .k-c-time {
    text-align: right;
    line-height: 14px;
    padding-top: 4px;
}

.prs_item_top .k-contact-name .k-c-name,
.prs_item_top .k-contact-name .k-c-time,
.prs_item_top .k-contact-name .k-c-position {
    color: #1A2129;
}

.prs_item_top .k-contact-name .k-c-position {
    line-height: 17px
}

.header-btn-group.pre_hd_btnz {
    /* flex-direction: unset; */
}

.k-upper-header .pre_hd_btnz .btn-floating.btn-small i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.inventory_details.pre-details {
    color: var(--k-dark-text);
}

.pre-details .pred-top {
    background: var(--k-gray-pre-background);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pre-details .pred-top .item-left {
    text-align: left;
    font-weight: 600;
    padding: 3px 0;
}

.pre-details .pdt-top .table {
    background: var(--k-gray-pre-background);
    margin: 0;
}

.pdt-top .table thead th {
    border-bottom: 1px;
    font-weight: 400;
}

.pdt-top .table > tbody > tr > td {
    border-bottom: 1px;
    font-weight: 400;
}

.pdt-top textarea.materialize-textarea {
    border: 1px solid #dee2e6 !important;
    min-height: 60px;
    border-radius: 5px;
    background: var(--k-gray-pre-background);
    padding: 6px;
    font-size: 14px;
    margin: 0;
}

.pdt-top .form-group {
    margin: 0;
}

.pdt-top .form-group .label {
    text-align: left;
    font-weight: 600;
    margin: 0;
}

.pdt-top .pd-title {
    text-align: left;
    font-weight: 600;
    padding-top: 10px;
}

.pre-details {
    padding-bottom: 20px;
}

.btn-pre-req:hover {
    box-shadow: unset;
}

.btn-pre-req {
    box-shadow: unset;
    color: var(--k-dark-text);
    font-weight: 600;
    min-width: 160px;
    text-transform: capitalize;
}

.pre_ci_top {
    width: 100%;
}

.pre_ci_top .prc_item {
    display: flex;
    width: 100%;
    align-items: center;
    min-height: 40px;
    padding: 5px 0;
}

.pre_ci_top .prci_first {
    min-width: 120px;
}

.pre_ci_top .prci_second {
    flex: 1;
    cursor: pointer;
}

.prc_item2 {
    flex-direction: column;
}

.pi_inner_top {
    width: 100%;
    align-items: center;
    padding: 10px 0 5px;
}

.pi_action {
    display: flex;
    gap: 10px;
    margin-left: 10px;
    align-items: center;
}

.pi_inner {
    display: flex;
    width: 100%;
    padding: 8px 0;
}

.pi_inner .pi_qty {
    flex: 0 0 auto;
    min-width: 40px;
    text-align: center;
}

.pi_inner .pi_details {
    flex: 1;
}

.pdt-top.pi_notes {
    width: 100%;
}

.prc_add_icon {
    margin: 10px 0 0 0;
}

.prc_add_icon .pi_action {
    margin-left: 0;
}

.pi_action .remove-icon {
    cursor: pointer;
    width: 24px;
}

.prc_item_md .pi_inner {
    padding: 0;
    font-size: 13px !important;
}

.pi_qty .k-contact-img {
    width: 30px;
    height: 30px;
    border: 2px solid #10bdee;
}

.pi_item_top {
    cursor: pointer;
}

.pi_inner .pi_details .title {
    font-weight: 600;
    display: block;
    word-break: break-word;
}

.pi_fq_icn .icons {
    color: var(--k-primary-blue);
    font-weight: 600;
    cursor: pointer;
    height: 22px;
    width: 22px;
}

.pi_fq_icn {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    align-items: center;
}

.pi_fq_icn input {
    margin: 0 !important;
    border: 1px solid var(--k-gray-light) !important;
    border-radius: 4px !important;
    text-align: center;
    width: 32px !important;
    height: 22px !important;
    font-size: 13px !important;
}

.pi_inner.pi_final_item_top {
    align-items: center;
}

.pdt-top textarea.materialize-textarea:focus {
    box-shadow: unset !important;
}

.prdt-table-top tr > td:nth-child(1) {
    width: 80px;
}

.dropdown-pre-req-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-pre-req-content a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    color: #333;
}

.dropdown-pre-req-content a:hover {
    background-color: #f1f1f1;
}

.dropdown-pre-req-content > a {
    text-align: left;
    color: var(--k-dark-text) !important;
    font-weight: 600;
}

.ent_chat_header_top {
    display: flex;
    align-items: center;
}

.prescription_chat {
    position: relative;
}

.prescription_chat span.new_notification_badge {
    position: absolute;
    right: -4px;
    top: 0;
    background-color: red;
    z-index: 2;
}

.k-upper-header .prescription_chat .btn-floating.btn-small {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p_filter_select .input-field {
    width: 100%;
}

.p_filter_select .form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.entEDP.p_filter_md_top .second {
    justify-content: flex-end;
    gap: 15px;
}

.p_company_list_top .prescription_details {
    cursor: pointer;
}

.enterprise_c_details .pre_list_company_search .material-icons {
    color: #C5C5C5 !important;
}

.prc_item_md .pi_inner .left {
    width: 100%;
    display: flex;
    padding: 8px 15px;
}

.prc_item_md .pi_inner.pi_inner_final {
    padding: 8px 15px;
}

.modal {
    box-shadow: none;
}

.btn-pre-req:focus {
    box-shadow: none;
}

#prescription_inventory_items_ajax {
    overflow: auto;
    height: 350px;
}

.prescription_inventory_items_ajax {
    overflow: auto;
    height: 350px;
}

.k-profile-select:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.k-input-group-bordered input {
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    margin-top: 6px !important;
    height: 36px !important;
    padding: 0 8px !important;
}

.k-input-group-bordered input:focus {
    box-shadow: none !important;
}

.k-input-group-bordered select {
    width: 100% !important;
    margin-top: 10px !important;
}

.entEDP.preInsMTop .first {
    flex-direction: column;
}

video.fancybox-video {
    height: inherit !important;
}

.fancybox-content {
    height: 100% !important;
}

.pad_left_20 {
    padding-left: 20px !important;
}

.pi_action .remove-icon > img {
    width: 100%;
}

.registration_top {
    /*margin-top: 40%;*/
}

.dropdown .entDocHT {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.dropdown .entDocHT a.dropdown-item.title {
    background-color: var(--k-primary-blue);
    color: #fff !important;
}

.ent_doc_html_files_top .dropdown-menu {
    padding: 0 0 0.5rem;
}

.dropdown.ent_doc_html_files_top .entDocHT a.dropdown-item.title:hover {
    background-color: var(--k-primary-blue) !important;
}

.member-update-popup.enterprise_doctor.company_copy_text .modal-body {
    padding: 20px;
}

.company_copy_text img.editIcon {
    height: 16px;
}

.company_copy_text span.edit-icon {
    margin-left: 10px;
    margin-right: 10px;
}

.company_copy_text .role_item {
    display: flex;
}

.company_copy_text label input[type="text"] {
    font-weight: 500;
}

.company_copy_text input[type="text"] {
    margin: 0 !important;
    height: 20px !important;
    border-bottom: 0 !important;
    box-shadow: unset !important;
    font-weight: 700;
    font-size: 14px !important;
}

.company_copy_text textarea {
    border: 1px solid var(--k-gray-light) !important;
    border-radius: 4px !important;
    box-shadow: unset !important;
    padding: 5px 5px !important;
    box-sizing: border-box !important;
    min-height: 120px;
    width: 100%;
}

.company_copy_text textarea.materialize-textarea:disabled {
    color: inherit !important;
}

.company_copy_text .role_item > div {
    min-width: 120px;
}

.company_copy_text #copyButton {
    position: absolute;
    bottom: 25px;
    right: 5px;
    padding: 0;
    background: url('../images/icons/clipboard.png') center center no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    border: none;
    cursor: pointer;
}

.company_copy_text span.edit-icon.textArea {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
    background-size: contain;
    width: 35px;
    height: 35px;
    border: none;
    cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

div#company_copy_text {
    top: 10% !important;
    transform: translate(-50%, -10%) !important;
    border-radius: 20px;
    max-height: 90% !important;
}

.wound_m_top {
    display: flex;
    width: 100%;
}

#woundMeasurement .modal-body {
    align-items: unset;
}

.wound_m_top .w_m_canvas {
    background: #fff;
    margin: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.wound_m_top .w_m_icons {
    display: flex;
    flex-direction: column;
    width: 80px !important;
    align-items: center;
    padding: 10px;
    gap: 15px;
    justify-content: space-between;
}

.wound_m_top .w_m_icons > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.wound_m_top .w_m_icons .icon {
    background-color: var(--k-gray-pre-background);
    padding: 6px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wound_m_top .w_m_icons .icon > img {
    max-height: 40px;
}

.wound_m_top .w_m_inputs {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    padding: 10px;
    gap: 30px;
}

.wound_m_top .w_m_inputs div.top {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 5px;
}

.wound_m_top .w_m_inputs div.top > div {
    display: flex;
    flex-direction: column;
}

.wound_m_top .w_m_inputs div.top input {
    margin: 0 !important;
    height: 25px !important;
    line-height: 25px;
    font-size: 12px !important;
    border-radius: 4px !important;
    background: #fff !important;
    border-color: var(--k-border-color) !important;
    width: 80px !important;
    padding: 0 5px !important;
}

.wound_m_top .wm_unit_btnz {
    display: flex;
    gap: 1px;
    margin-top: 3px;
}

.wound_m_top .wm_unit_btnz button {
    border-radius: 3px;
    border-color: var(--k-border-color) !important;
    color: #000 !important;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px;
    text-transform: unset;
    min-width: 32px !important;
    background-color: var(--k-gray-light);
    box-shadow: none;
}

.wound_m_top .wm_unit_btnz button.active {
    background-color: #fff !important;
}

.wound_m_top .wm_unit_btnz button:hover {
    background-color: inherit;
    box-shadow: none;
}

.wound_m_top .w_m_inputs .bottom {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.wound_m_top .w_m_inputs .bottom button {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-transform: none;
}

#woundMeasurement .modal-header {
    height: auto;
}

.pi_dosage {
    font-size: 13px;
}

.pi_dosage .pi_fq_icn input {
    width: 22px !important;
    height: 22px !important;
    font-size: 13px !important;
    text-align: center;
    padding-left: 1px;
    line-height: 24px !important;
}

.pi_dosage .pi_fq_icn {
    gap: 0;
}

.pi_dosage .pi_fq_icn .input {
    display: flex;
    gap: 4px;
    margin-right: 10px;
    align-items: center;
}

.pi_dosage .pi_fq_icn .input:last-child {
    margin-right: 0;
}

.pdt-top.pdt-copy {
    display: flex;
    align-items: center;
    min-height: 44px;
    gap: 5px;
}

.pdt-top.pdt-copy .btn-floating.btn-small {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wound_m_top .w_m_icons .icon.active {
    background-color: var(--k-primary-blue);
    color: #fff !important;
}

.entEDP .first.entDT {
    gap: 5px;
    margin-top: 10px;
}

.modal {
    position: fixed;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    will-change: top, opacity;
    right: auto;
    width: auto;
    height: fit-content;
    margin: inherit;
    max-height: 80%;
    overflow-y: auto;
}

.pi_action .drag-icon.ui-sortable-handle {
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

.entCusListTop .k-contact-name {
    padding: 0 !important;
}

#html_document_viewer {
    max-height: 100vh;
    overflow: auto;
}

.pointer {
    cursor: pointer;
}

#submit-quick-text {
    background: none;
    border: none;
    color: #68a3e6;
    font-weight: bolder;
    cursor: pointer;
}

.quick_text_label {
    font-size: 15px;
    margin: 0;
    margin-top: 5px;
}

.contact-profile.space-between {
    justify-content: space-between;
}

.qtTTop {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    padding: 4px 20px;
    align-items: center;
    gap: 5px;
}

.qtTTop .qtTAreaTop {
    flex: 1 0 auto;
    display: flex;
}

.qtTTop .qtTAreaTop .qrtNumber {
    flex: 0 0 auto;
    padding: 0 2px;
}

.qtTTop .qtTAreaTop .qtTArea {
    flex: 1;
}

.qtTTop .qtTIcons {
    display: flex;
    gap: 8px;
}

.qtTTop .qtTIcons img {
    height: 20px;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.quick_text_title {
    margin-bottom: -5px;
}

.quick-text-input {
    border: none !important;
    color: black !important;
    font-size: 14px;
    resize: none;
    height: 36px;
    line-height: 16px;
}

.quick-text-input[readonly] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: pre-line;
    max-height: 36px;
    cursor: pointer !important;
}

.quick-text-input:focus,
.quick-text-input:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.quick-text-items {
    max-height: 450px;
    overflow: auto;
    padding-top: 15px;
}

.quick-text-header {
    /* min-height: 60px;
  width: 100%;
  position: sticky;
  top: 0;
  background: white;
  z-index: 9999;
  margin: 0;
    margin-top: 0px;
  padding-top: 10px !important; */
}

.sticky-bottom-right {
    float: right;
    margin-right: 20px;
    margin-bottom: 30px;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

.form-group.quick-text-list-item:last-child {
    margin-bottom: 0;
}

.sticky-bottom-right > a {
    background-color: var(--blue-header-color) !important;
    line-height: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.sticky-bottom-right > a:hover {
    background-color: var(--blue-header-color) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.ent_pdf_box {
    cursor: pointer;
    position: absolute;
    right: -44px;
    top: 50%;
    transform: translateY(-50%);
}

.ent_pdf_box.entPS {
    cursor: pointer;
    position: absolute;
    left: -44px;
    top: 50%;
    transform: translateY(-50%);
}

.new-msg-container .header-btn.mic_button:hover {
    text-decoration: none;
}

.phoneNumber .k-inputs input[type=text]:not(.browser-default):focus:not([readonly]),
.phoneNumber .k-inputs input.valid[type=text]:not(.browser-default) {
    box-shadow: none !important;
    border-bottom: 2px solid #5699e2;
}

.k-accounting-top .inner .item .left .bold {
    font-weight: 600;
}

.k-accounting-top .inner .item .left .normal {
    font-weight: 400;
}

.input.profileBDInputs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
}

.input.profileBDInputs > input {
    margin-bottom: 0 !important;
    padding: 0 10px !important;
    align-items: center;
    text-align: center;
}

.input.profileBDInputs .dot {
    color: #A1A1A1;
    padding: 0 10px;
}

.input.profileBDInputs > input.day, .input.profileBDInputs > input.month {
    width: 90px;
}

.input.profileBDInputs > input.year {
    max-width: 140px;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .modal-content {
    padding: 20px !important;
    display: flex;
    flex-direction: column;
    max-height: 90vh; /* Adjust as needed to fit within the viewport */
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .modal-body {
    flex: 1 1 auto;
    overflow: hidden;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .modal-footer {
    gap: 10px;
    padding: 0;
    flex: 0 0 auto;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .modal-footer button {
    width: auto;
    min-width: 150px;
    height: 46px;
}

.online_invoice_edit_list_modal .checkbox-top label {
    margin: 0;
    line-height: 0;
}

.online_invoice_edit_list_modal .checkbox-top [type="checkbox"] + span:not(.lever) {
    height: 20px;
    line-height: 20px;
}

.online_invoice_edit_list_modal .table td {
    padding: 10px 0.75rem;
}

input#online_invoice_edit_list_modal_search:focus, input#online_invoice_edit_list_modal_search:focus-visible {
    border: 1px solid var(--k-gray-pre-background) !important;
    outline: unset !important;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .table thead {
    flex: 0 0 auto;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .table tbody {
    flex: 1 1 auto;
    display: block;
    /*max-height: 300px; !* Set a specific height for the table body *!*/
    overflow-y: auto;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.member-update-popup.update_member_role.online_invoice_edit_list_modal .table thead,
.member-update-popup.update_member_role.online_invoice_edit_list_modal .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.online_invoice_edit_list_modal .checkbox-top label:last-child > span {
    padding-left: 20px;
}

.appointment-msg-text .msg-bottom {
    padding: 0 3px;
}

.OIELSTop {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px !important;
}

.OIELSTop .ent_dc_search {
    flex: 1;
    margin: 0;
    margin-right: 15px;
}

.OIELSTop .img {
    cursor: pointer;
}

.video-call-main .local-video {
    width: 100%;
    display: none;
    border: 2px solid white !important;
    border-radius: 5px !important;
}

.video-call-main .bottons-group-center .center-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    /* Adjust as needed */
    height: 40px;
    /* Adjust as needed */
    border-radius: 50%;
    /* To make it a circle */
    background-color: white;
    /* White background */
    margin: 5px;
}

.video-call-main .bottons-group-center .center-btns i {
    font-size: 25px;
    padding: 8px;
    cursor: pointer;
}

.video-call-main .bottons-group-center #callEnd {
    background: red;
    border-radius: 50%;
    color: white;
}

.video-call-main .bottons-group-center #callEnd i {
    color: #fff;
}

/*.......... index page........... */
.video-call-main .home-wrap {
    background-color: rgb(31, 30, 30);
}

.video-call-main .g-top {
    height: 89vh;
    position: relative;
}

.video-call-main .video-wrap {
    /* height: 600px; */
    /* height: 100vh; */
    /* column-gap: 30px;
    margin-top: 30px; */
}

.video-call-main .video-wrap > * {
    /* flex: 1 1 250px; */
    /* border: 1px solid white; */
}

.video-call-main .g-top-left {
    position: absolute;
    right: 0;
    height: 8vh;
    top: 0;
    border-bottom-left-radius: 10px;
}

.video-call-main .top-left-participant-wrap {
    position: relative;
}

.video-call-main .cursor-pointer {
    cursor: pointer;
    /* padding: 5px; */
}

/* .cursor-pointer:hover {
    cursor: pointer;
    padding: 5px;
    background-color: rgb(226, 225, 225);
    border-radius: 5px;
} */
.video-call-main .top-left-participant-count {
    position: absolute;
    top: -2px;
    right: -3px;
    font-size: 15px;
}

.video-call-main .g-bottom {
    background: #434141 !important;
    border: 2px solid #343232;
    border-radius: 10px;
    /* margin: 0 -10px !important; */
    padding: 10px 20px;
    /* box-shadow: 0 0 5px black; */
    z-index: 2;
}

.video-call-main .bottom-left {
    position: relative;
    padding: 5px;
}

.video-call-main .action-icon-style {
    padding: 10px;
    background: #5b5757;
    border-radius: 50%;
    color: white;
    cursor: pointer;
}

.video-call-main .action-icon-style:hover {
    color: black;
}

.video-call-main .action-icon-style span.material-icons {
    /* font-size: 18px; */
}

/* .end-call-wrap {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
} */
.video-call-main .top-remote-video-show-wrap {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    height: 100%;
    /* background-image: url(../images/bg.png) !important; */
}

.video-call-main .video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    margin-top: 20px;
}

.video-call-main .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* video {
    border: 1px solid gray;
    width: 400px;
    border-radius: 10px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
.video-call-main video {
    border-radius: 10px;
}

.video-call-main .active {
    /* background-color: #00808047;
    border-radius: 5px; */
}

.video-call-main .top-box {
    background-color: rgb(14 6 6);
    position: fixed;
    width: 30%;
    height: 30%;
    top: 20.5%;
    left: 35.5%;
    display: block;
    box-shadow: 0 0 5px white;
    border-radius: 10px;
    z-index: 999;
    columns: white;
    border: 2px solid white;
}

.video-call-main .bottom-left {
    position: relative;
    padding: 5px;
}

.video-call-main .g-details {
    position: absolute;
    width: 30vw;
    background-color: white;
    margin-top: -135px;
    counter-reset: black;
    border-radius: 5px;
    padding: 5px;
}

.video-call-main .g-details-heading-show {
    font-size: 14px;
    padding-left: 10px;
}

.video-call-main .recording-show {
    position: absolute;
    margin-bottom: 132px;
    display: none;
}

.video-call-main .userbox {
    /* z-index: 999; */
    /* border: 1px solid black;
    border-radius: 10px; */
}

.video-call-main .userbox-single {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-call-main .userbox-single video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.video-call-main .userbox-double {
    position: absolute;
    width: 400px;
    height: 300px;
    right: 0;
    z-index: 999;
    margin-top: 10px;
    margin-right: 10px;
}

.video-call-main .userbox-double video {
    border-radius: 10px;
}

.video-call-main .userbox-double .participant-name {
    margin-bottom: 10px !important;
    margin-left: 10px !important;
}

.video-call-main .video-container .participant-name {
    margin-bottom: 10px !important;
    margin-left: 10px !important;
}

.video-call-main .userbox-double-other {
    position: relative;
    width: 100%;
    height: 94vh;
    overflow: hidden;
}

.video-call-main .userbox-double-other video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-call-main #locaVideoPlayer {
    /* height: 250px; */
}

.video-call-main .participant-name {
    font-size: 14px;
    position: absolute;
    bottom: 0 !important;
    left: 0 !important;
    color: black;
    padding: 5px;
    background: white;
    margin-left: 50px;
    margin-bottom: 100px;
    border-radius: 5px;
    column-gap: 10px;
    z-index: 999;
}

.video-call-main .userbox .user-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: lightgrey;
    border-radius: 10px;
}

.video-call-main .userbox .user-icon img {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 50%;
    border: 2px solid #00AEE5;
}

.video-call-main .accept-call-user-img {
    border-radius: 50%;
    border: 2px solid #00AEE5;
}

.video-call-main .join-call-btn {
    background: #00AEE5;
    color: #FFF;
}

.video-call-main .user-icon-preview {
    position: absolute;
}

.video-call-main .user-icon-preview img {
    max-width: 100px;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 50%;
    border: 2px solid #00AEE5;
}

.enterprise_customer_filter .ent-filter-content > .efcInner .profile-settings-main {
    height: auto;
}

.enterprise_customer_filter .ent_mod_header .ent_add_btn > img {
    width: 24px;
}

.enterprise_customer_filter .enterprise_doctor_ajax {
    height: auto;
}

.enterprise_customer_filter .ent-filter-content {
    position: relative;
    padding-bottom: 10px;
}

.cancelled_text {
    color: #FF0000 !important;
}

.u-msg.appointment-msg-text .btn-cancel.rec {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.member-update-popup.enterprise_doctor.enterprise_customer_filter .modal-header {
    margin-top: 2px !important;
}

.enterprise_customer_filter .ent-filter-content .profile-box-container.team-page > a {
    background-color: #fff;
}

.enterprise_customer_filter .profile-box-container.team-page {
    border-bottom: 1px solid #DFE1E1;
}

.enterprise_customer_filter .ent-filter-content .profile-box-container.team-page > a {
    background-color: unset;
    border-bottom: unset;
}

.enterprise_customer_filter .collapse-chekbox {
    padding-left: 20px;
}

.enterprise_customer_filter .profile-box-container .left-bar {
    padding: 0 20px 0 0;
}

.enterprise_customer_filter .profile-box-container .label {
    font-weight: 600 !important;
}

.enterprise_customer_filter .team-page-content .member-action span.tcBox > label > span {
    padding-left: 30px;
    color: #000;
    width: auto;
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    border: 2px solid #C6CED1;
    border-radius: 4px;
}

.enterprise_customer_filter .profile-box-container .left-bar.collapse-chekbox {
    padding: 0 0 0 20px;
}

.enterprise_customer_filter .ent-filter-content .team-page-content .profile-box-container .left-bar {
    padding: 0 20px 0 50px;
}

.enterprise_customer_filter .ent-filter-select {
    border: 1px solid var(--k-border-color);
    background-color: #fff;
    height: 30px;
    border-radius: 5px;
}

.enterprise_customer_filter .team-page-content .member-action span.tcBox > label {
    width: auto;
}

.enterprise_customer_filter .ent-filter-content .team-page-content .profile-box-container .left-bar.active-checkbox {
    padding: 0 20px 0 20px;
}

.ent-item-top {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 40px;
}

.ent-item-top .right {
    display: flex;
    align-items: center;
    color: var(--k-black-color);
    height: 100%;
}

.modal {
    border-radius: 12px;
}

div#entOverViewTop {
    margin-top: 10px;
    border: 1px solid var(--k-gray-pre-background);
    background: #ffffff;
}

.ent-item-top .right > p {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    outline: unset;
}

.ent-item-top .right > p > span {
    outline: unset;
    height: 100%;
    display: flex;
    align-items: center;
}

.ent-chat-date-box {
    text-align: center;
}

.ent-chat-date-box > span {
    display: inline-block;
    background: #C1E6F8;
    padding: 10px 0px;
    border-radius: 20px;
    margin: 5px 0;
    width: 200px;
}

.ent-chat-date-last-sync-time-box > .ent-chat-date-box > span {
    display: inline-block;
    background: #FCF5CB;
    padding: 10px 0px;
    border-radius: 20px;
    margin: 5px 0;
    width: 200px;
}

.ent_today_date > span {
    background: #D0E5F5;
}

#enterprise_chat_view .k-chat-body {
    background: #F6F6F6;
}

.enterprise-msg-container {
    height: 50px;
    padding: 8px;
}

.enterprise-msg-container .header-btn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enterprise-msg-container input,
.enterprise-msg-container textarea {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 0;
    padding: 0 15px;
    background-color: white;
}

.enterprise-msg-container textarea {
    height: 40px;
    padding: 10px 15px 0;
    line-height: 20px;
    resize: unset;
}

.enterprise-msg-container textarea {
    border: 1px solid #CCC !important;
}

.enterprise-msg-container, .msg-forward-wrap {
    min-height: 62px;
    order: 3;
    position: relative;
    flex: none;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    height: auto;
    padding: 12px 8px;
    bottom: 0;
    background: #EEEEEE;
}

.enterprise-msg-container .col-auto.d-flex.align-items-center {
    align-items: flex-end !important;
}

div.enterprise-msg-container.chat_role_change::before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgb(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.enterprise-msg-container .url-metas {
    display: flex;
    align-items: center;
    width: 100%;
}

.enterprise-msg-container .url-metas .inner {
    display: flex;
    /*flex-grow: 1;*/
    overflow: hidden;
    background-color: rgb(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-left: 40px;
    flex: 1;
}

.enterprise-msg-container .url-metas .img-box {
    flex: 0 0 auto;
}

.enterprise-msg-container .url-metas .img-box > img {
    width: 83px;
    min-width: 83px;
    height: 83px;
    min-height: 83px;
    object-fit: cover;
}

.enterprise-msg-container .url-metas .text-box {
    padding: 8px 12px 9px 11px;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 83px;
}

.enterprise-msg-container .url-metas .close_url_metas {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    min-width: 40px;
    cursor: pointer;
}

.enterprise-msg-container .dropdown-item.edit_quick_text.quick_text_link {
    color: #00BFF3 !important;
    padding: 15px 10px 5px;
}

.enterprise-msg-container .dropdown-item.edit_quick_text.quick_text_link:hover {
    color: #2473aa !important;
    background-color: #fff;
}

.enterprise-msg-container .dropdown-menu {
    border: none;
    box-shadow: 1px 0px 12px #eee;
    border-radius: 7px !important;
}

.enterprise-msg-container .header-btn .material-icons {
    color: var(--grey-header-icon);
}

.enterprise-msg-container .header-btn.mic_button:hover {
    text-decoration: none;
}

.enterprise-msg-container .emojionearea {
    border-radius: 22px;
}

.enterprise-msg-container .emojionearea, .emojionearea.form-control {
    margin-left: 0;
}

.enterprise-msg-container .emojionearea .emojionearea-button {
    left: 10px;
    bottom: 8px;
    top: unset !important;
}

.enterprise-msg-container .emojionearea .emojionearea-editor {
    padding-left: 40px;
    padding-right: 25px;
}

.ent_doc_html_files_top .dropdown-menu {
    margin-top: 20px;
    box-shadow: 0px 0px 10px lightgrey;
}

.ent_doc_html_files_top .dropdown-menu .title {
    font-weight: bold;
    padding: 22px 30px;
}

.ent_doc_html_files_top .dropdown-menu .dropdown-item {
    padding: 10px 30px;
}

.custom-dropdown {
    position: relative;
    display: inline-block;
}

.custom-dropdown .dropdown-caret {
    position: absolute;
    top: 100%; /* Position it right below the button */
    left: 50%;
    transform: translateX(-10%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff; /* Color of the caret */
    z-index: 10;
    display: none; /* Initially hidden */
    margin-top: 10px;
}

.custom-dropdown.show .dropdown-caret {
    display: block; /* Show the caret when dropdown is active */
}

#enterprise_chat_view .pdf-count {
    font-size: 13px;
    color: #aaa;
}

#enterprise_chat_view .chat-img-container {
    border-radius: 10px;
}

#enterprise_chat_view .u-msg {
    border-radius: 10px 0px 10px 10px;
}

#enterprise_chat_view .c-msg {
    border-radius: 0px 10px 10px 10px;
}

.enterprise_create_new_customer input[type="text"] {
    border: 1px solid #EDEDED !important;
    padding: 7px;
    border-radius: 4px;
    margin: 0;
    font-weight: 700;
}

.enterprise_create_new_customer textarea {
    border: 1px solid #EDEDED !important;
    padding: 7px;
    border-radius: 4px;
    margin: 0;
}

.enterprise_create_new_customer textarea:focus {
    outline: none;
}

.enterprise_create_new_customer select {
    height: 2rem;
}

.header-btn.arrow-back-icon {
    margin-left: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enterprise-customer-orders {
    width: 100%;
}

.enterprise-customer-orders .nav-pills {
    width: 100%;
    background-color: #EDEDED;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.enterprise-customer-orders .nav-item {
    flex: 1;
    text-align: center;
}

.enterprise-customer-orders .nav-link {
    display: block;
    padding: 10px;
    font-size: 14px;
    color: var(--k-dark-text) !important;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.enterprise-customer-orders .nav-link:hover {
    text-decoration: none !important;
}

.enterprise-customer-orders .nav-link.active {
    color: var(--k-dark-text);
    background-color: #fff; /* Highlight color for the active tab */
    border-color: #fff;
}

.enterprise-customer-orders .more {
    color: #12A0D0 !important;
}

.enterprise-customer-orders .attachments {
    color: #12A0D0 !important;
}

.ent-list-item {
    color: #0D0D0D;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid #EFF1F3;
    min-height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}

.ent-list-item p {
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.ent-list-item .title {
    font-size: 14px;
    font-weight: 600;
    color: #0D0D0D;
    padding-top: 4px;
}

.ent-list-item .sub-title {
    font-size: 13px;
    color: var(--k-black-color);
}

.ent-list-item.active {
    background-color: #EDEDED;
}

/* Legacy order classes - now using generic ent- classes */

.entCusListTop .ent-red {
    border-left: 5px solid #FF0000;
    padding-left: 5px;
}

.entCusListTop .ent-blue {
    border-left: 5px solid #1ABEF0;
    padding-left: 5px;
}

.entCusListTop .ent-gray {
    border-left: 5px solid #A1A1A1;
    padding-left: 5px;
}

.ent-order-list .ent-black {
    border-left: 5px solid #141D20;
    padding-left: 5px;
}

.enterprise_create_order .ent_mod_header .ent_add_btn {
    margin: 2px 10px 6px 10px;
}

.enterprise_create_order .ent_mod_header .ent_add_btn > img {
    width: 24px;
}

.enterprise_create_order .ent_mod_header .modal-title, .enterprise_create_order .modal-title {
    font-weight: 500;
    font-size: 24px;
}

.enterprise_create_order .order-add-item {
    cursor: pointer;
    width: 32px;
}

.enterprise_create_order .prc_add_icon {
    margin: 10px 0 10px 0px;
}

.enterprise_create_order .notes textarea {
    background-color: #EDEDED;
    border-color: #EDEDED;
}

.enterprise_create_order .pi_inner .pi_qty {
    flex: 0 0 auto;
    min-width: 40px;
    text-align: left;
}

.enterprise_create_order .pi_action {
    display: flex;
    gap: 10px;
    margin-left: 10px;
    margin-right: 10px;
    align-items: center;
}

.enterprise_create_order {
    font-weight: 500;
}

.enterprise_create_order .item-heading {
    font-weight: 500 !important;
}

.enterprise_create_order .pre_ci_top .prc_item .prci_first {
    min-width: 180px;
}

.ent_order_inventory_items .ent_mod_header .ent_add_btn {
    margin: 2px 10px 6px 10px;
}

.ent_order_inventory_items .ent_mod_header .ent_add_btn > img {
    width: 24px;
}

.ent_order_inventory_items .ent_mod_header .modal-title {
    font-weight: 500;
    font-size: 24px;
}

.ent_order_inventory_items .ent_mod_header .next-btn {
    color: #12A0D0 !important;
    font-size: 24px;
    font-weight: 500;
}

.ent_order_inventory_items .ent_mod_header .pre_inv_next_btn {
    color: #12A0D0 !important;
    font-size: 24px;
    font-weight: 500;
}

.ent_order_inventory_items .ent_mod_header .pri_in_item_back {
    color: #12A0D0 !important;
    font-size: 24px;
    font-weight: 500;
}

.ent_order_inventory_items .ent_mod_header .btnbox {
    width: 72px;
}

.ent_order_inventory_items .ent_mod_header .next-btn:hover {
    text-decoration: none;
    color: #12A0D0 !important;
}

.ent_order_inventory_items .order-item-green {
    border-left: 5px solid #12E612;
    padding-left: 15px;
}

.ent_order_inventory_items .order-item-blue {
    border-left: 5px solid #1ABEF0;
    padding-left: 15px;
}

.ent_order_inventory_items .order-item-grey {
    border-left: 5px solid #A1A1A1;
    padding-left: 15px;
}

.ent_order_inventory_items .star-rating .material-icons {
    font-size: 19px;
    color: #ddd;
    cursor: pointer;
}

.ent_order_inventory_items .star-rating .material-icons.selected {
    color: #ffc107;
}

.enterprise_order_list_filter .ent_mod_header .ent_add_btn {
    margin: 2px 10px 6px 10px;
}

.enterprise_order_list_filter .ent_mod_header .ent_add_btn > img {
    width: 24px;
}

.enterprise_order_list_filter .ent_mod_header .modal-title {
    font-weight: 500;
    font-size: 24px;
}

.enterprise_order_list_filter .role_item {
    padding: 0 !important;
}

.enterprise-chat-body {
    background: #F6F6F6;
}

.enterprise-chat-body div#scroll_ent {
    border: none;
}

.ent_dc_search_inv {
    display: flex;
    padding: 4px 5px 4px 20px;
}

.ent_dc_search_inv .search {
    flex: 1;
}

.ent_dc_search_inv .icons > div {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ent_dc_search_inv .icons > div > i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ent_dc_search_inv input {
    padding: 5px 35px;
}

.ent_dc_search_inv .icon-search,
.ent_dc_search_inv .icon-back {
    left: 10px;
}

#prescription_inventory_search_top .icon-search,
#prescription_inventory_search_top .icon-back {
    left: 25px !important;
}

#prescription_inventory_search_top .icon-close {
    right: 100px !important;
    top: 3px;
}

.ent_dc_search_inv .icon-close {
    right: 10px;
    top: 1px;
}

.main-layout .appointment-sidebar .collapsible li .collapsible-body {
    max-width: 262px;
}

.contact-section {
    padding: 8px 8px;
    background: #fff;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

.contact-section .simple-item {
    display: flex;
    align-items: center;
    padding: 10px 0 0;
    font-weight: bold;
    cursor: pointer;
}

.contact-section .simple-item i {
    font-size: 18px;
    margin-right: 8px;
    color: #007bff;
}

.contact-section .category-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 1px solid #e9ecef;
    clear: both;
}

.contact-section .toggle-icon {
    width: 16px; /* Adjust width and height to fit your image */
    height: 16px;
    transition: transform 0.2s ease;
}

.contact-section .expanded .toggle-icon {
    transform: rotate(180deg); /* Rotates the image when expanded */
}

.contact-section .contact-list {
    list-style: none;
    padding-left: 0;
    display: none; /* Hidden initially */
}

.contact-section .contact-item {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

.contact-section .contact-item:last-child {
    border-bottom: none;
}

.contact-section .contact-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.contact-section .contact-info {
    display: flex;
    flex-direction: column;
}

.contact-section .simple-item img {
    width: 50px;
    height: 50px;
    margin-right: 14px;
}

.contact-section .k-contact {
    padding: 0 0 0 0 !important;
    height: auto;
    min-height: 64px;
}

.contact-section .k-c-position {
    white-space: normal; /* Allows wrapping */
    word-wrap: break-word; /* Ensures words wrap */
    overflow-wrap: break-word; /* For wider browser support */
    font-size: 14px; /* Adjust font size as needed */
    line-height: 1.5; /* Add some line spacing for readability */
}

.contact-section .k-contact-name {
    /* padding: 0 !important; */
}

.send_by_number_from .send-btn {
    background-color: var(--k-primary-blue);
    color: white;
    border: none;
    padding: 0px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.send-by-contact-form-section {
    margin-bottom: 20px;
}

.send_by_number_from .phone-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.send_by_number_from .country-code {
    width: 16%;
}

.send_by_number_from .phone-number {
    width: 70%;
}

.send_by_number_from .country-code input,
.send_by_number_from .phone-number input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
    height: 14px;
}

.k-chat-left-panel > #chat-left-general, #chat-left-user {
    /*min-width: 260px;
    width: 370px;
    height: 100%;
    display: block;
    position: relative;
    overflow-y: auto;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #fff;
    border-right: 1px solid #e1e1e1;
    border-radius: 0;
    z-index: 10;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transition: .3s ease-out;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.k-qr-code .nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    margin: 20px auto;
    padding: 0;
}

.k-qr-code .nav-tabs .nav-item {
    flex: 1; /* Distribute space equally between the items */
}

.k-qr-code .nav-tabs .nav-link {
    display: block;
    text-align: center;
    font-weight: bold;
    border: none;
    background: transparent;
    padding: 10px 0;
    border-radius: 0;
    color: #000;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.k-qr-code .nav-tabs .nav-link:hover {
    text-decoration: none !important;
    color: #0056b3;
    color: #000;
}

.k-qr-code .nav-tabs .nav-link:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.k-qr-code .nav-tabs .nav-link:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.k-qr-code .nav-tabs .nav-link.active {
    background-color: #00AEE5;
    color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.k-qr-code .k-qr-code-main {
    max-width: 700px;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.k-qr-code .qr-reader {
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
    border: 2px dashed #ccc;
    padding: 10px;
    border-radius: 10px;
}

.k-qr-code .qr-result {
    color: #007bff;
    font-weight: bold;
}

.qr-reader img[alt="Info icon"] {
    display: none !important;
}

.left_frame_all_list .group-checkmark-icon {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 9;
}

#invited_users {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    gap: 10px;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

#invited_users::-webkit-scrollbar {
    height: 8px;
}

#invited_users::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

#invited_users::-webkit-scrollbar-track {
    background: transparent;
}

.text-center {
    text-align: center;
}

.enterprise_order_more_details .modal-header-icon {
    width: 32px;
}

.enterprise_order_more_details_options .modal-header-icon {
    width: 32px;
}

.enterprise_order_more_details_options .select-order-more-details-option-row > img {
    width: 25px;
    height: 20px;
}

.enterprise_order_more_details_options .modal-content {
    padding: 0;
}

.enterprise_order_more_details_options .modal-header {
    padding-bottom: 10px !important;
}

.enterprise_order_modal .modal-header-icon {
    width: 32px;
}

.enterprise_order_modal .modal-content {
    padding: 0;
}

.enterprise_order_modal .modal-header {
    padding-bottom: 10px !important;
}

.enterprise_order_modal .ent_mod_header .ent_add_btn > img {
    width: 24px;
}

.enterprise-customer-orders {
    background-color: #fff;
    height: calc(100vh - 52px);
    overflow-y: scroll;
}

.sales-order-details {
    background-color: #fff;
}

.sales-order-attachements {
    background: #F6F6F6;
    height: 100%;
}

.text-area-inner-send-msg-icons {
    position: absolute;
    right: 0;
}

.enterprise-msg-container .send-msg-top {
    align-items: flex-end !important;
}

/* progress bar */
.ent_circle-chart {
    max-width: 100px;
    max-height: 100px;
}

.ent_circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 2;
}

.ent_circle {
    fill: none;
    stroke-width: 2;
    stroke: var(--k-primary-blue);
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dasharray 0.3s ease;
}

.send_by_number_from.updated .send-by-number-select-picker .k-select-selectpicker .select-wrapper input.select-dropdown {
    display: none;
}

.send_by_number_from.updated .dropdown-menu {
    max-width: 350px !important;
    min-width: 100% !important;
}

.send_by_number_from.updated .k-select-selectpicker button.btn.dropdown-toggle.btn-light {
    border: 1px solid #ddd;
    border-radius: 8px;
}

.k-left-fwd-top {
    display: flex;
}

.k-left-fwd-top .checkbox {
    display: flex;
    align-items: center;
}

.k-left-fwd-top .checkbox label {
    margin: 0;
}

.k-group-header {
    display: flex;
    justify-content: space-between;
}

.k-group-header > div {
    flex: 1;
}

.toggle_document_fwd_value .k-contact-img.float-left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.k-group-header > .right .text-right {
    justify-content: end;
    display: flex;
    align-items: center;
}

.k-group-header > .right .text-right > a {
    display: flex;
    align-items: center;
}

.toggle_document_fwd_value .k-contact-img.float-left > img {
    width: auto !important;
    height: auto !important;
    border-radius: unset !important;
}

.left_frame_all_list.active {
    background: #1ABEF080;
}

#ent-progress-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9999;
}

.xmpp_status_indicator {
    /*position: absolute;
    z-index: 9999;
    left: 50%;
    top: calc(50vh - 34px);*/
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9999;
}

.xmpp_status_indicator .inner,
#ent-progress-container .inner {
    background: #fff;
    box-shadow: 0px 0px 60px rgb(16 18 24 / 28%);
    border-radius: 6px;
    min-width: 250px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.xmpp_status_indicator_overlay {
    position: absolute;
    width: 100%;
    height: calc(100vh - 0px);
    background-color: #F2F2F2;
    z-index: 999;
}

.xmpp_status_indicator_grey_overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: calc(100vh - 0px);
    background-color: #000;
    opacity: 0.5;
    z-index: 999;
}

.xmpp_status_indicator .text,
#ent-progress-container .text {
    font-size: 14px;
    text-align: left;
}

.k-left-sbc-form .send_by_number_from .send-btn:not(:disabled):not(.disabled):active {
    background-color: var(--k-primary-blue);
    border-color: var(--k-primary-blue);
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: unset;
}

.k-left-sbc-form .send_by_number_from .k-select-selectpicker button.btn.dropdown-toggle.btn-light:focus,
.k-left-sbc-form .send_by_number_from .k-select-selectpicker button:not(:disabled):not(.disabled):active:focus {
    box-shadow: unset !important;
    outline: unset !important;
}

.k-left-sbc-form .dropdown-item.active span.text, .k-left-sbc-form .dropdown-item:active span.text {
    color: #fff !important;
}

.k-left-sbc-form .dropdown-item:hover span.text, .k-left-sbc-form .dropdown-item:hover span.text {
    color: #212529 !important;
}

.k-left-sbc-form .send_by_number_from .phone-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px; /* 5px space between inputs */
    width: 100%;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.k-left-sbc-form .send_by_number_from .country-code {
    width: 80px; /* fixed small field for "+49" */
    flex: 0 0 80px;
}

.k-left-sbc-form .send_by_number_from .phone-number {
    flex: 1 1 auto; /* take remaining space */
    width: auto;
    min-width: 0; /* allow shrinking to container to avoid overlap */
}

.k-left-sbc-form .send_by_number_from .country-code input,
.k-left-sbc-form .send_by_number_from .phone-number input {
    height: auto; /* let padding control height */
    box-sizing: border-box;
    display: block;
}

.k-media-msg-top .inner {
    /* width: 370px !important; */
    max-width: 370px !important;
}

.sales-order-details .tab-content p {
    margin-bottom: 0;
}

.enterprise-msg-container .btn-floating.attach_file.header-btn {
    width: 34px;
    height: 34px;
    margin-bottom: 4px;
}

.enterprise_doctor_ajax .emojionearea .emojionearea-editor {
    padding-left: 32px;
    max-height: 220px;
    min-height: 220px;
}

.enterprise_doctor_ajax .emojionearea {
    margin-left: 0;
    /*margin-top: 20px;*/
}

.enterprise_doctor_ajax .emojionearea .emojionearea-button {
    left: 4px;
}

.customer_remarks .emojionearea .emojionearea-editor {
    padding-left: 32px;
    color: var(--k-black-color) !important;
}

.customer_remarks .emojionearea {
    margin-left: 0;
}

.customer_remarks .emojionearea .emojionearea-button {
    left: 4px;
}

.enterprise_doctor_ajax .emojionearea.focused {
    /*border-color: #CCC;*/
    /*box-shadow: unset;*/
}

.send_by_number_from.updated .phone-number input[type=text]:not(.browser-default):focus:not([readonly]),
.send_by_number_from.updated .country-code input[type=text]:not(.browser-default):focus:not([readonly]) {
    box-shadow: unset !important;
    border-color: #ddd;
}

#middle_header_ent .sales-order-options a {
    background: none !important;
}

.custom-chat-msg-container {
    position: absolute;
}

.custom-chat-body {
    background: #F6F6F6;
}

.custom-chat-msg-container {
    height: 50px;
    padding: 8px;
}

.custom-chat-msg-container .header-btn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-chat-msg-container input,
.custom-chat-msg-container textarea {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 0;
    padding: 0 15px;
    background-color: white;
}

.custom-chat-msg-container textarea {
    height: 40px;
    padding: 10px 15px 0;
    line-height: 20px;
    resize: unset;
}

.custom-chat-msg-container textarea {
    border: 1px solid #CCC !important;
}

.custom-chat-msg-container, .msg-forward-wrap {
    min-height: 62px;
    order: 3;
    /* position: relative; */
    flex: none;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    height: auto;
    padding: 12px 8px;
    bottom: 0;
    background: #EEEEEE;
}

.custom-chat-msg-container .col-auto.d-flex.align-items-center {
    align-items: flex-end !important;
}

div.custom-chat-msg-container.chat_role_change::before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgb(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.custom-chat-msg-container .url-metas {
    display: flex;
    align-items: center;
    width: 100%;
}

.custom-chat-msg-container .url-metas .inner {
    display: flex;
    /*flex-grow: 1;*/
    overflow: hidden;
    background-color: rgb(0, 0, 0, 0.05);
    border-radius: 5px;
    margin-left: 40px;
    flex: 1;
}

.custom-chat-msg-container .url-metas .img-box {
    flex: 0 0 auto;
}

.custom-chat-msg-container .url-metas .img-box > img {
    width: 83px;
    min-width: 83px;
    height: 83px;
    min-height: 83px;
    object-fit: cover;
}

.custom-chat-msg-container .url-metas .text-box {
    padding: 8px 12px 9px 11px;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 83px;
}

.custom-chat-msg-container .url-metas .close_url_metas {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 40px;
    min-width: 40px;
    cursor: pointer;
}

.custom-chat-msg-container .dropdown-item.edit_quick_text.quick_text_link {
    color: #00BFF3 !important;
    padding: 15px 10px 5px;
}

.custom-chat-msg-container .dropdown-item.edit_quick_text.quick_text_link:hover {
    color: #2473aa !important;
    background-color: #fff;
}

.custom-chat-msg-container .dropdown-menu {
    border: none;
    box-shadow: 1px 0px 12px #eee;
    border-radius: 7px !important;
}

.custom-chat-msg-container .header-btn .material-icons {
    color: var(--grey-header-icon);
}

.custom-chat-msg-container .header-btn.mic_button:hover {
    text-decoration: none;
}

.custom-chat-msg-container .emojionearea {
    border-radius: 22px;
}

.custom-chat-msg-container .emojionearea, .emojionearea.form-control {
    margin-left: 0;
}

.custom-chat-msg-container .emojionearea .emojionearea-button {
    left: 10px;
    bottom: 8px;
    top: unset !important;
}

.custom-chat-msg-container .emojionearea .emojionearea-editor {
    padding-left: 40px;
}

.custom-chat-preview-container {
    position: relative;
    width: 100%;
    height: 0;
    top: 0;
    z-index: 5000;
    background: #e9ebeb;
    left: 0;
    background-color: grey;
}

.custom-chat-preview-container .preview-inner {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    margin: 0;
}

#custom_chat_send_msg:focus {
    /*border-color: #66AFE9;*/
    outline: 0;
    border: 1px solid #66AFE9 !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

textarea#custom_chat_send_msg {
    padding-right: 80px;
}

.custom-chat-k-middle-top {
    position: relative;
    flex: 1 1 0;
    order: 2;
    z-index: 1;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #e9e4e4;
}

.custom-chat-k-middle-top.open {
    height: calc(100% - 74px);
    max-height: 100%;
}

.custom-chat-k-middle-top .k-middle-inner {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}

.k-chat-body {
    /*height: calc(100% - 110px);*/
    max-height: 100%;
    background: #e9e4e4;
    padding: 8px 8px 0;
    overflow-y: auto;
}

.custom-chat-k-middle-top:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: all 200ms ease-out 50ms;
    -moz-transition: all 200ms ease-out 50ms;
    -o-transition: all 200ms ease-out 50ms;
    transition: all 200ms ease-out 50ms;
    z-index: 999;
}

.custom-chat-k-middle-top:after {
    content: "Drop your files here";
    border: 2px dashed transparent;
    color: #fff;
    font-size: 0;
    line-height: 9em;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 0;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 99;
}

.custom-chat-k-middle-top.dragging:before {
    top: 0;
    height: 100%;
    -webkit-transition: all 200ms ease-out 0ms;
    -moz-transition: all 200ms ease-out 0ms;
    -o-transition: all 200ms ease-out 0ms;
    transition: all 200ms ease-out 0ms;
}

.custom-chat-k-middle-top.dragging:after {
    border: 2px dashed #fff;
    font-size: 2em;
    height: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 300ms ease-out 100ms;
    -moz-transition: all 300ms ease-out 100ms;
    -o-transition: all 300ms ease-out 100ms;
    transition: all 300ms ease-out 100ms;
    z-index: 999;
}

.custom-chat-k-middle-top .k-middle-inner {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #F6F6F6;
}

div#sales-order-attachement-messages {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    transition: background .3s ease-out .1s;
    width: 100%;
    z-index: 100;
    /* border-left: solid 1px #beb8b8; */
    scrollbar-color: rgba(0, 0, 0, .2) hsla(0, 0%, 100%, .1);
    scrollbar-width: thin;
}

.ecDetailsItemTOp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.entAIT.entCPPItem {
    padding: 8px 0 !important;
    display: flex;
    width: 100%;
}

.entAIT.entCPPItem label {
    display: flex !important;
    min-height: 40px;
    flex: 1;
    overflow: hidden;
    margin-right: 10px;
}

.entAIT.entCPPItem label > span {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    overflow: hidden;
    height: 100%;
    min-height: 40px;
    color: var(--k-dark-text);
    font-size: 15px;
}

.entAIT.entCPPItem label > span > span {
    width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}

.entAIT.entCPPItem label > span > span:first-child {
    font-weight: 600;
}

.enterprise_doctor .ent_mod_header .ent_add_btn > img {
    width: 24px;
}

.enterprise_contacts_modal .ecmHr {
    border-bottom: 1px !important;
    width: 100%;
    margin: 0;
}

.enterprise_contacts_modal .modal-header {
    align-items: center;
    height: 45px;
}

.enterprise_contacts_modal .modal-header img {
    width: 25px;
}

.enterprise_contacts_modal .modal-dialog {
    margin: 0 auto;
}

.enterprise_contacts_modal .modal-content {
    padding-left: 0;
    padding-right: 0;
}

.enterprise_contacts_modal .addressess {
    width: 100%;
}

.aecfItem {
    display: flex;
    width: 100%;
    color: var(--k-dark-text);
    align-items: center;
}

.aecfItem .txt {
    flex: 0 0 auto;
    min-width: 140px;
    padding-right: 10px;
    height: 100% !important;
}

.aecfItem .txt > div.txtInr {
    font-weight: 600;
}

.aecfItem .inp {
    flex: 1;
}

.aecfItem .inp input {
    border: 0;
    margin: 0;
}

.aecfItem .inp .optionSec {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.aecfItem .inp .optionSec .input {
    flex: 1;
}

.k-focus-zero input:not([type]):focus:not([readonly]), .k-focus-zero input[type=text]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=password]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=email]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=url]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=time]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=date]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=datetime]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=tel]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=number]:not(.browser-default):focus:not([readonly]), .k-focus-zero input[type=search]:not(.browser-default):focus:not([readonly]), .k-focus-zero textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: inherit !important;
    -webkit-box-shadow: none important;
    box-shadow: none !important;
}

.entAIT .image > img.entCusEditIcon {
    margin-right: 5px;
    padding: 4px;
}

.enterprise_contacts_modal .k-select-selectpicker button.btn.dropdown-toggle.btn-light:focus {
    outline: unset !important;
    outline-offset: unset !important;
    box-shadow: unset !important;
}

div#role_licence_top {
    width: 100%;
}

.role_ent_user_role_top {
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--k-border-color);
    border-bottom: 1px solid var(--k-border-color);
    width: 100%;
    margin-top: 10px;
    padding: 10px 5px 0;
}

.role_ent_user_role_top label {
    font-weight: 600;
    color: var(--k-black-color);
}

div#enterprise_overview span.title:first-child {
    width: 26px;
    margin-right: 20px;
}

.dropdown-menu.k-dropdown-menu.show {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.item_role_title {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    padding-left: 5px;
}

#update_member_role .modal-content {
    padding: 0;
}

.cloudUserEntDocs .modal-body {
    background-color: #F6F6F6;
    min-height: 320px;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
}

.cloudUserEntDocs .modal-content {
    padding: 0 !important;
    /* max-width: 476px; */
}

.cloudUserEntDocs #scrollCloudUserDocs {
    max-height: 400px;
    overflow-y: auto;
}

#enterprise-left-frame .ent_list_search #ent_cloud_user {
    margin-left: 10px;
    margin-right: 10px;
}

.serial-no-errors-footer {
    background-color: #D9D9D9 !important;
    color: #000 !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    height: auto !important;
}
.fancybox__thumbs {
    display: none !important;
}
button:focus {
    background-color: unset;
}
.fancybox__html5video, .fancybox__iframe {
    height: 100% !important;
}
.enterprise_create_order input[type="text"] {
    height: 36px;
}

.modal-header .close-modal {
    padding: 0 !important;
}

.rate {
    display: inline-block;
    border: 0;
}

/* Hide radio inputs */
.rate > input {
    display: none;
}

/* Arrange stars right-to-left */
.rate > label {
    float: right;
}

/* Full star */
.rate > label:before {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005"; /* full star */
}

/* Half star */
.rate > .half:before {
    content: "\f089"; /* half star */
    position: absolute;
    padding-right: 0;
}

/* ✅ Selected stars — soft orange */
.rate input:checked ~ label {
    color: #FFB054;
}

/* ✅ Hovered stars — yellow */
.rate label:hover,
.rate label:hover ~ label {
    color: #FFC107;
}

/* ✅ Hover + selected — yellow highlight on top of orange */
.rate input:checked + label:hover,
.rate input:checked ~ label:hover,
.rate input:checked ~ label:hover ~ label,
.rate label:hover ~ input:checked ~ label {
    color: #FFC107;
}

.pre-inv-filter-text {
    font-size: 1rem;
    color: #212529;
}

.modal-header-btn {
    border: none;
    background: none;
    cursor: pointer;
}
.prescription_inventory_items_ajax .prc_item_list_first_top > .row {
    margin: 0;
}
.enterprise_doctor .row,
.enterprise_order_modal .row {
    margin: 0;
}
.DClass {
    cursor: pointer;
}

.ent-inventory-list {
    /* height: 53px; */
    color: #0D0D0D;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid #EFF1F3;
}

.ent-inventory-list p {
    /* overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap; */
    margin: 0;
}

.ent-inventory-list .title {
    font-size: 14px;
    font-weight: 600;
    color: #0D0D0D;
    padding-top: 4px;
}

.ent-inventory-list .sub-title {
    font-size: 13px;
    color: var(--k-black-color);
}

.ent-inventory-list.active {
    background-color: #EDEDED;
}

/* Legacy inventory classes - now using generic ent- classes */
.ent-inventory-list .ent-red {
    border-left: 5px solid #FF0000;
    padding-left: 5px;
}

.ent-inventory-list .ent-blue {
    border-left: 5px solid #1ABEF0;
    padding-left: 5px;
}

.ent-inventory-list .ent-gray {
    border-left: 5px solid #A1A1A1;
    padding-left: 5px;
}

.ent-inventory-list .star-rating span {
    font-size: 20px;
    color: #FFB054;
}

#inventory_item_barcode .barcode-input {
    border: 1px solid #EDEDED;
    border-radius: 5px;
    padding: 0px 5px 0px 5px;
    height: 2.5rem;
    font-size: 14px;
    font-weight: 500;
}

.ent-invoice-list {
    /* height: 53px; */
    color: #0D0D0D;
    padding: 4px;
    cursor: pointer;
    border-bottom: 1px solid #EFF1F3;
}

.ent-invoice-list p {
    /* overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap; */
    margin: 0;
}

.ent-invoice-list .title {
    font-size: 14px;
    font-weight: 600;
    color: #0D0D0D;
    padding-top: 4px;
}

.ent-invoice-list .sub-title {
    font-size: 13px;
    color: var(--k-black-color);
}

/* Generic Enterprise Module Status Classes */
.ent-list-item .ent-red {
    border-left: 5px solid #FF0000;
    padding-left: 5px;
}

.ent-list-item .ent-blue {
    border-left: 5px solid #1ABEF0;
    padding-left: 5px;
}

.ent-list-item .ent-gray {
    border-left: 5px solid #A1A1A1;
    padding-left: 5px;
}

.ent-list-item .star-rating span {
    font-size: 20px;
    color: #FFB054;
}


#invoice_content .table td,
#invoice_content .table th {
    padding: .5rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}
#invoice_content .table tr {
    border: none;
}

#invoice_content input{
    border: 1px solid #EDEDED;
    border-radius: 5px;
    padding: 0px 5px 0px 5px;
    height: 2.5rem;
    font-size: 14px;
    font-weight: 500;
}

.ent-invoice-details-header .header-title {
    font-weight: 700;
    font-size: 15px;
}

.web_news_page {
    height: 100vh;
    overflow: hidden;
}

.web_news_page iframe {
    width: 100% !important;
    height: 100% !important;
    border: none;
}
.enterprise_order_modal .modal-header .modal-title {
    margin: 0;
}

.enterprise-customer-orders .tab-content hr {
    width: 100%;
    height: 7px;
    background-color: var(--k-border-color);
    border: 0;
    margin: 0;
}
.modal-content {
    height: auto;
    max-height: 80vh;
}
.modal-body {
    max-height: 70vh;
    overflow-y: auto !important;
}
.prc_item.prc_item2.prc_inv_item_first_top {
    min-height: 0;
    padding: 0;
}

.msg-focus {
    box-shadow: 0 0 0 2px rgba(0,150,255,.35);
    background: rgba(0,150,255,.08);
    transition: background .8s ease;
}
.star-rating > img {
    width: 16px;
}
.UserRolePopup.confirmStatusPopup .modal-content {
    border-top: unset;
    border-bottom: unset;
    border-radius: 10px;
    padding: 20px 20px;
    /*max-width: 420px;*/
}
.confirmStatusPopup .modal-body {
    padding: 0;
}
.confirmStatusPopup .confirm-status-text {
    font-weight: 500;
    font-size: 18px;
}
.confirmStatusPopup .modal-footer {
    height: unset;
    margin-top: 20px;
    padding: 0;
    background-color: unset !important;
}
.confirmStatusPopup  button {
    margin: 0 !important;
}

/* Footer layout */
.kModalFBtnTop {
    display: flex !important;
    justify-content: space-between !important;
    gap: 24px !important;
}
/* Base button look (scoped to this footer only) */
.kModalFBtnTop .btn {
    border: 0 !important;
    border-radius: 5px;
    padding: 8px 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .06);
    transition: none;
    outline: none !important;
    min-width: 130px;
    height: 40px;
}

/* Cancel button */
.kModalFBtnTop .btn.k-cancel {
    background: var(--k-primary-grey) !important;
    color: var(--k-dark-text) !important;
}

/* Next/confirm button */
.kModalFBtnTop .btn.k-next {
    background: var(--k-primary-blue) !important;
    color: #fff !important;
}

/* Keep colors fixed on all interactive states */
.kModalFBtnTop .btn.cancel:hover,
.kModalFBtnTop .btn.cancel:active,
.kModalFBtnTop .btn.cancel:focus,
.kModalFBtnTop .btn.next:hover,
.kModalFBtnTop .btn.next:active,
.kModalFBtnTop .btn.next:focus {
    background: inherit !important;
    color: inherit !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06) !important;
}

/* Optional: disabled look (keeps layout consistent) */
.kModalFBtnTop .btn:disabled {
    opacity: .6;
    cursor: not-allowed;
    box-shadow: none;
}
#invoice_content .table td > img {
    width: 20px;
}

.swal-footer {
    text-align: center;
}
.swal-footer .swal-button-container .swal-button--confirm {
    background-color: var(--k-primary-blue);
    color: #fff;
    border: none;
}

/* layout (unchanged) */
.search-wrapper .search { display:flex; align-items:center; flex:1; }
.search-wrapper .search-input { flex:1 1 auto; }

/* smoothness controls */
.search-wrapper{
    --fade: .30s;                       /* opacity/transform duration */
    --size: .36s;                       /* width collapse/expand duration */
    --delay: .06s;                      /* small delay so fade starts before resize */
    --ease: cubic-bezier(.22,.61,.36,1);/* snappy but smooth */
}

/* right-side icons — smoother fade/resize */
.search-wrapper .search-icons{
    display:flex;
    overflow:hidden;
    opacity:1;
    max-width:var(--icons-w, 320px);    /* set via JS */
    transform:translateZ(0) scale(1);
    transition:
            opacity   var(--fade) var(--ease),
            transform var(--fade) var(--ease),
            max-width var(--size) var(--ease) var(--delay);
    will-change: opacity, transform, max-width;
}

/* collapse smoothly */
.search-wrapper.hidden-icons .search-icons{
    opacity:0;
    transform:translateZ(0) scale(.96);
    max-width:0;
    pointer-events:none;
}

/* close (X) — smoother in/out */
.search-wrapper .icon-close{
    display:flex;
    overflow:hidden;
    opacity:0;
    max-width:0;
    pointer-events:none;
    transform:translateZ(0) scale(.96);
    transition:
            opacity   var(--fade) var(--ease),
            transform var(--fade) var(--ease),
            max-width var(--size) var(--ease) var(--delay);
    will-change: opacity, transform, max-width;
}

/* show X when has text */
.search-wrapper.has-value .icon-close{
    opacity:1;
    max-width:var(--close-w, 40px);     /* set via JS */
    pointer-events:auto;
    transform:translateZ(0) scale(1);
}

.entCusListTop .k-contact {
    height: auto;
    min-height: 64px;
}
.entCusListTop .entCusBMrgn {
    margin-bottom: 2px !important;
    margin-top: 2px !important;
}
/* More Button Container Styles - Kanon Style */
.more-button-container {
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.more-button-container .sync-time-display {
    background: #FFF6A6;
    color: #333;
    padding: 8px 13px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #FFF6A6;
}

.more-button-container .load-more-orders {
    color: #12A0D0;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.more-button-container .load-more-orders:hover {
    color: #12A0D0;
    text-decoration: none;
    background: rgba(18, 160, 208, 0.1);
}

/* Sync Time Only Container Styles - Kanon Style */
.sync-time-only-container {
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.sync-time-only-container .sync-time-display {
    background: #e0e0e0;
    color: #666;
    padding: 8px 13px;
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #e0e0e0;
}

/* Generic Container Class for Reusability */
.kanon-load-more-container {
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: all 0.2s ease;
}

.kanon-load-more-container.more-button {
    cursor: pointer;
}

.kanon-load-more-container.more-button:hover {
    opacity: 0.8;
}



.filter-modal .modal-dialog {
    min-width: 37.75rem;
}

.filter-modal .modal-header {
    padding: 1.25rem 1.5rem 1.25rem 1.5rem;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.filter-modal .modal-content {
    border-radius: 5px;
    padding: 0;
    border-top: none;
}

.filter-modal .modal-footer {
    background-color: transparent;
    padding: 0 1.5rem 0 1.5rem;
    height: 6rem;
    display: flex;
    justify-content: end !important;
    align-items: center;
    border-top: none;
}

.filter-modal .modal-body {
    padding: 0 1.5rem 0 1.5rem;
}

.filter-modal .modal-title {
    margin-top: 0;
}

.filter-modal .cancel {
    background: var(--k-gray-light);
    color: var(--k-black-color);
}

.filter-modal .next {
    background: var(--k-primary-blue);
}

.filter-modal .cancel:hover {
    background: var(--k-gray-light-hover);
}

.filter-modal .next:hover {
    background: var(--k-primary-blue-hover);
    color: #fff;
}

.filter-modal select, .filter-modal input, .filter-modal .select2-selection {
    height: 2.75rem;
    background: #F7F9FA;
    border: 1px solid var(--k-border-color);
    outline: none;
}

.filter-modal .modal-footer .btn {
    width: 10.75rem;
    height: 3rem;
    border-radius: 5px;
    font-weight: 700;
}

/* Hovered/keyboard-highlighted option */
.select2-results__option--highlighted {
    background-color: var(--k-primary-blue) !important;
    color: #fff !important;
}

/* Selected option in the results list */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--k-primary-blue) !important;
    color: #fff !important;
}

/* Focus ring when the control is active */
.select2-container--default .select2-selection--single:focus {
    outline: 2px solid var(--k-primary-blue);
    outline-offset: 2px;
}

.select2-container .select2-selection--single {
    height: 2.75rem;
}

.select2-selection--single .select2-selection__rendered {
    line-height: 2.75rem !important;
}

.select2-selection--single .select2-selection__arrow {
    height: 2.75rem !important;
}

.select2-container .select2-search__field {
    height: 2rem !important;
}

.form-control:focus {
    outline: none;
    border: 1px solid var(--k-border-color);
    box-shadow: none;
}

.select2-selection--multiple .select2-selection__rendered {
    line-height: 2.0rem !important;
    height: 2.625rem;
}

.group-name-box-edit .emojionearea {
    margin-left: 0 !important;
}

.group-name-box-edit .emojionearea .emojionearea-button {
    right: 10px !important;   /* push button to the right */
    left: auto !important;    /* disable default left alignment */
}

.group-name-box-edit .emojionearea .emojionearea-editor {
    padding-right: 35px !important;
}

.group-name-box-edit .emojionearea .form-control {
    border: none !important;
    border-bottom: 1px solid #9e9e9e !important;
}

.remarks-with-emoji .emojionearea {
    margin-left: 0 !important;
    border: none !important;
}

.remarks-with-emoji .emojionearea:focus {
    border: none !important;
}

.remarks-with-emoji .emojionearea .emojionearea-button {
    right: 10px !important;   /* push button to the right */
    left: auto !important;    /* disable default left alignment */
}

.remarks-with-emoji .emojionearea .emojionearea-editor {
    padding-right: 35px !important;
    border: none !important;
}

.remarks-with-emoji .emojionearea .emojionearea-editor:focus {
    border: none !important;
}

.remarks-with-emoji .emojionearea .form-control {
    border: none !important;
} 

#tasks_protocol {
    background-color: #fff;
    padding: 1rem;
}

#tasks_protocol .chat-item-icon {
    width: 24px;
    height: 24px;
}

#customer_overview {
    overflow: auto;
}

.text-decoration-none {
    text-decoration: none !important;
}

.account-view-body {
    height: calc(100% - 59px);
    overflow-y: scroll;
}

.account-view-body .login-sessions {
    background-color: var(--k-gray-light-background);
    height: 100%;
}

.account-view-body .login-sessions .list-group .device {
    width: 80px;
}

.account-view-body .login-sessions .list-group .menu {
    width: 8px;
}

.account-view-body .login-sessions .list-group .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius:0;
}

.account-view-body .login-sessions .title {
    font-size: 1.5rem;
}

.color-primary {
    color: var(--k-primary-blue);
}
/* ------------------------------
   Enterprise customers: inline actions (delete)
   Keep styles scoped to avoid impacting other views
   ------------------------------ */
.ent-cus-actions-wrap {
    position: relative;
    margin-left: 6px;
}
.ent-cus-actions-toggle {
    color: #9e9e9e;
    text-decoration: none;
    padding: 2px 4px;
    line-height: 1;
}
.ent-cus-actions-toggle:hover {
    color: #616161;
}
.ent-cus-actions {
    position: absolute;
    right: 0;
    top: 0;
    display: none; /* default hidden; shown via JS */
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 6px 8px;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    white-space: nowrap;
}
.ent-cus-actions .btn {
    padding: 4px 8px;
    line-height: 1.2;
    font-size: .8125rem;
}
/* Chat-like hover affordance for enterprise customer rows */
.ent-cus-view-top { position: relative; }
.ent-cus-view-top .mDspan { position: absolute; right: 0; top: 6px; z-index: 999; width: 30px; height: 30px; line-height: 30px; display: none; }
.ent-cus-view-top .mDspan i.material-icons { color: #88939B; }
.ent-cus-view-top:hover .mDspan { display: block !important; }

/* Enterprise back button common styling - ensures consistent centered design */
.ent-back-btn-common {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.ent-back-btn-common .material-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.msg-list.ent-msg-unchecked:hover {
    background-color: #c1e6f8;
    cursor: pointer;
}

.msg-list.ent-msg-checked {
    background-color: #c1e6f8;
    cursor: pointer;
}

.msg-list.ent-dynamic-msg-unchecked:hover {
    background-color: #c1e6f8;
    cursor: pointer;
}

.msg-list.ent-dynamic-msg-checked {
    background-color: #c1e6f8;
    cursor: pointer;
}


/* accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
    .search-wrapper .search-icons,
    .search-wrapper .icon-close{
        transition: none;
    }
}


@media screen and (min-width: 2600px) {
    #edit_profile_form .country-code {
        flex: 0 0 7%;
    }
}

@media screen and (min-width: 1441px) {
    .k-chat-card-top .k-chat-card {
        /*height: calc(100vh - 39px);*/
    }

    .k-chat-card {
        /*max-width: 1396px;*/
        /*top: 19px;*/
        /*height: calc(100% - 39px);*/
    }
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .k-chat-left-panel > #chat-left-general, #chat-left-user {
        min-width: 100%;
    }

    .k-chat-left-panel {
        flex: 35%;
    }

    .k-chat-middle {
        flex: 65%;
    }

    /*.k-left-contacts {
        width: 35%;
        left: -35%;
    }*/
}

@media screen and (max-width: 1024px) and (min-width: 901px) {
    .k-chat-left-panel {
        flex: 35%;
    }

    .k-chat-middle {
        flex: 65%;
    }

    /*.k-left-contacts {
        width: 35%;
        left: -35%;
    }*/

    #edit_profile_form .country-code {
        flex: 0 0 30%;
    }
}

@media screen and (max-width: 1340px) and (min-width: 768px) {
    .k-qr-code-inner {
        flex-direction: column;
    }

    #edit_profile_form .country-code {
        flex: 0 0 30%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .k-qr-code-box svg {
        width: 200px;
    }

    .k-country-code-phone .phone {
        width: 60%;
    }

    #edit_profile_form .country-code {
        flex: 0 0 40%;
    }
}

@media screen and (max-width: 991px) {
    .k-chat-left-panel {
        flex: 35%;
    }

    .k-chat-middle {
        flex: 65%;
    }

    .k-chat-left-panel > #chat-left-general, #chat-left-user {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .k-chat-left-panel {
        flex: 40%;
    }

    .k-chat-middle {
        flex: 60%;
    }

    /*.k-left-contacts {
        width: 40%;
        left: -40%;
    }*/
}

@media screen and (max-width: 767px) {
    .k-chat-left-panel {
        flex: 50%;
    }

    .k-chat-middle {
        flex: 50%;
    }

    .k-card {
        height: auto;
    }

    .k-card.k-chat-card {
        height: calc(100vh - 0px);
    }

    /*.k-left-contacts {
        width: 50%;
        left: -50%;
    }*/

    .k-login-content {
        max-width: 100%;
    }

    .k-login-content .k-qr-section-top {
        padding: 25px 20px;
    }

    .k-login-content .kla {
        flex-direction: column;
    }

    .k-login-content .kla .second {
        padding-left: 0;
    }

    .k-login-content .klct {
        padding: 20px 0;
        font-size: 1.6rem;
    }

    .k-login-content .kqrlt {
        flex-direction: column;
    }

    .k-login-content .kqrlt .k-login-qr-list ul li {
        line-height: 1.4em;
    }

    .k-login-content .kqrlt {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .new-login-header .inner {
        padding: 0 15px;
    }

    @supports (bottom: env(safe-area-inset-bottom)) {
        .k-chat-middle {
            padding-bottom: calc(env(safe-area-inset-bottom, 0px));
        }

        .new-msg-container {
            margin-bottom: calc(env(safe-area-inset-bottom, 0px));
        }
    }
}

@media only screen and (max-width: 600px) {
    .k-select-selectpicker .bootstrap-select .dropdown-menu {
        width: 290px !important;
        min-width: unset !important;
    }

    .pi_dosage > div {
        width: 50%;
    }

    .pi_dosage .pi_fq_icn {
        flex-wrap: wrap;
        width: 100%;
    }

    .pi_dosage .pi_fq_icn .input {
        width: 50%;
        margin: 0;
    }

    .pi_dosage .pi_fq_icn .input:nth-child(1),
    .pi_dosage .pi_fq_icn .input:nth-child(2) {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 480px) {
    .k-contacts-top .k-contact-name .k-c-name {
        max-width: 120px;
    }

    .k-qr-code-inner {
        flex-direction: column;
    }

    .pi_dosage > div {
        width: 50%;
    }

    .pi_dosage .pi_fq_icn {
        flex-wrap: wrap;
        width: 100%;
    }

    .pi_dosage .pi_fq_icn .input {
        width: 50%;
        margin: 0;
    }

    .pi_dosage .pi_fq_icn .input:nth-child(1),
    .pi_dosage .pi_fq_icn .input:nth-child(2) {
        margin-bottom: 5px;
    }

    #chat-container {
        position: relative;
    }

    .k-chat-left-panel {
        display: none;
    }

    .k-chat-left-panel-show-mobile {
        min-width: 100%;
        display: block;
    }

    .k-chat-left-panel > #chat-left-general, #chat-left-user {
        min-width: 100%;
        width: 100%;
    }

    .k-header-top .open_profile {
        gap: 5px;
    }

    .k-enterprise-left-panel-show-mobile {
        min-width: 410px;
        display: block;
    }

    .back-chat, .close-prescription-detail {
        display: inline-block;
    }

    .k-upper-header {
        padding: 6px 4px;
    }

    .k-right-panel {
        width: 100%;
    }

    .pre-details .pred-top {
        flex-direction: column;
        align-items: inherit;
        padding-bottom: 10px;
    }

    .hide-on-480 {
        display: none !important;
    }

    .k-right-panel {
        position: relative;
        width: 100%;
    }

    .showOn480 {
        display: block !important;
    }

    #close_inventory_view {
        float: left;
    }

    .inventory_details {
        padding-left: 10px;
    }

    .web_reg_page .wrp_b_from {
        max-width: auto;
    }

    .web_reg_page .verify_num_cl {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        /*max-width: unset;*/
        min-width: 485px;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        min-width: 800px !important;
    }
}