/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 31, 2019, 4:21:40 PM
    Author     : ADMIN1
*/

/*scrollbar-color: rgba(0,0,0,.2) hsla(0,0%,100%,.1);

scrollbar-width: thin;*/
#_myteamChatBTN._myteamChatBTNAdminLogin{
    display: none;
}
#_groupConnectionContainers ._groupConnectionResizeHeader{
    display: none;
    margin: 0px;
}
._groupCallChatBTNForDoctorCovidForm{
    box-shadow: none !important;
    border-width: 0 !important;
    color: #fff !important;
    outline: none !important;
    position: absolute !important;
    font-size: 12px !important;
    padding: 2px 8px !important;
    float: right;
    top: 3px !important;
    border-radius: 50px;
    right: 3px !important;
}
/*._groupCallChatBTNForDoctorCovidForm{
    position: relative !important;
    color: #8293E3 !important;
    float: unset;
    padding: 0 !important;
    top: -1px !important;
    left: 4px;
    box-shadow: none !important;
    border-width: 0 !important;
    outline: none !important;
    font-size: 12px !important;
}*/
/*#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionResizeHeader{
    display: block;
    
}*/

._messagecheckboxforSelect {
    position: absolute;
    top: 48%;
    left: 10px;
    display: none;
}
._myChatUserMessageContiner._chatmessageMarkasSelectorMainContainer ._messagecheckboxforSelect{
    display: block;
}
._myChatUserMessageContiner._chatmessageMarkasSelectorMainContainer ._mychatoptionMenuBTN{
    pointer-events: none;
}
._myChatUserMessageContiner._chatmessageMarkasSelectorMainContainer ._mychatUserSendMsgInputContainer,
._mychatUserSendMsgMarkasFooterContainer{
    display: none;
}
._myChatUserMessageContiner._chatmessageMarkasSelectorMainContainer ._mychatUserSendMsgFooterContainer{
    padding: 0px !important;
}
._myChatUserMessageContiner._chatmessageMarkasSelectorMainContainer ._mychatUserSendMsgMarkasFooterContainer{
    display: block;
}
.messeagemarked ._messagecheckboxforSelect{
    display: none !important;
}
._groupchatUserMessageContainer #_mychatUsermessagenotification{
    display: none !important;
}
._mychatUserSendMsgMarkasFooterContainer{
    margin: 0px;
    padding: 5px 0px;
    background: #fff;
    box-shadow: 0px 0px 10px -5px #000;
}
._btnMarkasCloseFooter{
    font-size: 16px;
    padding: 0;
    text-align: center;
    height: 34px;
    color: #888 !important;
    text-decoration: none !important;
    outline: none !important;
}
._mychatUserSendMsgMarkasFileSelectedCountContainer{
    padding-top: 5px;
    font-size: 15px;
}
._btnMarkasConfirmFooter{
    background: #8293e3 !important;
    padding: 7px !important;
    border-radius: 50px;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    font-size: 15px;
    text-align: left;
    padding-left: 20px !important;
    text-decoration: none !important;
    outline: none !important;
}
._btnMarkasConfirmFooter img{
    width: 25px;
    position: absolute;
    right: 4px;
    top: 5px;
}

._mychatUserSendMsgMarkasFooterContainerelement {
    margin: 0px;
    padding: 5px 0px;
    background: #fff;
    box-shadow: 0px 0px 10px -5px #000;
}
._groupchatUserMessageContainer ._mychatUserDetailsDataNameContainerCOL_XS_10{
    line-height: 50px !important;
}
._myChatUserInfoHeaderDivOuterRow{
    padding: 2px 0;
    margin: 0;
    background: #fff;
    box-shadow: 0px 0px 10px -4px !important;
}
._myChatUserInfoHeaderDivOuterRow img{
    width: 45px;
    height: 45px;
    background: #ccc;
    padding: 1px;
}
._myChatUserInfoHeaderDivOuterRow h4{
    margin: 0px !important;
    padding: 3px !important;
    font-size: 11px !important;
    color: #8c8c8c !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
._myChatUserInfoHeaderDiv{
    display : none; 
    border-right: 1px solid #ccc;
}
._myChatUserInfoHeaderDiv.groupactive{
    display: block;
    position: relative;
    z-index: 1;
}
/*.privatepracticeChat ._myChatUserInfoHeaderDiv{
    display: none;
}*/
.privatepracticeChat ._myChatUserInfoHeaderDiv #_myChatGroupHeaderMHDiv{
    display: none;
}
.privatepracticeChat ._myChatUserInfoHeaderDiv #_myChatGroupHeaderDoctorDiv,
.privatepracticeChat ._myChatUserInfoHeaderDiv #_myChatGroupHeaderPatientDiv{
    width: 50% !important;
}
._myChatOpenFromRightSide ._mychatUserSendMsgBodyContainer.groupactive {
    height: calc( 100% - 185px ) !important;
}
.privatepracticeChat ._mychatUserSendMsgBodyContainer{
    height: calc( 100% - 50px ) !important;
}
._myChatMHAppointmentUserDetails{
    display: none !important;
}
.groupactive ._mychatUserdetailsIMGContainer,
.groupactive #_mychatUserdetailsIMG{
    display: none;
}
/*#_medicoCovideDetailsTabNavUL-CHAT ._myChatUserInfoHeaderDiv.groupactive{
    display: none;
}*/
._mychatUserSendMsgFooterVideoCallContainer{
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 0;
}
._mychatUserSendMsgFooterVideoCallContainer button{
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 20px;
    box-shadow: 0px 0 10px -5px #000;
    height: 45px;
    line-height: 32px;
}
._patientchatattachmentmenuITEM{
    display: none;
}
._mychatAttachmentTypeConatiner._patientchatattachmentmenus ._patientchatattachmentmenuITEM{
    display: block;
}
._mydoctorPrivateChatCounterContainer{
    padding: 0;
    min-height: 50px;
}
._mydoctorPrivateChatCounterContainer .badge{
    display: none;
    background: #0DD15E !important;
    font-size: 12px;
    font-weight: bold;
}
._mydoctorPrivateChatCounterContainer._unreadmessage .badge{
    display: inline-block;
}
._mydoctorPrivateChatCounterContainer ._mydoctorPrivateChatCounterTimeContainer{
    margin: 0px;
    position: absolute;
    right: 0;
    width: 60px;
    bottom: 0px;
    text-align: center;
    font-size: 11px;
    color: #888;
}
._mydoctorPrivateChatCounterContainer._unreadmessage ._mydoctorPrivateChatCounterTimeContainer{
    color: #0DD15E !important;
}
._myChatOpenFromRightSide {
    position: fixed !important;
    max-width: 400px !important;
    top: 0 !important;
    border-radius: 0px !important;
    height: 100% !important;
    z-index: 1006 !important;
    right: 0% !important;
    display: block !important;
    width: 100% !important;
    transition:  right 2s !important;
}
._myChatOpenFromRightSide.chatwindowz-index{
    z-index: 1000 !important;
}
._myChatOpenFromRightSide #_userInfoListContainer{
    left: -100%;
}
._mychatUserDetailsHeaderChatType{
    position: absolute;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    top: 52px;
    z-index: 1001;
    display: none;
}
._mychatUserDetailsHeaderChatType span{
    font-weight: bold;
    box-shadow: 0px 6px 10px -8px #000;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(to bottom, #8080ff 18%, #8293e3 54%) !important;
    font-size: 13px;
}
._myChatOpenFromRightSide ._mychatUserSendMsgVideoUploadHeaderContainer,
._myChatOpenFromRightSide ._mychatUserSendMsgImgUploadHeaderContainer,
._myChatOpenFromRightSide ._mychatUserSendMsgVideoUploadContainer,
._myChatOpenFromRightSide ._mychatUserSendMsgImgUploadContainer,
._myChatOpenFromRightSide ._myChatUserMessageContiner,
._myChatOpenFromRightSide ._myAppChatUserDetailsHeader,
._myChatOpenFromRightSide ._mychatUserDetailsHeader,
._myChatOpenFromRightSide ._mychatNotificationHeader{
    border-radius: 0 !important;
}
._myChatOpenFromRightSide ._mychatUserDetailsHeaderChatType{
    display: block;
}
._myChatOpenFromRightSide ._mychatNotificationBody,
._myChatOpenFromRightSide ._myChatUserMessageContiner{
    height: 100% !important;
}
._myChatOpenFromRightSide ._mychatUserSendMsgVideoUploadContainer,
._myChatOpenFromRightSide ._mychatUserSendMsgImgUploadContainer {
    position: absolute;
    height: 100% !important;
    width: 100%;
}
._myChatOpenFromRightSide ._mychatUserSendMsgVideoPreviewSingleVideoOuterContainer{
    height: calc( 100% - 45px) !important;
}
._myChatOpenFromRightSide ._mychatUserSendMsgImgPreviewSingleImgOuterContainer {
    height: calc( 100% - 115px) !important;
}
._myChatOpenFromRightSide ._mychatUserSendMsgImgPreviewSingleImgContainer {
    height: calc(100% - 40px) !important;
}
._myChatOpenFromRightSide ._mychatUserSendMsgBodyContainer {
    height: calc( 100% - 105px ) !important;
}
._mygroupuserControlAccess{
    padding: 0;
    font-size: 14px;
    background: #fff;
    border-width: 0;
    outline: none;
    position: absolute;
    right: 35px;
    height: 25px;
    top: 4px;
    padding-top: 1px;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    outline: none !important;
    border: 1px solid #aaa;
}
._mygroupuserControlAccess[data-value="Remove"]{
    right: 5px;
    background: #d9534f !important;
    border-color: #d9534f !important;
    text-align: center;
    padding: 0px;
}
._mygroupuserControlAccess[data-value="Remove"] i{
    color: #fff !important;
}
._mygroupuserControlAccess[data-value="Audio"]._mutegroupuser .fa-microphone,
._mygroupuserControlAccess .fa-microphone-slash{
    display: none;
}

