.actStatus {
    cursor: pointer;
}
.bootboxDelete{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
}

    .alert{
        padding: 0px 9px !important;
    }
       .cabinet figure{
        text-align: center;
    }
    .old_profile_imageSub{
        max-width: 100%;
    }
    #upload-demo{
        height: 500px;
    }
    .cabinet figure{
        text-align: center;
    }
    .profile_image_showInput{
        margin-top: 2px;
    }

    /*chat page */
.chat_page .chat_list{border-radius: 10px; padding:0; box-shadow: 2px 2px 4px 0 rgba(61, 61, 61, 0.3); background-color: #ffffff; margin-top: 25px;height: calc(50vh + 185px); overflow-y: auto;}
.chat_page .chat_list .chater_list li{display: flex;align-items: center;padding: 10px;border-top: 1px solid #ddd;cursor: pointer;}
.chat_page .chat_list .chater_list li .product-img{height: 60px;width: 60px;border-radius: 100%;overflow: hidden;}
.chat_page .chat_list .chater_list li .product-img img{height: 100%;width: 100%;object-fit: cover;}
.chat_page .chat_list .chater_list li .product-info{width: calc(100% - 60px); padding-left: 10px;}
.chat_page .chat_list .chater_list li .product-info .product-title b{color: #000;display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat_page .chat_list .chater_list li .product-info .product-title span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;    font-size: 14px; color: #999999;}
.chat_page .chat_box_right{ padding: 20px 20px 10px 20px; box-shadow: 2px 2px 4px 0 rgba(61, 61, 61, 0.3); background-color: #ffffff;}
.chat_page .chat_box_right .msg_header{display: flex;align-items: center;    padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.chat_page .chat_box_right .msg_header .img_user{height: 70px;width: 70px;border-radius: 100%;overflow: hidden;}
.chat_page .chat_box_right .msg_header .img_user img{height: 100%;width: 100%;object-fit: cover;}
.chat_page .chat_box_right .msg_header .user_name{width: calc(100% - 70px);padding-left: 15px;font-size: 20px;}
.chat_page .chat_box_right #comments-container .msg+.msg{margin-top: 5px;}
.chat_page .chat_box_right #comments-container .text{display: flex;width: 100%;align-items: flex-end;}
.chat_page .chat_box_right #comments-container .text.to{justify-content: flex-end}
.chat_page .chat_box_right #comments-container .text p{font-size: 14px; color: #FFF; border-radius: 5px; background-color: #ef4426; padding: 10px 15px; display: inline-block; vertical-align: bottom; font-weight: 400; max-width: 50%;margin: 0 10px;    word-break: break-all;}
.chat_page .chat_box_right #comments-container .text div{margin: 0 10px !important;}
.chat_page .chat_box_right #comments-container .text.to p{background-color: #eeeeee;color: #1B1B1B;}
.chat_page .chat_box_right #comments-container .text .avatar{height: 40px;width: 40px;border-radius: 100%;overflow: hidden;}
.chat_page .chat_box_right #comments-container .text .avatar img{height: 100%;width:100%;object-fit: cover;}
.chat_page .chat_box_right #comments-container .date{font-size: 12px;margin-top: 5px;display: block;font-weight: 400;}
.chat_page .chat_box_right #twemoji-textarea{margin-left: 0;}
.chat_page .chat_box_right .submit_btn .button{position: absolute; top: -48px; right: 20px;font-weight: 400;background-color: #ef4426;padding: 0; line-height: 0;}
.chat_page .chat_box_right .submit_btn .button svg{height: 32px; padding: 5px; fill: #FFF;}
.dataTables_scrollBody {
    overflow: inherit !important;
}
.notifications_icon{
    height: 25px;
    width: 25px;
    background-color: rgba(225,225,225,1);
    border-radius: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: -12px;
    position: relative;
    color: #000;
}
.notification_detsil_count{
    background-color: green;
    color: #ffffff;
}

.alert-record-td{
    vertical-align: middle !important;
    text-align:left !important;
}
.alert-record-img{
    border-radius:50%;
}
.alert-record-table{
    margin-bottom:0 !important;
}
.datatable-row-remove .row{
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}
.float-right{
    float: right !important;
}
.colorRed{
    color: #ea5455;
}
.widht-100{
    width: 100%;
}
.padding-c{
    padding: 5px;
}
@media (min-width: 992px){
    body .content-right {
        width: 100%;
        float: right;
    }
}
.chat-application .chat-app-window .start-chat-area, .chat-application .chat-app-window .user-chats{
    background-image: none;
}
.dark-layout .chat-application .content-right .chat-app-window .start-chat-area, .dark-layout .chat-application .content-right .chat-app-window .user-chats{
    background-image: none;
}
.list-chat{
    height: calc(100vh - 315px);
    overflow: auto;
}
/* .user-chats-list{
} */
.background-null{
    background-image : none !important;
    box-shadow : none !important;
}
.chat-date{
    font-size: 12px;
}
.color-black{
    color: #6e6b7b;
}

#comments-container::-webkit-scrollbar {
    width: 8px;
    border-radius: 6px;
}

/* Track */
#comments-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#comments-container::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 50px;
}

/* Handle on hover */
#comments-container::-webkit-scrollbar-thumb:hover {
    background: #999;
    border-radius: 50px;
}
.iti.iti--allow-dropdown {
    width: 100%;
}
.intl-tel-input{
    width: 100%;
}
.apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label, .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value{
    font-size: 12px;
}
button#button-hangup {
    display: none;
}
.card a[data-action='collapse'].rotate i, .card a[data-action='collapse'].rotate svg {
    transform: rotate(-180deg);
}
.compliant-hight{
    overflow: auto;
    max-height: 400px;
}



.fc .fc-toolbar-title {
    color: #000;
}
.fc .fc-scrollgrid-liquid{
  background: #FFFFFF;
}

.fc .fc-toolbar.fc-header-toolbar {
    background: #FFFFFF;
    padding: 1rem;
    margin-bottom: 0 !important;
    border: 1px solid #dddddd;
    border-bottom: 0;
}

.fc-header-toolbar .fc-button {
    background-color: #000 !important;
    border-color: #000 !important;
}

.fc-header-toolbar .fc-toolbar-chunk {
    color: #339837;
}

.fc-col-header-cell .fc-scrollgrid-sync-inner a.fc-col-header-cell-cushion {
    color: #000;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #a3bcfc !important;
}

.calendar-view .fc-header-toolbar.fc-toolbar {
    margin: 0;
}

.calendar-view table thead .fc-scroller-harness table.fc-col-header {
    width: 100%;
}

.calendar-view table thead .fc-scroller-harness table.fc-col-header th {
    border: none;
    color: #000;
    padding: 22px;
}

.calendar-view table thead .fc-scroller-harness table.fc-col-header th a.fc-col-header-cell-cushion {
    color: #000;
}

.calendar-view table tbody table td {
    border: none;
    padding: 4px;
    text-align: center;
    height: auto !important;
}

.calendar-view table tbody table td .fc-daygrid-day-events {
    position: absolute;
}

.calendar-view table tbody table td .fc-daygrid-day-top {
    flex-direction: column-reverse;
}

.calendar-view table tbody table td .fc-daygrid-day-events {
    position: absolute !important;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 0;
}

.calendar-view table tbody table td .fc-daygrid-day-events .fc-daygrid-event-harness a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-past {
    border-radius: 100px;
    background: #a3bcfc;
    color: #000;
    border: none;
    width: 25px;
    height: 25px;
    padding: 0;
    line-height: 25px;
}

.fc-daygrid-day-bg {
    display: none;
}

.calendar-view table tbody table {
    border: none;
}

.calendar-view table tbody table td .fc-daygrid-day-top {
    flex-direction: initial;
    text-align: center;
    display: block;
}

.fc .fc-daygrid-day-number {
    padding: 10px;
}

.calendar-view table tbody table td {
    border: none;
    padding: 4px;
    text-align: center;
    height: auto !important;
    background: transparent;
}

.calendar-view table tbody table td .fc-daygrid-day-top {
    flex-direction: row;
    background: transparent !important;
}

.calendar-view table tbody table td .fc-daygrid-day-events {
    position: absolute !important;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 0;
    min-height: inherit !important;
}

/* .calendar-view table table.fc-scrollgrid-sync-table {
    height: auto !important;
} */

.calendar-view a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end {
    border-radius: 100px;
    background: #a3bcfc;
    color: #000;
    border: none;
    width: 25px;
    height: 25px;
    padding: 0;
    line-height: 25px;
}

.calendar-view {
    height: 430px !important;
}

.calendar-view .fc-header-toolbar.fc-toolbar {
    position: relative;
}

.calendar-view .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk button.fc-today-button.fc-button.fc-button-primary {
    display: none;
}

.calendar-view .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2.fc-toolbar-title {
    font-family: Dubai;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 45px;
    text-align: center;
    color: #000;
}

.calendar-view .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk .fc-button-group button {
    border-radius: 100px;
    padding: 0;
    line-height: 0;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    color: #a3bcfc;
    font-size: 19px;
}

.fc-daygrid-day-number {
    color: #000 !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background: transparent !important;
}

.fc .fc-daygrid-day.fc-day-today a.fc-daygrid-day-number {
    background: rgba(225,225,225,0.6);
    color: #000 !important;
    padding: 6px 15px;
}

.fc-daygrid-day-number:hover {
    color: #000 !important;
}

.calendar-view table tbody table td .fc-daygrid-day-events .fc-daygrid-event-harness a {
    background: white !important;
    position: absolute;
    right: -20px;
    top: 0px;
    color: #000 !important;
}
.calendar-view .fc-h-event .fc-event-main {
    color: #000 !important;
}


.fc .fc-daygrid-day-number {
    cursor: pointer;
    padding: 10px;
}
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
  padding: 0px !important;
  /* color: white; */
}


.fc-daygrid-day-frame.has-event {
    background-color: rgba(255, 255, 255, 0.2);
}

.fc-daygrid-day-frame.event-green {
    background-color: #12c1b0;
}

.fc-daygrid-day-frame.event-red {
    background-color: #ef4d61;
}
/*Pharmacy-book-slot  06-02-2025*/
/*.fc-header-toolbar .fc-toolbar-chunk:nth-of-type(2) { margin-right: auto; padding-left: 12px }*/
.fc-header-toolbar .fc-toolbar-chunk:nth-of-type(1) .fc-today-button { background-color:#116E3E !important; color: #FFFFFF !important; }
.fc-col-header thead th { padding: 10px; border: none; background-color: #F1F1F1;}
.fc-col-header thead tr {border-bottom: 1px solid #DDDDDD;}
.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){ margin-left:4px !important; }
.fc .fc-button-primary { background-color: #F1F1F1 !important; color: #000000 !important; padding: 8px 12px !important; border:none !important;}
.fc .fc-prev-button:focus, .fc .fc-next-button:focus{ outline: none; box-shadow: none !important;}
.fc .fc-prev-button .fc-icon, .fc .fc-next-button .fc-icon{ color:#000000; }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{ padding: 6px !important; }
.fc .fc-toolbar-title { font-size:20px !important; }
.fc-daygrid-dot-event{ justify-content:center; }
#booked_slot {background-color: #FFFFFF;padding: 30px  20px;position: absolute;right: 0;z-index: 99;box-shadow: 0 0 30px #d3d3d3; height: 100%;}
#calendar { background-color: #FFFFFF; padding: 20px; border-radius: 7px; box-shadow: 0 0 4px #e4e4e4; }
#booked_slot .close-btn { position: absolute; right: -8px; top: -18px; }
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{ background-color: #116E3E !important; color:#FFFFFF !important; }
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus{ box-shadow:inherit !important; }
.modal.show#appointmentModal .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 62.3px)

}

.device-card-1{
    color: red;
}
.device-card-2{
    color: green;
}
.device-card-3{
    color: blue;
}
.device-card-4{
    color: orange;
}
.bold{
    font-weight: bold;
}
.red-data{
    color:#000000;
}
.tooltip-inner{
    background-color:#ffffff;
}

.main-menu.menu-dark .navigation {
    background: #F8F8F8;
}

.main-menu.menu-dark {
    background: #F8F8F8;
}

.main-menu.menu-dark .navigation li a {
    color: #566676; font-weight: 500;
}

.dark-layout .main-menu-content .navigation-main .nav-item i {
    color: white !important;
}

.navbar.navbar-dark {
    background-color: #FFFFFF;
}

.header-navbar .navbar-container ul.navbar-nav li svg.ficon {
    color: black; !important;
}

.navbar.navbar-dark .dropdown-menu {
    background-color: #116E3E;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text, .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle {
    display: inline;
    padding-left: 0;
    font-size: 17px;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
    background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
    box-shadow: none;
    color: #565656;
}

.list-group-item-blue {
    color: #0a0a0a;
    background-color: #B4D4EC;
}

.list-group-item-blue a {
    color: #0a0a0a !important;
}

[data-toggle="collapse"] .fa:before {
    content: "\f106";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f107";
}

.bg-blue {
    background-color: #438FE2;
}

.patient-search::placeholder {
    color: white !important;
}

.sort-label {
    color: white !important;
    font-size: 0.9rem !important;
}

.sort-checkbox + .fa::before {
    content: "\f063";
}

.sort-checkbox:checked + .fa::before {
    content: "\f062";
}
.ac-btn-font,.ac-btn-font i{
    font-size: 13px;
    margin: 2px;
}
.header-marhin-right{
    margin-right: 5px;
}

.chat-submit-btn{
    float: right;
    margin-top: 5px;
}

/*Common Css*/
.primary-btn{ background-color: #238B84; color: #FFF; transition: 0.3s; }
.primary-btn:hover{box-shadow: 0 2px 4px rgb(35 139 132 / 40%);color: #FFF;}
.success-btn { background-color: #00AD48; color: #FFF;  border-radius: 20px; }
.success-btn:hover { box-shadow: 0 2px 4px rgb(0 173 72 / 20%); color: #FFF; }
.mute-btn { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.9); border-radius: 20px; color: #000; transition: 0.3s ease }
.mute-btn:hover, .mute-btn:active{ background-color:#000; color:#FFF }
.end-call-btn { background-color: #EB0014; color: #FFF; border-radius: 20px; }
.end-call-btn:hover, .end-call-btn:active{ box-shadow: 0 2px 4px rgb(255 0 0 / 40%); color:#FFF; }

/**/
.change_to_opt .btn { gap: 2px; max-width: 100%; width: inherit !important; height: 40px;padding: 0;}
.change_to_opt .opt-text { background-color: #F0F4F8;padding: 10px 18px;border-radius: 12px 0 0 12px;color: #000;flex: 0 0 calc(100% - 40px);text-align: left;}
.change_to_opt .icon { background-color: #F0F4F8; border-radius: 0 12px 12px 0; padding: 10px; color: #000; flex: 0 0 40px; }

.close-icon { float: right; width: 10%; border: none; font-size: 18px; background: transparent; color: #DA0404; padding: 8px; }
.call-icon { width: 10%; border: none; font-size: 18px; background: transparent; color: #DA0404; padding: 8px; }
.change_to_opt { float: left; max-width:100%; }
.change_to_opt .opt-text:hover, .change_to_opt .icon:hover { background-color: #CAD6E3; }
.change_to_opt .dropdown-menu {border-radius: 8px;padding: 12px;box-shadow: 0 0 0 1px rgb(240 244 248); width: 260px !important;}
.change_to_opt .drop-title { font-size: 18px; color: #000; font-weight: 500; border-bottom: 1px solid #ebe9f1; padding-bottom: 10px; margin-bottom: 6px; }
.change_to_opt .dropdown-menu a { transition: all 0.3s ease-in; padding: 6px 0; font-size: 14px;line-height: 19px; word-break: break-all; white-space: break-spaces;}
.change_to_opt .dropdown-menu a:hover{ padding-left:6px; }

.lastBtnBox { display: flex; align-items: center;justify-content: flex-end; gap: 16px; }

/**/
.top-tabing-row .btn-circle { padding: 10px  18px; }
.userStatus .change_to_opt .dropdown-menu{ left: inherit !important; right: 0; }
.userStatus .change_to_opt .opt-text { padding: 12px 18px; }
.userStatus .change_to_opt .icon { padding: 12px; }
.userStatus .change_to_opt { float: right; }

/**/
.audio-controls .fa-play{ font-size:18px; color:#000; }
.audio-controls .fa-trash{ font-size:18px; }
.audio-progress { -webkit-appearance: none; width: 150px; height: 4px; border-radius: 4px; outline: none; cursor:pointer; }
.audio-progress::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 14px; height: 14px; background: #238B84; border-radius: 50%; cursor: pointer; border: none; margin-top: -5px }
.audio-progress::-webkit-slider-runnable-track { height: 4px; background: #238B84; border-radius: 4px; }
.audio-progress::-moz-range-thumb { width: 14px; height: 14px; background: #238B84; border-radius: 50%; cursor: pointer; border: none; } .audio-progress::-moz-range-track { height: 4px; background: #238B84; border-radius:4px; }
.card a[data-action='collapse'].rotate i, .card a[data-action='collapse'].rotate svg{  }


/**/
.modal-body .close { color: #000; font-size: 36px; opacity: 1; }
.callInfoModal .modal-dialog { max-width: 900px; }
.callInfoModal .modal-title { font-size: 20px; line-height: normal; font-weight: bold; color: #15191E; }
.modalContent p { font-size: 18px; }
.input-box .form-control { font-size: 16px; }
.input-box label, .modalContent .flex-text { font-size: 18px; color:#15191E; }
.dialing-call .flex-text, .dialing-call .input-box label { color:#A1A3A5; }

.callInfoModal .modal-body { padding: 0; }
.callInfoModal .modal-content { overflow: hidden; border-radius: 20px; padding: 30px 40px 40px; border: 1px solid #CAD2D8; box-shadow: 0 4px 4px  rgb(0 0 0 / 25%) !important; overflow: hidden;}

.modalContent { padding: 20px 0 20px; color: #000; }
.modalActivity .text-dark { text-align: center; font-size: 14px; }
.modalActivity { display: flex; align-items: center; justify-content: flex-end; gap: 12px;}
.modalActivity button i { margin-right: 6px;}

/*Switch */
.switch { position: relative; display: inline-block; width: 50px; height: 24px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 24px; }
.slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: 0.4s; border-radius: 50%; }
input:checked + .slider { background-color: #238B84; }
input:checked + .slider:before { content: "\f00c "; color: #0072DB; font-family: 'FontAwesome'; text-align: center; transform: translateX(26px); }

/**/
.form-group i { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); }
.border-line hr { margin: 10px 0;}
.formBody .primary-btn { border-radius: 20px; }

/**/
.careTeamList .dropdown { margin-left: auto;}
.careTeamItem { display: flex; align-items: center; gap: 32px; font-size: 16px; width: 100%; }
.careTeamList { margin: 0; padding: 0; }
.ellipsisIcon-btn{ padding:0; font-size:24px; color:#000; }
.careTeamList .dropdown-menu a, .careTeamList .dropdown-menu button{ display: block; width: 100%; font-size: 16px; color:#000; }
.careTeamList .dropdown-menu { border: 1px solid #CAD2D8; box-shadow: 0 4px 4px  rgb(0 0 0 / 25%); top: 0 !important; width: 220px !important; }

/*End*/

.timeline_box{border-radius: 15px;padding: 20px 20px 10px 20px; box-shadow:2px 2px 4px 0 rgba(61, 61, 61, 0.3); background-color: #ffffff;margin-top: 25px;}
.timeline_box .timeline_user{font-size: 0;}
.timeline_box .timeline_user .thumbnail_container{width: 60px;padding-bottom:60px;border-radius: 100%;display: inline-block;vertical-align: middle;}
.timeline_box .timeline_user .timeline_user_info{width: calc(100% - 60px);display: inline-block;vertical-align: middle;padding-left: 20px;}
.timeline_box .timeline_user .timeline_user_info .title_t_user a{font-size: 22px;color: #616161;font-weight: 500;text-transform: none;}
.timeline_box .timeline_user .timeline_user_info .timeline_time{font-size: 15px;color: #919191;}
.timeline_box .timeline_user .timeline_user_info .timeline_time:hover,.timeline_box .timeline_user .timeline_user_info .title_t_user a:hover{color:#ef4426;}
.timeline_box .timeline_user .timeline_user_info .timeline_option .btn{line-height: 0px;padding: 5px 0;margin:0;font-size: 30px;background-color:transparent; border:none;color: #919191;letter-spacing: -2px;outline: none !important;text-shadow: none !important;box-shadow: none !important;}
.timeline_box .timeline_user .timeline_user_info .timeline_option .btn i{line-height: 6px;}
.timeline_box .timeline_user .timeline_user_info .timeline_option .btn:hover{color:#ef4426;}

.timeline_box .img_wrap{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;margin: 15px 0;flex-wrap: wrap;}
.timeline_box .img_wrap img{border-radius: 10px;}
.timeline_box .img_wrap a{display: block;}
.timeline_box .img_wrap:not(.one_img) a{width: 50%;padding:2px;}
.timeline_box .img_wrap:not(.one_img) a img{height: 100%;object-fit: cover;width: 100%;}
.timeline_box .img_wrap.five_img a{width: 25%;position: relative;}
.timeline_box .img_wrap.three_img a:first-child, .timeline_box .img_wrap.five_img a:first-child{width: 100%;-webkit-box-flex:1; -ms-flex:1 0 100%; flex:1 0 100%;} .timeline_box .img_wrap.five_img a[data-extra-img]:before{position: absolute;content: "";top: 2px;left: 2px;right:2px;bottom:2px;background-color: rgba(0,0,0,0.5);border-radius: 10px;}
.timeline_box .img_wrap.five_img a[data-extra-img]:after{position: absolute;content: attr(data-extra-img);font-size: 30px;top: 50%;left: 0;right: 0;text-align: center;color: #FFF;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.timeline_box .img_wrap.five_img a[data-extra-img] ~ a{display: none;}
.timeline_box .text_normal{margin:15px 0;}

.timeline_box .total_likeComment li{display: inline-block;color: #ef4426;font-size: 16px;width: 50%;float: left;}
.timeline_box .like_comment_share{border-top: solid 1px #d6d6d6;padding: 12px 0 0px 0;margin:10px 0 0 0;}
.timeline_box .like_comment_share li{float: left;width: 50%;}
.timeline_box .like_comment_share li a{font-size: 16px;color: #434343;}
.timeline_box .like_comment_share li a+a{margin-left: 20px;}
.timeline_box .like_comment_share li a i{margin-right: 6px;color: #7c7c7c;vertical-align: text-bottom;font-size: 20px;-webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.timeline_box .like_comment_share li a:hover, .timeline_box .like_comment_share li a:hover i{color: #ef4426;}

.timeline_box .comment_write{margin-top: 20px;}
.timeline_box .comment_write li+li{margin-top: 15px;}
.timeline_box .comment_write li .comment_inner{padding: 10px;background-color: #f8f8f8;border:solid 1px #c0c0c0;border-radius: 15px;}
.timeline_box .comment_write li .like_reply{padding-left: 75px;}
.timeline_box .comment_write li .like_reply a{color: #9b9b9b;margin-right: 10px;}
.timeline_box .comment_write li .thumbnail_container{width: 50px;padding-bottom: 50px;border-radius: 100%;float: left;}
.timeline_box .comment_write li .submit_comment{width: 112px;display: inline-block;}
.timeline_box .comment_write li .comment_write_right{width: calc(100% - 50px);float: left;padding-left: 10px;font-size: 16px;color: #1b1b1b;}
.timeline_box .comment_write li .comment_write_right.comment_box{padding-left: 0;width: calc(100% - 112px);padding-right: 15px;}
.timeline_box .comment_write li .comment_write_right.comment_box form{position: relative;}
.timeline_box .comment_write li .comment_write_right.comment_box .photos_comment{position: absolute;font-size: 22px;top: 0;bottom:0;right: 0;color: #696969;padding: 0 15px 0 15px;line-height: 51px;}
.timeline_box .comment_write li .comment_write_right .user_write{width: 100%;height: 45px;border: solid 1px #c0c0c0;border-radius: 15px;padding: 12px 16px;font-size: 16px;color: #808080;display: block;}
.timeline_box .comment_write li .comment_write_right .user_name{font-size: 18px;color: #1b1b1b;font-weight: bold;margin-right: 5px;display: table;}
.timeline_box .comment_write li .comment_write_right .comment_edit .btn{padding: 0;margin: 0;border:0;box-shadow: none;background-color: transparent;font-size: 26px;color: #919191;line-height: 0;margin-top: -10px;}
.timeline_box .comment_write li ul{margin-left: 65px;margin-top: 5px;}
.timeline_box .load_more_c{color: #f21d1d;font-size: 16px;margin: 10px auto 0 auto;display: table;text-decoration: underline;}
.timeline_box .comment_write li .comment_write_right .user_name:hover, .timeline_box .load_more_c:hover, .timeline_box .comment_write li .like_reply a:hover, .timeline_box .comment_write li .comment_write_right.comment_box .photos_comment:hover{color: #ef4426;}
.timeline_box .comment_txt{font-size: 16px;color: #1b1b1b;margin: 15px 0 17px 0;}
.timeline_box .comment_txt p{font-size: 16px;color: #1b1b1b;}
.timeline_box .comment_txt strong{text-transform: uppercase;margin-bottom: 10px;display: block;}


@media(max-width: 1199px){

    .timeline_box .timeline_user .timeline_user_info{padding-left: 10px;}
    .timeline_box .timeline_user .timeline_user_info .title_t_user a, .rightbar_box .box_title{font-size: 20px;}
    .timeline_box .timeline_user .timeline_user_info .timeline_time, .timeline_box .comment_write li .comment_write_right{font-size: 14px;}
    .timeline_box .img_wrap, .timeline_box .text_normal{margin:10px 0;}
    .timeline_box .comment_write li .comment_write_right .user_name, .rightbar_box p, .rightbar_box .box_subtitle{font-size: 16px;}


}

@media(max-width: 767px){
    .timeline_box .timeline_user .thumbnail_container, .rightbar_box .group_list .thumbnail_container{width: 40px;padding-bottom: 40px;}
    .timeline_box .timeline_user .timeline_user_info, .rightbar_box .group_list .group_info{width:calc(100% - 40px)}
    .timeline_box .timeline_user .timeline_user_info .title_t_user a, .rightbar_box .box_title, .rightbar_box .subtitle_normal a{font-size: 16px;}
    .timeline_box .timeline_user .timeline_user_info .timeline_time, .timeline_box .comment_write li .comment_write_right{font-size: 12px;}
    .timeline_box .timeline_user .timeline_user_info .timeline_option .btn, .timeline_box .comment_write li .comment_write_right .comment_edit .btn{font-size: 24px;}
    .timeline_box .timeline_user .timeline_user_info .title_t_user{margin-top: -5px;}
    .timeline_box .total_likeComment li, .timeline_box .like_comment_share li a, .timeline_box .comment_write li .comment_write_right .user_name, .rightbar_box p, .rightbar_box .box_subtitle, .timeline_box .comment_write li .like_reply a, .timeline_box .load_more_c, .rightbar_box .sort_by{font-size: 14px;}
    .timeline_box .like_comment_share li a i, .timeline_box .img_wrap.five_img a[data-extra-img]:after{font-size: 18px;}
    .timeline_box .like_comment_share{margin: 8px 0 0px 0;padding: 8px 0 0px 0;}
    .timeline_box .comment_write li .comment_write_right .user_write{height: 40px; font-size: 14px; padding: 10px 40px 10px 10px}
    .timeline_box .comment_write li .submit_comment{width: 80px;}
    .timeline_box .comment_write li .comment_write_right.comment_box{width: calc(100% - 80px);padding-right: 5px;}
    .timeline_box .comment_write, .timeline_box .comment_write li+li, .rightbar_box .more_btn{margin-top: 10px;}
    .timeline_box .comment_write li .comment_write_right.comment_box .photos_comment{padding: 0 10px 0 0;line-height: 46px;}
    .timeline_box .comment_write li .thumbnail_container{width: 35px;padding-bottom: 35px;}
    .timeline_box .comment_write li .comment_write_right{width: calc(100% - 35px)}
    .timeline_box .comment_write li .like_reply{padding-left: 55px;}
    .timeline_box .comment_write li ul{margin-left: 40px;}

}

.write_box_bottom .photos_video span {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 7px 15px;
    display: block;
    box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 18px;
    text-align: center;
}
.timeline_box {
    /* border-radius: 15px; */
    /* padding: 20px 20px 10px 20px; */
    box-shadow: 2px 2px 4px 0 rgba(61, 61, 61, 0.3);
    background-color: #ffffff;
    /* margin-top: 25px; */
    margin-top: 5px !important;
    padding-top: 0 !important;
    overflow: hidden;
    /* width: 42%; */
    float: right;
}
.videoBox::before{
    font-size: 50px !important;
}
::-webkit-scrollbar {
    width: 12px;
    height: 7px;
}
::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 10px #31B0D5; */
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #777;
    /* box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  */
}
.auth-user-text{
    background-color: #d9dfe4;
    margin-top: 2px;
    border-radius: 10px;
    color: black;
    text-align: right;
    padding: 10px;
}
#comments-container .author{
    font-weight: bold;
}
.avatar-img img{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.other-user-text{
    background-color: #71befd;
    margin-top: 2px;
    border-radius: 10px;
    color: black;
    text-align: left;
    padding: 10px;
}
.other-user-text .timeline_box{
    float: left;
}
#profile-info .card-body .btn{
    margin: 1px;
}
.media-upload-div{
    /* display: none; */
}
.fc-daygrid-day-frame.event-orange {
    background-color: #ff9f43;
}
@media (max-width:767px){
    .navbar a {
        padding: 0px !important;
        margin: 0px auto 10px !important;
    }

    .navbar a img {
        width: 100% !important;
    }

    .navbar {
        display: block;
    }
}

.messageloader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 90px;
  text-align: center;
  height: 90px;
  animation: spin 2s linear infinite;
  display: block;
  margin: 30px auto;
}

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


ul.page-header-direction li {
    margin-right: 0 !important;
    padding: 10px 10px 10px 40px !important;
    position: relative;
    background-color: #e0efee73;
    /* background-image: url(https://pharmacysleepmanager.com/resources/assets/img/check-non-active.png); */
    background-repeat: no-repeat;
    background-position: center left 30px;
}
ul.page-header-direction li:first-child {
    padding-left: 20px !important;
    background-position: center left 15px;
}
ul.page-header-direction li.active {
    position: relative;
    background-color: #238b8424;
    border-radius: 5px;
    /* background-image: url(https://pharmacysleepmanager.com/resources/assets/img/check-active.png); */
}
ul.page-header-direction li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    border: 20px solid;
    border-color: #ff00f700 #cda40d00 #00000000 #ffffff;
}
ul.page-header-direction li:after {
    content: '';
    position: absolute;
    right: -38px;
    top: 0;
    bottom: 0;
    border: 20px solid;
    border-color: #ff000000 #5a000000 #00000000 #f1f8f7;
    z-index: 1;
}
ul.page-header-direction li.active a {
    color: #238B84 !important;
    font-weight: bold;
}
ul.page-header-direction li:first-child:before {
    display: none;
}
ul.page-header-direction li.active:after {
    border-color: #ff000000 #5a000000 #00000000 #e0efee;
}
.badge.badge-info.crumbs-pd.mt-1 {
    display: none;
}
.page-item.active .page-link {
    z-index: 3;
    color: #FFFFFF;
    background-color: #116E3E;
    border-color: #116E3E;
}
.scroll-top {
    border-color: #116e3e !important;
    background-color: #116e3e !important;
    color: #fff !important;
}
ul.user-info {
    display: flex;
    list-style: none;
    padding: 20px 0 30px;
    margin: 0;
    gap: 20px 50px;
    flex-wrap: wrap;
}
ul.user-info li {
    color: #000;
}
ul.user-info span {
    display: block;
    color: #747474;
    margin-bottom: 5px;
}