._mygroupuserControlAccess[data-value="Audio"]._mutegroupuser .fa-microphone-slash{
    display: inline-block;
}
._mygroupuserconnected ._mygroupuserControlAccess[data-value="Video"] .fa-video-camera{
    font-size: 11px;
    position: relative;
    top: 0px;
}
._mygroupuserconnected._userconnectwithvideo ._mygroupuserControlAccess[data-value="Video"] .fa-video-camera{
    font-size: 14px;
}
._mygroupuserControlAccess[data-value="Video"] .fa-ban{
    color: #d9534f;
    position: absolute;
    right: -2px;
    font-size: 21px;
    top: 1px;
    opacity: 0.7;
    display: block;
}
._mygroupuserconnected._userconnectwithvideo ._mygroupuserControlAccess[data-value="Video"] .fa-ban{
    display: none;
}
._mygroupuserconnectedNoVideoNameContainer {
    margin: 0px;
    font-size: 15px;
    padding-top: 5px;
    position: absolute;
    width: 100%;
    min-height: 35px;
    bottom: 0;
    background: rgba(255,255,255,0.6);
    /*color: #fff;*/
    text-align: left;
    padding: 5px 10px;
    font-weight: bold;
    box-shadow: 0 0 10px -6px #000;
    text-transform: capitalize;
    padding-right: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnectedNoVideoNameContainer{
    width: calc( 100% - 10px) !important;
}
._userconnectwithvideo ._mygroupuserconnectedNoVideoNameContainer{
    background: rgba(255,255,255,0.7);
    color: #46484a;
}
._mygroupuserconnected video{
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, 1);
}
#_groupConnectionContainers{
    margin: 0px;
    display: none;
    height: 100%;
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 1;
    text-align: center;
    border-radius: 20px;
}
/*#_groupConnectionContainers{
    margin: 0px;
    display: none;
    height: 100% !important;
    width: 100% !important;
    background: #fff;
    z-index: 100000;
    text-align: center;
    border-radius: 20px;
    position: fixed;
    max-width: 450px;
    left: 0%;
    box-shadow: 0 0 10px -5px;
    max-height: 100%;
    top: 0%;
    padding: 5%;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
}*/
/*@media screen and (max-width: 450px){
    #_groupConnectionContainers{
        
    }
}*/

/*#_groupConnectionContainers._resizedSmallGroupConnected{
    position: fixed;
    left: 10px;
    width: 30px !important;
    height: 30px !important;
    overflow: hidden;
    border-radius: 10px;
    z-index: 9999;
    padding: 0% !important;
    bottom: 0px !important;
    top: unset  !important;
}*/
#_groupConnectionContainers._resizedSmallGroupConnected {
	position: absolute !important;
	right: 0px;
	width: 100% !important;
	height: 90px !important;
	overflow: hidden;
	border-radius: 5px;
	top: 0px !important;
	z-index: 10010 !important;
	box-shadow: 0 0 10px -1px;
	cursor: pointer;
	left: inherit;
	padding: 0px !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected {
    position: absolute !important;
    right: 0px;
    width: 100% !important;
    height: 90px !important;
    overflow: hidden;
    border-radius: 5px;
    top: 55px !important;
    z-index: 10010 !important;
    box-shadow: 0 0 10px -1px;
    cursor: pointer;
    left: inherit;
    padding: 0px !important;
}
#_medicoCovideDetailsTabNavUL-CHAT #_groupConnectionContainers._resizedSmallGroupConnected {
    top: 0px !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserOuterContainers{
    /*padding: 0 30px !important;*/
    background: #fff;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserOuterContainers .owl-controls {
    /*display:block !important;*/
}
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserOuterContainers .owl-prev,
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserOuterContainers .owl-next {
    position: absolute;
    top: 3px;
    font-size: 20px;
    height: 85px;
    width: 30px;
    padding-top: 33px;
    background: #ccc;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserOuterContainers .owl-next {
    right: -28px;
    border-radius: 0 10px 10px 0px;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserOuterContainers .owl-prev {
    left: -28px;
    border-radius: 10px 0 0 10px;
}
._groupConnectionUserContainers{
    display: table;
    position: relative;
    margin:0px;
    width: 100%;
    height: 100%;
}
._groupConnectionHeader{
    margin:0px;
    text-align: left;
    padding: 5px;
    background: linear-gradient(to top, #8080ff 18%, #8293e3 54%) !important;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    height: 40px;
    line-height: 30px;
    position: relative;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionHeader{
    font-size: 14px !important;
    text-align: left !important;
    height: 30px !important;
    line-height: 20px !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._myremotegroupStream ._mygroupuserconnectedNoVideoNameContainer button,
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionHeader{
    display: none;
}
mylocalgroupStream
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionHeader img{
    width: 20px !important;
    position: inherit !important;
    left: auto !important;
    top: -2px;
}
._mygroupuserconnectedVideoContainer{
    height: 100%;
    background: #fff !important;
}
._mygroupLeaveRoomBTN{
    position: absolute;
    bottom: 3px;
    border-radius: 50%;
    height: 35px;
    right: 5px;
    outline: none;
    box-shadow: 0px 0px 10px -5px #000;
    padding: 5px;
    width: 35px;
}
._mygroupuserconnectedNoVideoIMGContainer{
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0px;
}
._mygroupuserconnectedNoVideoIMGContainer img{
    height: 60px;
    width: 60px;
}
._mygroupLeaveRoomBTN img{
    width: 22px;
    height: 22px;
}
._mygroupuserconnected._userconnectwithvideo ._mygroupuserconnectedNoVideoContainer,
._mygroupuserconnected ._mygroupuserconnectedVideoContainer{
    display: none;
}
._mygroupuserconnected ._mygroupuserconnectedNoVideoContainer,
._mygroupuserconnected._userconnectwithvideo ._mygroupuserconnectedVideoContainer{
    display: block;
}
._mygroupuserconnectedNoVideoContainer{
    position: relative;
    height: 100%;
    text-align: center;
    background: #f5f5f5;
    margin: 0;
}
._mygroupuserconnected video{
    height: 100%;
}
._grouppublisher{
    display: block;
    width: 100%;
    text-align: center;
}
._mygroupuserconnected{
    display: inline-block;
    width: 100%;
    /*border-radius: 0px 0px 10px 10px;*/
    overflow: hidden;
    position: relative;
    height: 100%;
}
._grouppublisher._2usergrouppublisher ._mygroupuserconnected{
    height: 50%;
}
._grouppublisher._3usergrouppublisher ._mygroupuserconnected{
    width: 50%;
    height: 50%;
    float: right;
}

._grouppublisher._3usergrouppublisher ._mygroupuserconnected:nth-child(3){
    width: 100%;
    height: 50%;
    float: unset;
}
._grouppublisher._4usergrouppublisher ._mygroupuserconnected{
    width: 50%;
    height: 50%;
    float: right;
}
._groupConnectionUserOuterContainers{
    margin: 0px;
    height: calc( 100% - 40px );
    position: relative;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
}
/*#_groupConnectionContainers._resizedSmallGroupConnected .fa-video-camera {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
    color: #d9534f;
    font-size: 17px;
    border-radius: 50px !important;
    padding: 6px 4px;
}
@keyframes blinker {  
    from { opacity: 1; }
    to { opacity: 0; }
}*/
/*#_groupConnectionContainers._resizedSmallGroupConnected{
    position: absolute !important;
    right: 10px;
    width: 30px;
    height: 30px !important;
    overflow: hidden;
    border-radius: 50px;
    bottom: 100px !important;
    z-index: 9999;
    box-shadow: 0 0 10px -1px;
    cursor: pointer;
    left: inherit;
}*/

/*#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionHeader{
    display: none;
}*/
/*#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserContainers {
    display: table !important;
}*/
#_groupConnectionContainers._resizedSmallGroupConnected ._groupConnectionUserOuterContainers {
    height: 100% !important;
    border-radius: 0px !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnectedNoVideoContainer,
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnectedVideoContainer{
    border: 1px solid #e0e0e0 !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnected {
    /*display: table-cell;*/
    padding: 5px;
    height: 90px !important;
    width: 100% !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnected video {
    height: 78px !important;
    width: auto !important;
    background: #000;
}
#_groupConnectionContainers._resizedSmallGroupConnected .owl-wrapper{
    min-width: 100% !important;
}
/*#_groupConnectionContainers._resizedSmallGroupConnected .owl-wrapper .owl-item{
    width: 100% !important;
}*/

/*#_groupConnectionContainers._resizedSmallGroupConnected._2userConnected .owl-wrapper .owl-item{
    width: 50% !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected._4userConnected .owl-wrapper .owl-item,
#_groupConnectionContainers._resizedSmallGroupConnected._3userConnected .owl-wrapper .owl-item{
    width: 33.3% !important;
}*/
#_groupConnectionContainers._resizedSmallGroupConnected._4userConnected ._groupConnectionUserOuterContainers{
    padding: 0 30px !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnected ._mygroupuserconnectedNoVideoIMGContainer{
    margin-top: 3px !important;    
}
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnected ._mygroupuserconnectedNoVideoIMGContainer img {
    height: 50px;
    width: 50px;
}
#_groupConnectionContainers._resizedSmallGroupConnected ._mygroupuserconnected  ._mygroupuserconnectedNoVideoContainer{
    height: 80px !important;
}
/*#_groupConnectionContainers._resizedSmallGroupConnected._2userConnected ._mygroupuserconnected{
    width: 50% !important;
}
#_groupConnectionContainers._resizedSmallGroupConnected._3userConnected ._mygroupuserconnected{
    width: 33.33% !important;
}*/
._adminLoginChatContainer._resizedChatWindow{
    position: unset !important;
}
#_groupConnectionContainers._resizedGroupConnected ._groupConnectionUserOuterContainers{
    display: none;
    height: calc( 100% - 30px );
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserconnectedNoVideoIMGContainer img{
    width: 20px !important;
    height: 20px !important;
}
/*#_groupConnectionContainers._resizedGroupConnected ._mygroupuserconnected{
    height: 100%;
}*/

._groupConnectionHeaderResize{
    right: 3px;
    padding: 4px 2px;
    color: #fff !important;
    outline: none !important;
    text-decoration: none !important;
    position: absolute;
    top: 1px;
    width: 30px;
}
._groupConnectionHeaderResize .fa-expand,
._resizedsmallGroupConnected ._groupConnectionHeaderResize .fa-compress{
    display: none;
}
._resizedsmallGroupConnected ._groupConnectionHeaderResize .fa-expand{
    display: block;
}
._groupConnectionHeaderMin{
    display: none;
    padding: 4px 2px;
    color: #fff !important;
    float: right;
    outline: none !important;
    text-decoration: none !important;
}
#_groupConnectionContainers._resizedGroupConnected._resizedGroupConnectedMinimize {
    max-height: 30px;
    overflow: hidden;
    border-radius: 7px;
    box-shadow: 0px 0px 10px 0px #000;
    animation: flash 5s infinite;
}
#_groupConnectionContainers._resizedGroupConnected._resizedGroupConnectedMinimize ._groupConnectionUserOuterContainers {
    height: 0px;
}
#_groupConnectionContainers._resizedGroupConnected._resizedGroupConnectedMinimize ._groupConnectionHeaderMin .fa-minus,
._groupConnectionHeaderMin .fa-plus{
    display: none;
}
#_groupConnectionContainers._resizedGroupConnected ._groupConnectionHeaderMin .fa-minus,
#_groupConnectionContainers._resizedGroupConnected._resizedGroupConnectedMinimize ._groupConnectionHeaderMin .fa-plus{
    display: block;
}
#_groupConnectionContainers._resizedGroupConnected ._groupConnectionHeaderMin{
    display: block;
}
#_groupConnectionContainers._resizedGroupConnected ._groupConnectionHeader{
    font-size: 14px !important;
    text-align: left !important;
    height: 30px !important;
    line-height: 20px !important;
}
#_groupConnectionContainers._resizedGroupConnected ._groupConnectionHeader .btn-group{
    display: none;
}
#_groupConnectionContainers._resizedGroupConnected ._groupConnectionHeader img{
    width: 20px !important;
    position: inherit !important;
    left: auto !important;
    top: -2px;
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserconnectedNoVideoNameContainer{
    font-size: 12px !important;
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserconnectedNoVideoNameContainer{
    min-height: 25px !important;
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserControlAccess{
    font-size: 12px !important;
    width: 20px  !important;
    height: 20px  !important;
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserControlAccess[data-value="Video"] .fa-ban{
    right: -3px;
    font-size: 19px;
    top: 0px;
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserControlAccess[data-value="Video"]{
    right: 50px !important;
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserControlAccess[data-value="Audio"]{
    right: 27px !important;
}
#_groupConnectionContainers._resizedGroupConnected ._mygroupuserControlAccess[data-value="Video"] i.fa-video-camera{
    font-size: 11px !important;
}
._mychatContainer .textoverflow{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
._adminLoginChatContainer ._mychatPanelSelector li a{
    padding: 5px 15px !important;
    padding-bottom: 9px !important;
}
._adminLoginChatContainer ._mychatPanelSelector li {
    width: 33.3% !important;
}
._adminLoginChatContainer ._mychatPanelSelector li.active a{
    background-size : 100% 56px !important;
}
._mychatUserSendMsgRowContainer .popover .messageSenderNameLabel{
    margin: 0 !important;
    color: #8080ff !important;
    font-weight: bold !important;
    margin-top: -4px !important;
    margin-bottom: 5px !important;
    margin-right: 25px !important;
    text-transform: capitalize !important;
}
.popover.right .myChatMessageTime img{
    display: none !important;
}
#_mychatpatientapptCalendar .wrapper .months.ui-draggable{
    top: 0px !important;
    border-bottom: 1px solid #888 !important;
    margin-bottom: 5px !important;
    /*left: 0 !important;*/
    padding-bottom: 5px !important;
}
#_mychatpatientapptCalendar .range-bar.resizable{
    width: 50px !important;
}

._myChatContainerFilterDataUL::-webkit-scrollbar,
._mychatpatientapptListContainer::-webkit-scrollbar {
  width: 0.4em;
}
._myChatContainerFilterDataUL::-webkit-scrollbar-track, 
._mychatpatientapptListContainer::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

._myChatContainerFilterDataUL::-webkit-scrollbar-thumb,
._mychatpatientapptListContainer::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
._myChatContainerFilterDataUL,
._mychatpatientapptListContainer{
    overflow-y: auto;
    scrollbar-color: #aaa #fff;
    scrollbar-width: thin;
}
._myChatContainerFilterDataUL{
    height: 260px;
}
._myChatContainerFilterDefault{
    margin-right: 10px;
}
._mychatpatientapptListContainer{
    height: calc( 100% - 120px );
    margin-top: 5px !important;
}
._myAppChatUserAppointmentRowContainer{
    margin: 0px;
    margin-bottom: 5px;
    color: #555;
    background: #fff;
    box-shadow: 0px 0px 10px -5px;
    padding: 5px;
    border-radius: 10px;
    position: relative;
}
#_mychatpatientapptCalendar.range-calendar .months .cell .month-name{
    width: 100% !important;
    display: block !important;
}
#_mychatpatientapptCalendar.range-calendar .months .cell.selected{
    border-radius: 50% !important;
}
#_mychatpatientapptCalendar.range-calendar .months .cell.selected .bullet,
#_mychatpatientapptCalendar.range-calendar .months .cell.current .bullet{
    display: none !important;
}
#_mychatpatientapptCalendar.range-calendar .calendar .cell{
    width: 50px !important;
    padding: 5px !important;
}
#_mychatpatientapptCalendar.range-calendar .months .cell{
    width: 50px !important;
    padding: 5px !important;
}
._mychatimageContainer{
    max-width: 275px;
    max-height: 275px;
    overflow: hidden;
    display: block;
    text-align: center;
}
._mychatimageContainer img{
    max-width: 100%;
    
}
.btn-rounded {
    border-radius: 100px;
}
._mychatmsgPresViewContainer .well{
    margin:0px auto !important;
    text-align: center !important;
    padding: 10px 5px !important;
    background: #2a6395 !important;
    font-weight: normal !important;
    color: #fff !important;
    width: 90% !important;
    border-radius: 50% !important;
    font-size: 12px !important;
}
._mychatmsgPresViewContainer{
    margin: 0px !important;
    width: 100% !important;
    min-width: 250px !important;
    border: 1px solid #ccc !important;
    background: #f5f5f5 !important;
    border-radius: 5px !important;
}
._mychatmsgPresViewContainer button{
    text-transform: uppercase !important;
    font-weight: bold !important;
    background: #8293e3 !important;
    border-color: #8293e3 !important;
}
._myattachmentConatainer{
    background: rgba(128, 128, 128,0.2) !important;
    padding: 8px !important;
    margin-bottom: 5px !important;
    border-radius: 5px !important;
    display: block;
}
.mymsgconatiner._mychatdeleteEveryone{
    color: rgba(0,0,0,0.45);
}

._myChatUserMessageDeleteBTNConatiner{
    margin: 10px;
    color: #25d366;
}
._myChatUserMessageDeleteBTN{
    outline: none !important;
    color: #25d366 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-weight: 550 !important;
    text-decoration: none !important;
}
._myChatUserMessageFadeConatiner{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    left: 0%;
    top: 0%;
    z-index: 1100;
    height: 100%;
    display: none;
}
._myChatUserMessageDeleteConatiner{
    position: absolute;
    background: #fff;
    width: 90%;
    left: 5%;
    top: 10%;
    z-index: 1101;
    padding: 0px 5px;
    padding-right: 20px;
    padding-bottom: 15px;
    display: none;
}
._mychatoptionMenuBTN{
    padding: 2px 5px !important;
    color: #999999 !important;
    font-size: 12px !important;
    outline: none !important;
}
._mychatUserSendMsgRowContainer.text-right ._mychatoptionMenuBTN{
    background: #DCF8C6 !important;
}
._mychatUserSendMsgRowContainer.text-left ._mychatoptionMenuBTN{
    background: #FFF !important;
}
    
._mychatoptionMenuConatiner{
    position: absolute !important;
    right: 0 !important;
    z-index: 1000 !important;
    top: 0 !important;
    display: none;
}
._mychatoptionMenuConatiner ul{
    left: unset !important;
    right: 100% !important;
    top: -5px !important;
    min-width: 120px !important;
    font-size: 15px !important;
}
._mychatoptionMenuConatiner ul a{
    margin: 0px !important;
    padding: 6px 10px !important;
}
._mychatUserSendMsgRowContainer:hover ._mychatoptionMenuConatiner[data-id]{
    display: block;
}
._myChatUserMessageContiner._mychatmsgselected ._mychatUserSendMsgRowContainer ._mychatoptionMenuConatiner[data-id]{
    display: none !important;
}

._mymessagescrolltobottomBTN{
    display: none;
    position: absolute;
    right: 10px;
    z-index: 9999;
    bottom: 120%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 0;
    font-size: 20px;
    padding-top: 2px;
    color: #888;
    box-shadow: 0px 0px 10px -5px #000;
    outline: none !important;
}
._myChatUserLinkName{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
}
.myChatMessageTime {

}
._mychatmessageReadTick,
._mychatmessageDeliveredTick,
._mychatmessageSendTick{
    display: none;
    height: 13px;
    width: 13px;
    margin-top: -3px;
}
.myChatMessageTime._mychatmessageRead ._mychatmessageReadTick,
.myChatMessageTime._mychatmessageSend ._mychatmessageSendTick,
.myChatMessageTime._mychatmessageDelivered ._mychatmessageDeliveredTick{
    display: inline-block;
    margin-left: 2px;
}
.myChatMessageTime._mychatmessageDelivered ._mychatmessageSendTick,
.myChatMessageTime._mychatmessageRead ._mychatmessageDeliveredTick,
.myChatMessageTime._mychatmessageRead ._mychatmessageSendTick{
    display: none !important;
}
._mychatdeleteEveryone ._mychatmessageSendTick,
._mychatdeleteEveryone ._mychatmessageDeliveredTick,
._mychatdeleteEveryone ._mychatmessageReadTick{
    display: none !important;
}
.myChatMessageTime ._mychatmessageSendTick{
    margin-left: 5px !important;
    padding: 1px;
}
._mychatUserSendMsgRowContainer.text-right .popover-content{
    background: #DCF8C6 !important;
}
._myChatVideoMSGPlayOuterContainer{
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
    background-color: #888;
    background-repeat: no-repeat;
    /*background-size: 100% 100%;*/
    background-size: cover;
    background-position: center;
}
._myChatVideoMSGPlayContainer {
    position: absolute;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    left: 40%;
    top: 68px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    border-radius: 50%;
    padding: 10px 13px;
    box-shadow: 0px 0px 9px 5px #555;
}

._mychatUserSendMsgDateRowContainer span.label{
    font-size: 13px !important;
    text-transform: uppercase !important;
    box-shadow: 0px 0px 3px -1px #000 !important;
    background: #D4EAF4 !important;
    color: #303030 !important;
}
._mychatmsgLinkMetaContainer{
    box-shadow: 1px 1px 8px -6px;
    cursor:pointer;
    border: 1px solid #e0e0e0;
    background: rgba(128, 128, 128,0.2);
    border-radius: 5px 5px 0px 0px;
    margin: -5px;
    margin-bottom: 10px;
}
._mychatmsgLinkContainer {
    color: #039be5 !important;
    text-decoration: none !important;
}
._mychatAttachmentTypeConatiner{
    position: absolute;
    right: 10px;
    display: inline;
    bottom: 100%;
    z-index: 100000;
    padding: 5px 10px;
    box-shadow: 0px -2px 10px -4px;
    border-radius: 10px 10px;
    background: #fff;
    width: 96%;
    text-transform: uppercase;
    font-size: 11px;
    display: none;
}
._mychatAttachmentSingleTypeConatiner{
    display: block;
    padding: 6px !important;
    text-align: center !important;
    text-decoration: none !important;
}
._mychatAttachmentSingleTypeICONConatiner{
    display: inline-block;
    background: #d9534f;
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}
._myChatImageMSGLoaderContainer{
    position: absolute;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.8);
    text-align: center;
    padding-top: 70px;
}
video#_mychatUserSendMsgVideoPreviewSingleVideoElementContainer::-webkit-media-controls-panel {
   display: flex !important;
   opacity: 1 !important;
}
#_mychatUserSendMsgVideoPreviewSingleVideoLoader,
#_mychatUserSendMsgImgPreviewSingleImgLoader{
    display: none;
    position: absolute;
    top: 45%;
    left: 25%;
    width: 50%;
}
#_mychatUserSendMsgVideoPreviewSingleVideoLoader.active,
#_mychatUserSendMsgImgPreviewSingleImgLoader.active{
    display: block;
}
._myChatSendImgPreviewSingleImgRemoveBTN{
    padding: 1px;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -5px;
    display: none;
    z-index: 1;
}
._mychatUserSendMsgImgPreviewAllImgContainer ._myChatSendImgPreviewSingleImgSPANContainer:hover ._myChatSendImgPreviewSingleImgRemoveBTN {
    display: block;
}
._mychatUserSendMsgImgPreviewAllImgContainer{
    margin: 0px;
    padding: 8px;
    background: rgba(255,255,255,0.4);
    color: #fff;
    font-size: 15px;
    height: 70px;
    text-align: center;
}
._mychatUserSendMsgImgPreviewAllImgContainer a{
    padding: 2px !important;
    display: inline-block !important;
    border: 1px solid #000 !important;
    margin: 0px 5px !important;
    position: relative;
}
._mychatUserSendMsgImgPreviewAllImgContainer a.active img._myChatSendImgPreviewSingleImgElement{
    height: 41px !important;
}
._mychatUserSendMsgImgPreviewAllImgContainer a.active{
    border: 3px solid #fff !important;
}
#_mychatUserSendMsgImgPreviewSingleImgElement{
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto;
}
._myChatSendImgPreviewSingleImgContainer ._myChatSendImgPreviewSingleImgLoaderContainer{
    height: 100%;
    width: 100%;
    padding: 10px;
    background: rgba(255,255,255,0.6);
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
._myChatSendImgPreviewSingleImgContainer ._myChatSendImgPreviewSingleImgLoaderContainer.active{
    display: block;
}
._mychatUserSendMsgImgPreviewSingleImgContainer{
    width: 100%;
    margin: 0px;
    padding: 5px;
    line-height: 388px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.userListLI{
    display: none !important;
}
._adminLoginChatContainer .userListLI,
._doctorLoginChatContainer .userListLI{
    display: block !important;
}
._chatuserlistNoDatacontainer::after {
    content: "Nothing Here..!";
    padding-top: 60%;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 15px;
}
._chatuserlistNoDatacontainer{
    background-image: url(../images/icons/icons8-video-call-100.png);
    background-repeat: no-repeat;
    background-position: center 35%;
    background-size: 100px;
}
._mychatTeamUserName{
    text-transform: capitalize;
}
._myChatMyTeamListICONFilterLabel,
._myChatAdminListICONFilterLabel,
._myChatDoctorsListICONFilterLabel,
._myChatPatientsListICONFilterLabel{
    margin-top: -3px;
    margin-bottom: -6px;
    color: #aaa;
    font-size: 12px;
}
._myChatMyTeamListICONFilterLabel .fa-check,
._myChatAdminListICONFilterLabel .fa-check,
._myChatDoctorsListICONFilterLabel .fa-check,
._myChatPatientsListICONFilterLabel .fa-check{
    display: none;
    font-size: 10px;
    position: absolute;
    color: #5CB85C;
    left: 5px;
    top: 3px;
}
#_myChatMyTeamListOnlineFilter button.active ._myChatMyTeamListICONFilterLabel .fa-check,
#_myChatAdminListOnlineFilter button.active ._myChatMyTeamListICONFilterLabel .fa-check,
#_myChatDoctorsListOnlineFilter button.active ._myChatDoctorsListICONFilterLabel .fa-check,
#_myChatPatientsListOnlineFilter button.active ._myChatPatientsListICONFilterLabel .fa-check{
    display: block;
}
#_myChatPatientsListOnlineFilter,
#_myChatMyTeamListOnlineFilter,
#_myChatAdminListOnlineFilter,
#_myChatDoctorsListOnlineFilter{
    background: #d8d8ff !important;
    border-radius: 0px 15px 15px 0px !important;
}
#_myChatMyTeamListOnlineFilter button,
#_myChatAdminListOnlineFilter button,
#_myChatDoctorsListOnlineFilter button,
#_myChatPatientsListOnlineFilter button{
    border-radius: 0px 15px 15px 0px !important;
    width: 51px !important;
    padding: 0px !important;
    text-align: center !important;
    font-size: 10px !important;
    text-decoration: none;
    box-shadow: none;
    outline: none;
}
#_myChatMyTeamListOnlineFilter button.active ._myChatMyTeamListICONFilterLabel,
#_myChatAdminListOnlineFilter button.active ._myChatMyTeamListICONFilterLabel,
#_myChatDoctorsListOnlineFilter button.active ._myChatDoctorsListICONFilterLabel,
#_myChatPatientsListOnlineFilter button.active ._myChatPatientsListICONFilterLabel{
    color: #8080ff !important;
}
._mytextoverflow{
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
#_userInfoListContainer,
._connectedUserDetailInfo{
    padding: 5px 15px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    padding-right: 60px;
    height: 60px;
    position: absolute;
    width: 100%;
    left: 0%;
    transition: left 0.8s linear 0s;
}
._connectedUserDetailInfo h4{
    margin: 0px;
    margin-top: 7px;
    margin-bottom: 3px;
}
._connectedUserDetailInfo small{
    margin: 4px 0px;
    display: block;
}
._mychatContainer::after {
    content: " ";
    border-top: 11px solid #888;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    position: absolute;
    bottom: -11px;
    right: 20px;
}
._teamchatInternalBTN{
    border-radius: 50%;
    padding: 5px;
    position: fixed;
    z-index: 1000;
    right: 20px;
    bottom: 40px;
    width: 50px;
    height: 50px;
    box-shadow: -3px -2px 11px -3px #000 !important;
    background: linear-gradient(to top, #8080ff 18%, #8293e3 54%) !important;
    border: 1px solid #fff !important;
    outline: none !important;
    
}
._teamchatInternalBTN img{
    width: 35px;
    padding: 5px;
    position: absolute;
    top: 7px;
    left: 7px;
}

._teamchatInternalBTN ._watingIconContiner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 96%;
    line-height: 48px;
    opacity: 0;
}
._teamchatInternalBTN .iconChat{
    transition: transform 0.16s linear 0s, opacity 0.08s linear 0s;
    opacity: 1;
    transform: rotate(0deg);
}
._teamchatInternalBTN.active ._watingIconContiner,
._teamchatInternalBTN.active .iconChat{
    transition: transform 0.16s linear 0s, opacity 0.08s linear 0s;
    opacity: 0;
    transform: rotate(30deg) scale(0);
}
._teamchatInternalBTN ._watingIconContiner,
._teamchatInternalBTN .iconChatClose{
    transition: transform 0.16s linear 0s, opacity 0.08s linear 0s;
    opacity: 0;
    transform: rotate(30deg) scale(0);
}
._teamchatInternalBTN.callactive ._watingIconContiner{
    transition: transform 0.16s linear 0s, opacity 0.08s linear 0s;
    opacity: 1;
    transform: rotate(0deg);
}
._teamchatInternalBTN.active .iconChatClose{
    transition: transform 0.16s linear 0s, opacity 0.08s linear 0s;
    opacity: 1;
    transform: rotate(0deg);
}
._teamchatInternalBTN.active #_medicoPatientChatUnreadConter{
    display: none !important;
}
._teamchatInternalBTN.callactive .iconChat,
._teamchatInternalBTN.callactive .iconChatClose{
    transition: transform 0.16s linear 0s, opacity 0.08s linear 0s;
    opacity: 0;
    transform: rotate(30deg) scale(0);
}
._myChatTeamUserListContiner{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    transition: left 0.8s linear 0s;
}
._myChatUserAppDetailsBTN{
    position: absolute !important;
    right: 2px !important;
    top: 0px !important;
    background: transparent !important;
    border-width: 0 !important;
    padding: 0 !important;
    height: 23px !important;
    width: 23px !important;
    outline: none !important;
    color: #aaa !important;
    font-size: 13px !important;
}
#_userInfoListContainer.hidediv,
._myChatTeamUserListContiner.hidediv{
    transition: left 0.8s linear 0s;
    left: -100%;
    /*transform: rotate(0deg);*/
}
._myuserchatappointmentsListContainer{
    border-radius: 10px;
}
._myuserchatappointmentsListContainer,
._myChatUserMessageContiner{
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0%;
    transition: right 0.8s linear 0s;
}
._myuserchatappointmentsListContainer.hideappdiv,
._myChatUserMessageContiner.hidediv{
    transition: right 0.8s linear 0s;
    right: -100%;
    /*transform: rotate(0deg);*/
}
._mychatContainer{
    /*height: 370px;*/
    background: #fff;
/*    background: #7F7FD5;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);*/
    position: fixed;
    width: 360px;
    z-index: 1001;
    right: 20px;
    bottom: 105px;
    border-radius: 10px;
    box-shadow: -2px -2px 12px -2px #000;
    border: 0px solid #fff;
    display: none;
}
._myAppChatUserDetailsHeader,
._mychatUserDetailsHeader,
._mychatNotificationHeader {
    background: linear-gradient(to top, #8080ff 18%, #8293e3 54%) !important;
    height: 53px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}
._mychatNotificationChatRoomHeader{
    line-height: 40px;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding: 0px 15px;
}
._mychatSelectedMsgData{
    display: none;
    padding: 0px 5px;
    
}
._mychatSelectedMsgCopyContainerData button{
    padding: 15px 10px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #fff !important;
    text-decoration: none !important;
    outline: none !important;
}
._myChatUserMessageContiner._mychatmsgselected ._mychatUserDetailsData{
    display: none;
}
._myChatUserMessageContiner._mychatmsgselected ._mychatSelectedMsgData{
    display: block;
}
._myChatUserMessageContiner._mychatmsgselected ._mychatUserSendMsgRowContainer._myselectedmessagerow ._mysinglemessageselected{
    display: block;
}
._myChatUserAppointmentContainerCloseBTN,
._myChatUserMessgeSelectCloseBTN,
._myChatUserMessgeContainerPatientCloseBTN,
._myChatPatientLoginBackCloseBTN,
._myChatUserMessgeContainerCloseBTN{
    height: 40px !important;
    width: 40px !important;
    font-size: 16px !important;
    color: #fff !important;
}
._myChatUserMessgeContainerPatientCloseBTN,
._myChatPatientLoginBackCloseBTN,
._myChatUserMessgeContainerCloseBTN{
    position: absolute;
    left: 0;
}
._mychatUserDetailsData {
    padding-left: 40px !important;
}
._myChatPatientLoginBackCloseBTN {
    outline: none !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 !important;
    position: absolute !important;
    left: 0 !important;
}
._mychatBottom{
    background: linear-gradient(to bottom, #59c8d8 0%, #0487ac 100%) !important;
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 100%;
    box-shadow: 0px -4px 11px -5px #000;
}
._chatuserlistcontainer{
    margin: 0px !important;
    padding: 5px 10px;
    padding-top: 0px;
}
._chatuserlistcontainer li{
    background: #fff;
    margin: 5px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -6px #000;
    list-style: none;
}

._chatuserlistcontainer li ._myChatUserLink{
    display: block;
    border-radius: 5px !important;
    padding: 7px;
    overflow: hidden;
    white-space: normal;
    position: relative;
    text-decoration: none !important;
}
._chatuserlistcontainer li ._myChatUserLink img{
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #f1f1f1;
    border-color: #f1f1f1;
    padding: 4px;
}
._nolatestChatCount{
    display: none;
}
._chatuserlistcontainer li ._myChatUserLink ._myChatUserLinkContaint{
    overflow: hidden;
    zoom: 1;
    line-height: 16px;
    text-transform: capitalize;
}
._chatuserlistcontainer li ._myChatUserLink ._chatmessageDesc{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    height: 16px;
}
._chatuserlistcontainer li ._myChatUserLink ._myuserMesgCounter{
    position: absolute;
    right: 10px;
    top: 20px;
}
._myuserOnlyOnline li{
    display: none;
}
._myuserOnlyOnline ._chatuserOnlineLIContiner{
    display: block;
}
._chatuserlistcontainerNOLICityFilter,
._chatuserlistcontainerNOLISearchFilter{
    display: none !important;
}
._mychatUserSendMsgFooterContainer{
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 0px 0px 10px 10px;
    padding: 5px 5px;
    padding-right: 50px;
}
#_mychatUserSendMsgVideoPreviewMessageTextArea::-webkit-scrollbar,
#_mychatUserSendMsgImgPreviewMessageTextArea::-webkit-scrollbar,
#_mychatUserSendMsgInput::-webkit-scrollbar {
    width: 0.4em;
}
 
#_mychatUserSendMsgVideoPreviewMessageTextArea::-webkit-scrollbar-track,
#_mychatUserSendMsgImgPreviewMessageTextArea::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}
#_mychatUserSendMsgInput::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#_mychatUserSendMsgVideoPreviewMessageTextArea::-webkit-scrollbar-thumb,
#_mychatUserSendMsgImgPreviewMessageTextArea::-webkit-scrollbar-thumb{
    background-color: #fff;    
    outline: 1px solid #fff;
}
#_mychatUserSendMsgInput::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

#_mychatUserSendMsgVideoPreviewMessageTextArea,
#_mychatUserSendMsgImgPreviewMessageTextArea{
    scrollbar-color: #fff #fff;
    scrollbar-width: thin;
}
#_mychatUserSendMsgInput {
    scrollbar-color: #aaa #fff;
    scrollbar-width: thin;
/*scrollbar-face-color: #ff8c00;
scrollbar-track-color: #fff8dc;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #fff8dc;
scrollbar-shadow-color: #d2691e;
scrollbar-3dlight-color: #ffebcd;
scrollbar-darkshadow-color: #8b0000;*/
}
#_mychatUserSendMsgInput{
/*    border-width: 0px !important;
    border-top: 1px solid #ccc !important;
    height: 40px !important;
    box-shadow: none !important;
    border-radius: 0px 0px 10px 10px !important;
    padding: 5px 20px !important;
    padding-right: 80px !important;*/
    background: transparent none repeat scroll 0% 0%;
    box-shadow: none !important;
    padding: 5px !important;
    padding-left: 15px !important;
    resize: none;
    max-height: 90px;
    overflow: hidden scroll;
    overflow-wrap: break-word;
    margin: 5px;
    border-width: 0px !important;
}
#_mychatAppointmentUserdetailsName,
#_mychatUserdetailsName{
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
#_mychatUserdetailsName{
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 0;
}
.myChatMessageTime{
    /*display: block;*/
/*    text-align: right;
    margin-bottom: -3px;
    margin-right: -0px;
    margin-top: 1px;*/
    min-height: 15px;
    min-width: 82px;
    color: rgba(0,0,0,0.45);
    float: right;
    position: relative;
    bottom: -5px;
    padding: 0 0 0 16px;
    text-align: right;
}
._mychatUserSendMsgRowContainer.text-left .myChatMessageTime{
    min-width: 62px !important;
}
#_mychatAppointmentUserdetailsIMG,
#_mychatUserdetailsIMG{
    width: 36px;
    height: 36px;
}
._mychatUserSendMsgBodyColorContainer{
    /*background-color: rgba(0,0,0,0.2);*/
    padding: 5px 10px;
    paddin-right: 0px;
}
._mychatUserSendMsgRowContainer.text-right > .popover{
    border-radius: 5px 0px 5px 5px;
}
._mychatUserSendMsgRowContainer.text-left > .popover{
    border-radius: 0px 5px 5px 5px;
}
._mychatUserSendMsgRowContainer.text-right > .popover > .arrow{
    border-width: 10px !important;
    border-top-width: 0px !important;
}
._mychatUserSendMsgRowContainer.text-right > .popover.left > .arrow{
    top: 0px !important;
    right: -10px !important;
    margin-top: 0px !important;
    border-right-width: 0px !important;
}
._mychatUserSendMsgRowContainer.text-right > .popover.left > .arrow::after{
    border-left-color: #DCF8C6 !important;  
}
._mychatUserSendMsgRowContainer.text-right > .popover.right > .arrow{
    top: 11px !important;
    /*right: -12px !important;*/
    border-left-width: 0px !important;
}
._mychatUserSendMsgRowContainer.text-right > .popover.right > .arrow{
    top: 11px !important;
    /*right: -12px !important;*/
    border-left-width: 0px !important;
}
._mychatUserSendMsgRowContainer.text-right > .popover > .arrow::after{
/*    border-left-width: 13px !important;
    border-top-width: 0px !important;
    border-bottom-width: 14px !important;*/
    border-left-width: 10px !important;
    border-top-width: 0px !important;
    border-bottom-width: 10px !important;
    top: 0px;
}
._mychatUserSendMsgRowContainer.text-left > .popover.right > .arrow{
    top: 0%;
    left: -10px;
    margin-top: 0px;
    border-width: 10px !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
}

._mychatUserSendMsgRowContainer.text-left > .popover.right > .arrow::after{
    bottom: -10px;
    border-right-width: 10px !important;
    border-top-width: 0px !important;
    border-bottom-width: 10px !important;
}
._myChatUserMessageContiner{
    overflow: hidden;
    width: 100%;
    background-image: url(../images/icons/_my_chat_background.png);
    /*background-image: url(../images/bookappointment/bookappointment2.png);*/
    background-size: 90px;
    background-repeat: repeat;
    background-position: center;
    /*background-color: #ece5dd;*/
    background-color: #bfb8b0;
    border-radius: 10px;
    /*background-color: rgba(0,0,0,0.2);*/
}
._mychatUserSendMsgRowContainer{
    position: relative !important;
    margin: 2px 0px;
    font-size: 15px;
    padding: 3px 0px !important;
}
._mysinglemessageselected{
    display: none;
}
._mysinglemessagereplyselected,
._mychatUserSendMsgRowContainer._myselectedmessagerow ._mysinglemessageselected{
    display: block;
    background: rgba(61, 139, 203,0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1002;
    left: 0;
    top: 0px;
    cursor: pointer;
    border-radius: 5px;
}
._mysinglemessagereplyselected{
    z-index: 0;
}
._mychatUserSendMsgRowContainer .popover{
    display: inline-block !important;
    position: relative !important;
    margin: 0 !important;
    min-width: 100px;
}
._mychatUserSendMsgRowContainer .popover.left{
    right: 7px !important;
    left: auto !important;
    background: #DCF8C6 !important;
}
._mychatUserSendMsgRowContainer .popover.right{
    right: auto !important;
    left: 7px !important;
}
._mychatUserSendMsgRowContainer .popover {
    z-index: inherit !important;
}
._mychatUserSendMsgVideoUploadHeaderContainer,
._mychatUserSendMsgImgUploadHeaderContainer{
    margin: 0px;
    padding: 8.5px 10px;
    background: rgba(255,255,255,0.4);
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-size: 17px;
    padding-left: 40px;
}
._mychatVideoPreviewCloseBTN,
._mychatImgPreviewCloseBTN{
    padding: 5px 10px;
    position: absolute;
    color: #fff !important;
    outline: none !important;
    top: 0;
    left: 0;
    height: 40px;
}
._mychatUserSendMsgVideoPreviewMessageContainer,
._mychatUserSendMsgImgPreviewMessageContainer{
    position: absolute;
    width: 100%;
    bottom: 1px;
}
._mychatUserSendMsgVideoPreviewMessageContainer .row,
._mychatUserSendMsgImgPreviewMessageContainer .row{
    margin: 0px;
    padding-right: 50px;
    background: rgba(0,0,0,0.9);
    border-bottom: 1px solid #fff;
}
#_mychatUserSendMsgVideoPreviewMessageTextArea,
#_mychatUserSendMsgImgPreviewMessageTextArea{
    resize: none;
    max-height: 90px;
    background: transparent;
    color: #fff;
    border-width: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
}
#_mychatUserSendMsgVideoPreviewSendBTN,
#_mychatUserSendMsgImgPreviewSendBTN{
    position: absolute;
    right: 5px;
    top: -20px;
    padding: 10px;
    outline: none;
    background: #8293e3 !important;
    border-color: #8293e3;
}
._mychatUserSendMsgVideoUploadContainer,
._mychatUserSendMsgImgUploadContainer{
    display: none;
    background: rgba(0,0,0,0.9);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 100000;
    border-radius: 10px;
}

._myChatLoaderContainerLoader{
    dispay:none;
    height: 100%;
    opacity: 0.8;
    z-index: 10000;
    position: absolute;
    width: 100%;
    opacity: 0.6;
    background: #46484a;
}
._myChatLoaderContainerLoader img{
    position: absolute;
    top: 50%;
    width: 200px;
    left: 25%;
    z-index: 999999;
    overflow: visible;
}
._mychatUserSendMsgFormConatinerDIV{
    box-shadow: 0px 0px 10px -6px #000 !important;
    margin: 0px !important;
    position: relative !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    border-radius: 20px !important;
    padding-right: 35px !important;
}
#_mychatAttachmentBTN{
    outline: none !important;
    position: absolute !important;
    right: 0px !important;
    bottom: 0 !important;
    padding: 8px 2px !important;
    color: #999 !important;
}
#_mychatUserSendMsgBTN{
    position: absolute !important;
    right: 5px !important;
    bottom: 5px !important;
    outline: none !important;
    background: #8293e3 !important;
    padding: 7px !important;
    width: 40px !important;
    border-radius: 50% !important;
    box-shadow: 0px 0px 6px -2px #000 !important;
    border-color: #8293e3 !important;
}
._mychatReplyDataConatiner{
    /*display: none;*/
    background: #fff;
    margin: 0;
    border-radius: 10px 10px 0 0 !important;
    position: relative;
    z-index: 10;
    min-height: 0;
    overflow: hidden;
    opacity: 0;
    height: 0px;
    transition: opacity 1s;
    transition: min-height 1s;
    padding: 0;
}
.mychatreplymessageContainer,
._replymessagecontainerToSenduser{
    padding: 0px;
    color: #666;
}
._replymsgcontainerSenderMSG,
._replymessagecontainerToSenduserMessage{
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    min-height: 35px;
    word-break: break-all;
}
._replymsgcontainerSenderMSG,
._replymsgcontainerSenderMSG .row{
    margin: 0px;
}
.mychatreplymessageContainer{
    min-width: 260px;
    margin: 0px;
    position: relative;
}
._closereplyBTN{
    background: rgba(255,255,255,0.9);
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 18px;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    border-width: 0px;
    top: 9px;
    z-index: 1;
    box-shadow: 0px 0px 5px -3px;
}
._myreplyappdatecontainer,
._replyappdatecontainer{
    padding: 5px 0px;
    text-align: center;
    width: 50px;
    position: absolute;
    right: -1px;top: -2px;
    padding: 2px;
    border: 1px solid #aaa;
    border-radius: 7px;
    display: none;
}
._myreplyappdatecontainer,
._replymessagecontainerToSenduser._replymessageappdatecontainer ._replyappdatecontainer{
    display: block;
}
._myreplyappdatecontainer{
    top: 2px;
    right: 5px;
    border: 1px solid #aaa;
}

._myreplyappdatecontainer .well-sm,
._replyappdatecontainer .well-sm{
    border-radius: 50%;
    margin: 0px auto !important;
    text-align: center !important;
    padding: 6px 4px !important;
    background: #2a6395 !important;
    font-weight: normal !important;
    color: #fff !important;
    width: 100% !important;
    border-radius: 50% !important;
    font-size: 9px !important;
}
._myreplyappdatecontainer .well-sm ._myreplyappdaycontainer,
._replyappdatecontainer .well-sm ._replyappdaycontainer{
    font-weight: bold;
    margin: 0;
    font-size: 13px;
}
.mychatreplymessageContainer._myreplymessageappdatecontainer,
._replymessagecontainerToSenduser._replymessageappdatecontainer,
.mychatreplymessageContainer._myreplymessageimagecontainer,
._replymessagecontainerToSenduser._replymessageimagecontainer{
    background-position: right;
    background-size: 50px auto;
    background-repeat: no-repeat;
    padding-right: 55px;
}
._mychatUserSendMsgFooterContainer.replaychatmsg ._mychatReplyDataConatiner{
    /*display: block;*/
    transition: min-height 1s;
    opacity: 1;
    min-height: 70px;
}
._replymsgcontainerSenderName,
._replymessagecontainerToSenduserName{
    margin: 0 !important;
    color: #96B52D !important;
    font-weight: bold !important;
    margin-top: -2px !important;
    margin-bottom: 2px !important;
    /*margin-right: 25px !important;*/
}
.mychatreplymessageContainer,
._mychatReplyDataInnerConatiner{
    border-left: 5px solid #8293e3;
    margin: 7px;
    padding: 5px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 5px;
    margin-bottom: 0px;
}
.popover.right .mychatreplymessageContainer{
    background-color: #f0f0f0;
}
.popover.left .mychatreplymessageContainer{
    background-color: #cfe9ba;
}

.mychatreplymessageContainer{
    cursor: pointer;
    margin: 7px 0px;
}
._mychatUserSendMsgFooterContainer.linkchatmsg ._mychatUserSendMsgFormConatinerDIV,
._mychatUserSendMsgFooterContainer.replaychatmsg ._mychatUserSendMsgFormConatinerDIV{
    border-radius: 0 0 20px 20px !important;
}
._myChatlinkInformationDetailsDataContainer{
    /*box-shadow: 1px 1px 13px -5px;*/
    cursor:pointer;
    margin: 5px;
    /*border: 1px solid #e0e0e0;*/
    background: rgba(0,0,0,0.05);
    border-radius: 5px;
}
._mychatLinkMetaDataConatiner{
    position: relative;
    width: 100%;
    bottom: 0;
    z-index: 100000;
    left: 0;
    margin: 0px;
    bottom: 100%;
    background: #fff;
    display: none;
}
._mychatUserSendMsgFooterContainer.linkchatmsg ._mychatLinkMetaDataConatiner{
    display: block;
    border-radius: 10px 10px 0 0 !important;
}
._mychatUserSendMsgFooterContainer.linkchatmsg.replaychatmsg ._mychatLinkMetaDataConatiner{
    border-radius: 0 !important;
}

._myAppChatUserAppointmentRowContainer button._myusercallBTN,
._myAppChatUserRowContainer button._myusercallBTN{
    position: absolute;
    right: 5px;
    top: 2px;
}
._myAppChatUserRowContainer button._myusercallBTN._chatMSGBTN,
._myAppChatUserAppointmentRowContainer button._myusercallBTN._chatMSGBTN{
    right: 30px;
}
._myAppChatUserAppointmentRowContainer button._myusercallBTN,
._myAppChatUserRowContainer button._myusercallBTN,    
._myChatUserLinkLI button._myusercallBTN{
    padding: 0 !important;
    color: #8080ff !important;
    font-size: 18px !important;
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
}
._myAppChatUserAppointmentRowContainer button._myusercallBTN._myusernotOnline,
._myAppChatUserRowContainer button._myusercallBTN._myusernotOnline,
._myChatUserLinkLI button._myusercallBTN._myusernotOnline{
    color: #aaa !important;
}
._myAppChatUserAppointmentRowContainer button._myusercallBTN._myuserBusyOnline,
._myAppChatUserRowContainer button._myusercallBTN._myuserBusyOnline,
._myChatUserLinkLI button._myusercallBTN._myuserBusyOnline{
    color: #aaa !important;
}
._myCallerImg{
    background: #f5f5f5;
}
._mychatPanelSelector li.active a {
    background-image: url(../images/icons/icons8-topic-90.png) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /*background-size: 80px 68px !important;*/
    background-size: 112px 58px !important;
    /*background: #d8d8ff !important;*/
    border-radius: 10px !important;
    color: #ffffff !important;
}
.call-animation {
    background: #fff;
    width: 135px;
    height: 135px;
    position: relative;
    margin: 0 auto;
    border-radius: 100%;
    border: solid 5px #fff;
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  
}
@keyframes play {

    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
    }

}
#mysubscriber{
    width: 100%;
    height: 100%;
    margin: 0;
    display: none;
    border-radius: 10px;
}
#mysubscriber .my-subscribers{
    position: relative;
    height: 100%;
}
#mysubscriber .my-subscribers video{
    width: 100%;
    height: 100%;
}

#mysubscriber .row{
    margin: 0;
}
._NovideoTracker{
    background: #ccc;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10%;
    display: none;
}
._NovideoTracker img{
    width: 100%;
    height: 100%;
    border-radius: 10px !important;
}
.videoNotAvailable ._NovideoTracker{
    display: block;
}
.videoNotAvailable ._connectedUserDetailInfo{
    display: none;
}
#mypublisher{
    transform: rotateY(180deg);
}
#mypublisher.connected {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 50%;
}
#mypublisher.connected video{
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 50%;
}
.videoNotAvailable #_mylocalVideo{
    background: #ccc !important;
}
._medicovideoController{
    position: relative;
    bottom:50px;
    width: 100%;
    margin: 0;
    padding: 10px 0px;
    background: rgba(255,255,255,0.2);
    border-radius: 0px 0px 10px 10px;
}
._medicovideoController button{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    margin : 0px 5px;
    font-size: 13px;
    outline: none !important;
}
._mymuted,
._mypaused{
    display: none;
    position: absolute;
    top: 0px;
    width: 28px;
    text-align: center;
    font-size: 28px;
}
._shareaudiomute,
._sharevideopause{
    position: relative;
}
._shareaudiomute ._mymuted,
._sharevideopause ._mypaused{
    display: block;
}

#_myIncomingCallNotificationContinaer{
    position: fixed;
    right: 80px;
    width: 320px;
    bottom: 35px;
    height: 62px;
    left: auto;
    top: auto;
}
._myIncomingCallProfileIMG{
    background: #aaa !important;
    border-radius: 5px !important;
    width: 40px !important;
    padding: 5px !important;
    height: 40px !important;
}
._myIncomingCallBTN{
    width: 27px !important;
    height: 27px !important;
    padding: 5px !important;
    text-align: center !important;
    border-radius: 50% !important;
    line-height: 13px !important;
    vertical-align: middle !important;
}

._mychatPanelSelector li .activeuser{
    display: none;
}
._mychatPanelSelector li .nonactiveuser{
    display: inline-block;
}
._mychatPanelSelector li.active .activeuser{
    display: inline-block;
}
._mychatPanelSelector li.active .nonactiveuser{
    display: none;
}
._mychatPanelSelector li a{
    width: 100% !important;
}
._mychatPanelSelector li {
    width: 33% !important;
}
#_shareScreenController.active .fa-window-restore,
#_shareScreenController .fa-stop{
    display: none;
}
#_shareScreenController.active .fa-stop{
    display: block;
}
._myChatContainerLoader{
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 11;
    left: 0px;
}
._myChatContainerFilterDataContiner{
    display: none;
    border-radius: 0px 0px 10px 10px;
    background: #fff;
    height: 350px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 11;
    left: 0px;
}
._myChatContainerFilterFade{
    display: none;
    border-radius: 10px;
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0px;
}
._myChatContainerFilterInputSearch,
._myChatContainerFilterHeader{
    text-align: center;
    font-size: 15px;
}
._myChatContainerFilterHeader a,
._myChatContainerFilterDataUL li a{
    display: block;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #555 !important;
}
._myChatContainerFilterDataUL li a{
    font-weight: normal;
}
._myChatContainerFilterDataUL li:hover{
    background: #f5f5f5;
}
._myChatContainerFilterInputSearch,
._myChatContainerFilterHeader,
._myChatContainerFilterDefaultLI,
._myChatContainerFilterDataContiner li{
    border-bottom: 1px solid #eee !important;
}
._myChatContainerFilterDataContiner li._myChatContainerFilterDefaultLI{
    background: #fff !important;
    text-align: center;
    font-size: 15px;
    cursor: default;
}
._myChatPatientCityContainerFilterDataUL ._myChatContainerFilterDataLI._noSearchResult,
._myChatDoctorCityContainerFilterDataUL ._myChatContainerFilterDataLI._noSearchResult{
    display: none;
}
._myChatContainerFilterCloseBTN{
    margin-top: -5px;
    margin-right: -10px;
    font-size: 15px;
    color: #ccc !important;
    outline: none !important;
}
._myChatSearchTextActive{
    color: #8080ff !important;
    text-decoration: underline;
}
._mychatUserProfileHeader{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-left: 0;
    background-size: 100% 100% !important;
    position: relative;
    height: 250px;
    border-radius: 5px 5px 0px 0px;
    background-color: #e0e0e0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://www.medicohelpline.com/images/doctorProfileImage/defaultMale.jpg');
}
._mychatUserProfileHeaderBackArrow{
    width: 40px;
    height: 40px;
    position: absolute;
    line-height: initial;
    left: 10px;
    top: 10px;
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
    border: 0px;
    outline: none !important;
}
._mychatUserProfileHeaderNameContainer{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    bottom: 0;
    left: 0;
    text-align: left;
    padding: 5px 15px;
}
._mychatUserProfileUserBasicDetailsContainer{
    min-height: 150px;
    background: #5d6da9;
    color: #fff;
    font-size: 14px;
    margin-left: 0;
    text-align: center;
    padding: 5px 0px;
}
._mychatUserProfileHeaderUserPracticelistItems{
    height: 90px;
    text-transform: capitalize;
    line-height: 90px;
    font-size: 14px;
    color: #555;
    padding: 5px;
    /*border-bottom: 1px solid #e0e0e0;*/
    font-weight: bold;
}
._mychatUserProfileHeaderUserPracticelistItemsContainer{
    display: inline-block;
    line-height: initial;
    vertical-align: middle;
}
._myChatUserProfileInfoLoader{
    height: 100%;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 1;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
._myChatUserProfileInfoLoaderContiner{
    position: absolute;
    width: 100%;
    top: 42%;
}
#_myChatPatientsListCityFilter,
#_myChatMyTeamListPracticeFilter,
#_myChatAdminTeamListPracticeFilter,
#_myChatDoctorsListCityFilter{
    text-decoration: none;
    color:#555 !important;
    outline: none !important;
    border: 1px solid #ccc;
    border-right-width: 0px;
    border-radius: 15px 0px 0px 15px;
    font-size: 12px;
    width: 90px;
}

._mychatuserlistcontainerNoLISearchFilter,
._mychatuserlistcontainerNoLIPracticeFilter{
    display: none !important;
}

/**************** Chat Csss ****************/

#_myChatMessageNotificationContinaer{
    display: none;
}
#_myChatMessageNotificationContinaer{
    position: fixed;
    right: 80px;
    width: 320px;
    bottom: 35px;
    height: auto;
    left: auto;
    top: auto;
}
._myChatMessageProfileIMG {
    background: #aaa !important;
    border-radius: 5px !important;
    width: 42px !important;
    padding: 5px !important;
    height: 42px !important;
}
._mychatUserSendMsgRowContainer .popover-content {
    word-break: break-word;
    padding: 5px !important;
}
._myAppChatUserDetailsBody{
    height: calc( 100% - 53px);
    position: relative;
}
._myAppChatUserDetailsLoaderContainer{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.9);
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
    text-align: center;
    padding-top: 45%;
    display: none;
}
._myAppChatUserDetailsAppointmentListBody{
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
}
._myAppChatUserDetailsAppointmentListBody::-webkit-scrollbar {
    width: 0.4em;
    background: rgba(255,255,255,0.5);
}
._myAppChatUserDetailsAppointmentListBody::-webkit-scrollbar-thumb{
    background: #aaa !important
}
._myAppChatUserDetailsBody ._myAppChatUserRowContainer{
    margin: 5px 0px;
    background: #fff;
    padding: 5px 0;
    box-shadow: 0px 0px 10px -5px;
    border-radius: 10px;
}
#_mychatAppointmentUsermessageInformation,
#_mychatUsermessageInformation{
    font-size: 12px;
    text-overflow: ellipsis !important;
    white-space: nowrap;
    overflow: hidden !important;
}
._mychatUserSendMsgRowContainer.text-right + ._mychatUserSendMsgRowContainer.text-right,
._mychatUserSendMsgRowContainer.text-left + ._mychatUserSendMsgRowContainer.text-left{
    margin: 5px 0px !important;
}

._mychatUserSendMsgRowContainer.text-right + ._mychatUserSendMsgRowContainer.text-right .popover,
._mychatUserSendMsgRowContainer.text-left + ._mychatUserSendMsgRowContainer.text-left .popover{
    border-radius: 5px !important;
}

._mychatUserSendMsgRowContainer.text-right + ._mychatUserSendMsgRowContainer.text-right .arrow,
._mychatUserSendMsgRowContainer.text-left + ._mychatUserSendMsgRowContainer.text-left .arrow{
    display: none !important;
}

._mychatmobileResponsiveHeader{
    margin: 0px !important;
    padding: 10px 15px !important;
    background: linear-gradient(to top, #8080ff 18%, #8293e3 54%) !important;
    position: relative !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    font-weight: bold !important;
    display: none;
}
._mychatmobileResponsiveHeader i{
    width: 40px !important;
    height: 40px !important;
    line-height: 42px !important;
    margin: -12px -9px !important;
    float: right !important;
    cursor: pointer !important;
}
._mychatmobileResponsiveHeader img{
    width: 30px !important;
    margin: -10px 5px !important;
    margin-top: -12px !important;
    border-radius: 50% !important;
}
._otherthanpatientchat .tab-content .tab-pane ._myteamulscrollContainer,
._otherthanpatientchat .tab-content .tab-pane ._mydoctorulscrollContainer,
._otherthanpatientchat .tab-content .tab-pane ._mypatientulscrollContainer{
    height: calc( 100% - 30px) !important;
    overflow-y : auto;
    scrollbar-width: thin;
}

._otherthanpatientchat .tab-content .tab-pane{
    height: 100% !important;
}
._otherthanpatientchat .tab-content{
    height: calc(100% - 55px) !important;
    background: #fff !important
}
._otherthanpatientchat #_userInfoListContainer{
    height: 100% !important;
}
._otherthanpatientchat .tab-content .tab-pane ._myteamulscrollContainer::-webkit-scrollbar,
._otherthanpatientchat .tab-content .tab-pane ._mydoctorulscrollContainer::-webkit-scrollbar,
._otherthanpatientchat .tab-content .tab-pane ._mypatientulscrollContainer::-webkit-scrollbar,
._mychatUserSendMsgBodyContainer::-webkit-scrollbar {
    width: 0.4em;
    background: rgba(255,255,255,0.5);
}
._otherthanpatientchat .tab-content .tab-pane ._myteamulscrollContainer::-webkit-scrollbar-thumb,
._otherthanpatientchat .tab-content .tab-pane ._mydoctorulscrollContainer::-webkit-scrollbar-thumb,
._otherthanpatientchat .tab-content .tab-pane ._mypatientulscrollContainer::-webkit-scrollbar-thumb,
._mychatUserSendMsgBodyContainer::-webkit-scrollbar-thumb{
    background: #aaa !important
}
._mychatUserSendMsgBodyContainer{
    height: calc(100% - 105px) !important;
    border-radius: 0px !important;
    overflow-y: auto;
    scrollbar-width: thin;
}
._mychatUserSendMsgBodyContainer{
    height: calc(100% - 105px) !important;
    border-radius: 0px !important;
    overflow-y: auto;
    scrollbar-width: thin;
}
#_medicoCovideDetailsTabNavUL-CHAT ._myChatUserMessageContiner._groupchatUserMessageContainer ._mychatUserSendMsgBodyContainer{
    height: calc(100% - 135px) !important;
}
/*#_medicoCovideDetailsTabNavUL-CHAT ._mychatUserSendMsgBodyContainer{
    height: calc(100% - 52px) !important;
}*/
@media screen and (max-width: 450px){
    #_mychatUserSendMsgInput{
        font-size: 18px !important;
        padding-top: 3px !important;
    }
    ._otherthanpatientchat .tab-content .tab-pane ._myteamulscrollContainer,
    ._otherthanpatientchat .tab-content .tab-pane ._mydoctorulscrollContainer,
    ._otherthanpatientchat .tab-content .tab-pane ._mypatientulscrollContainer{
        height: calc( 100% - 5px) !important;
        overflow-y : auto;
        scrollbar-width: thin;
    }
    ._mychatUserSendMsgVideoUploadContainer,
    ._mychatUserSendMsgImgUploadContainer{
        border-radius: 0px !important;
    }
    ._otherthanpatientchat ._mychatmobileResponsiveHeader{
        display: block;
    }
    ._otherthanpatientchat._mychatContainer{
        height: 100% !important;
        top: 0px !important;
        bottom: unset !important;
        right: 0px !important;
        width: 100% !important;
    }
    ._otherthanpatientchat ._mychatNotificationBody{
        height: 100% !important;
    }
    ._otherthanpatientchat #_userInfoListContainer{
        height: calc(100% - 42px) !important;
        background: linear-gradient(to top, #8080ff 18%, #8293e3 54%) !important;
        border-radius: 0px;
        padding: 0px !important;
    }
    ._otherthanpatientchat ._mychatUserDetailsHeader,
    ._otherthanpatientchat ._myAppChatUserDetailsHeader,
    ._otherthanpatientchat ._mychatUserSendMsgFooterContainer,
    ._otherthanpatientchat ._myChatUserMessageContiner{
        border-radius: 0px !important;
    }
    ._otherthanpatientchat ._mychatUserSendMsgBodyContainer .slimScrollDiv,
    ._otherthanpatientchat ._mychatUserSendMsgBodyContainer ._mychatUserSendMsgBodyColorContainer,
    ._otherthanpatientchat ._mychatUserSendMsgBodyContainer{
/*        height: calc(100% - 53px) !important;
        border-radius: 0px !important;*/
    }
    
    ._otherthanpatientchat .tab-content .tab-pane .slimScrollDiv{
        height: calc( 100% - 15px) !important;
    }
    ._otherthanpatientchat .tab-content .tab-pane ._chatuserlistcontainer{
        height: calc( 100% - 30px) !important;
        overflow-y: auto;
        scrollbar-width: thin;
    }
    ._otherthanpatientchat .active .nonactiveuser,
    ._otherthanpatientchat .nonactiveuser{
        display: none !important
    }
    ._otherthanpatientchat .active .activeuser,
    ._otherthanpatientchat .activeuser{
        display: inline-block !important
    }
    ._otherthanpatientchat ._mychatPanelSelector li.active a,
    ._otherthanpatientchat ._mychatPanelSelector li a{
        color : #fff !important;
        background-color: transparent !important;
    }
}
@media screen and (max-width: 380px){
/*    ._mychatContainer{
        width: 98% !important;
        right: 1% !important;
    }*/
}
.markastext {
    margin: 5px 0px;
    font-size: 14px;
    color: red;
    font-weight: 500;
}
.markasmunu.disabled {
    background: #ccc;
    color: #222;
    pointer-events: none;
}
.markasmunu.disabled a{
    color: #444;
}
.markdeletemenu{
    display: none;
}
/******** Yogesh Code 22 July 21 *****/
._myfamilypatientlistRowContainer {
    box-shadow: 0 0 10px -8px !important;
    position: relative !important;
    margin: 5px -15px !important;
    text-align: left !important;
    padding: 5px 10px !important;
    background: #f1f1f1 !important;
    border-radius: 10px !important;
    border: 1px solid #e0e0e0;
    font-size: 14px;
}
._myfamilypatientlistRowContainer{
    margin: 5px 0px !important;
}
#_chatmyFamilyDataBind{
    padding: 10px !important;
    max-height: calc(100% - 35px);
    margin: 0;
    overflow: auto;
    scrollbar-color: #aaa #fff;
    scrollbar-width: thin;
}
#_chatmyFamilyDataBind::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
/******** Yogesh Code 22 July 21 *****/

.alerts-border {
    border: 1px #ff0000 solid;    
    animation: blink 1s;
    animation-iteration-count: 3;
}
@keyframes blink { 50% { border-color:#fff ; }  }