#main-ui{
	position: relative;	
}

#right-menu{
	/*top: 30px;*/
	top: 18%;
	left: -15px;
	/*height: 90%;*/
/*	height: 65%;*/
	width: 250px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	z-index: 1;
	position: fixed;
}
#namePara{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-width: 165px;
    font-size: 16px;
}

#right-menu-callview{
	/*top: 20%;*/
	top: 16%;
    left: 0px;
    width: 81px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 1;
    position: fixed;
    padding-top: 32px;
    padding-bottom: 44px;
    /*overflow-y: auto;*/
}

#scrollableForContacts{
	overflow: auto;
	max-height: 45%;
}

.hamburger, .user-icon{
	border: none;
}

.hamburger:hover{
	background-color: #ecf0f1;
}

/*#hamburger-inner{
	top: 10px;
	left: 180px;
}

#hamburger-outer{
	position: fixed;
	top: 40px;
	left: 10px;
	z-index: 2;
}*/

#user-inner{
	top: 50px;
	left: 135px;
}

#user-outer{
	position: fixed;
	top: 80px;
	left: 10px;
	z-index: 2;
}
/*
.settings-inner{
	position: absolute;
	top: 85px;
	left: 20px;
	margin: 5px 0px;
	height: 82%;
	width: 210px;
	border-radius: 20px;

	overflow: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
*/

.settings-inner{
    /* position: relative; */
    /* top: 85px; */
    /* left: 20px; */
    margin: 84px 0px 5px 0px;
    margin-left: 26px !important;
    /* height: 82%; */
    width: 210px;
    border-radius: 20px;
    /* padding-top: 30px; */
    overflow: auto;
    overflow-x: hidden;
    padding-right: 20px;
}


#settings-div li{
	background-color: #80C340;
	border: #ecf0f1;
	color: #ecf0f1;
	font-size: 15px;
}

#settings-div li:hover{
	background-color: #315D7B;
	border: none;
}

#searchicon{
	position: absolute;
	top: 40px;
	left: 20px;
	color: black;
}

#contacts-div button{
	padding-left: 0px;
	margin: 5px 0px;
}

#contactCommunityButtons{
	width: 100%;
}


/* Add the signs in front of the classes*/
.contacts-list li{
	/*padding-left: 25px;*/
	cursor: pointer;
	width: 100%;
	display: inline-block;

}
.contact-available:not(.guru-item)::before{
	position: absolute;
	content: "";
	background-color: #2ecc71;
	width: 8px;
	height: 8px;
	/* left: 15px;
	top: 25px; */
	left: 95px;
	top: 36px;
	border-radius: 10px;
}

.contact-away:not(.guru-item)::before{
	position: absolute;
	content: "";
	background-color: #f1c40f;
	width: 8px;
	height: 8px;
	/* left: 15px;
	top: 25px; */
	left: 95px;
	top: 36px;
	border-radius: 10px;
}

.contact-offline:not(.guru-item)::before{
	position: absolute;
	content: "";
	background-color: #95a5a6;
	width: 8px;
	height: 8px;
	/* left: 15px;
	top: 25px; */
	left: 95px;
	top: 36px;
	border-radius: 10px;
}
.contact-busy:not(.guru-item)::before{
	position: absolute;
	content: "";
	background-color: #e74c3c;
	width: 8px;
	height: 8px;
	/* left: 15px;
	top: 25px; */
	left: 95px;
	top: 36px;
	border-radius: 10px;
}

.contact-in-meeting:not(.guru-item)::before{
	position: absolute;
	content: "";
	background-color: blue;
	width: 8px;
	height: 8px;
	/* left: 15px;
	top: 25px; */
	left:95;
	top:36;
	border-radius: 10px;
}

.contact-donotdisturb:not(.guru-item)::before{
	position: absolute;
	content: "";
	background-color: brown;
	width: 8px;
	height: 8px;
	/* left: 15px;
	top: 25px; */
	left: 95px;
	top: 36px;
	border-radius: 10px;
}

.guru-item::before {
	position: absolute;
	content: "";
	border-radius: 10px;
    width: 6px;
    height: 6px;
    width: 7px;
    height: 7px;
    left: 8px;
    top: 29px;
}

.guru-item.contact-busy::before{
	background-color: #e74c3c;
}

.guru-item.contact-away::before{
	background-color: #f1c40f;
}

.guru-item.contact-available::before{
	background-color: #2ecc71;
}
.guru-item.contact-offline::before{
	background-color: #95a5a6;
}

.notContact-hallow::before {
    position: absolute;
    content: "";
    background-color: rgba(149, 165, 166, 0.03);
    width: 9px;
    height: 9px;
    left: 15px;
	/* top: 17px; */
	top:26px;
    border-radius:10px;
    border-style: solid;
    border-color:#95a5a6;
    border-width: 1px;
}
#userJoinedInfoList .contact-offline::before,
#userJoinedInfoList .contact-available::before,
#userJoinedInfoList .contact-busy::before,
#userJoinedInfoList .contact-away::before,
#userJoinedInfoList .notContact-hallow::before, 
#userJoinedInfoList .notContact-donotdisturb::before,
#contactsTable .contact-in-meeting::before {
	position: absolute;
	content: "";
	/*background-color: rgba(149, 165, 166, 0.03);*/
	width: 7px;
	height: 7px;
	left: 50px;
	top: 24px;
	border-radius: 10px;
}
#userJoinedInfoList .btn-customGreenListing {
    border: 1px solid #80C340;
    color: #80C340;
    padding: 2px 10px 2px 10px;
}
#userJoinedInfoList .btn-customGreenListing:hover {
    background-color: #80C340;
    color: white !important;
    border-color: white !important;
}
#contactsTable .contact-offline::before,
#contactsTable .contact-available::before,
#contactsTable .contact-busy::before,
#contactsTable .contact-away::before,
#contactsTable .notContact-hallow::before,
#contactsTable .contact-in-meeting::before,
#contactsTable .contact-donotdisturb::before {
	position: absolute;
	content: "";
	/*background-color: rgba(149, 165, 166, 0.03);*/
	width: 7px;
	height: 7px;
	/* left: 25px; */
	left: 78px;
	top: 31px;
	border-radius: 10px;
}
.contact-available-main::before {
    position: absolute;
    content: "";
    background-color: #2ecc71;
    width: 8px;
    height: 8px;
    right: 0px;
    top: 31px;
    border-radius: 7.5px;
}

#myCommunityTable .contact-offline::before, 
#myCommunityTable .contact-available::before, 
#myCommunityTable .contact-away::before,
#myCommunityTable .contact-busy::before,
#myCommunityTable .contact-donotdisturb::before,
#myCommunityTable .notContact-hallow::before,
#myCommunityTable .contact-in-meeting::before,
#otherCommunityTable .contact-offline::before, 
#otherCommunityTable .contact-available::before, 
#otherCommunityTable .contact-away::before,
#otherCommunityTable .contact-busy::before,
#otherCommunityTable .notContact-hallow::before,
#otherCommunityTable .contact-donotdisturb::before,
#otherCommunityTable .contact-in-meeting::before
{
	position: absolute;
	content: "";
	/*background-color: #95a5a6;*/
	width: 10px;
	height: 10px;
	left: 15px;
	top: 15px;
	border-radius: 10px;
}
/*notifications dropdown*/
#notifications{
	position: absolute;
	left: 52%;
	top: 1.65%;
}

#notifications-callView{
	position: absolute;
	left: 18%;
	top: 1.65%;
}

.settingsBtnNew{
	position: absolute !important;
	left: 80.5%;
	top: 1.65%;
}

.settingsBtnNew-callView{
	position: absolute !important;
	left: 36.5%;
	top: 1.65%;
}

#dlabelsettings, #dlabel, #recent-activity-button{
	padding: 6px;
}

div#recentActivity {
    position: absolute !important;
    left: 65.25%;
    top: 1.25%;
}

.dropdown-menu.notifications-dropdown-menu li:hover{
	box-shadow: 1px 0.2px 1px rgba(56,57,74,0.7);
}

.notifications-dropdown-menu{
	
	/*background-color: #315D7B;*/
}

.notifications-dropdown{
/*	padding: 5% 3%;*/
    padding: 3% 3%;
	border-bottom: 1px solid #ccc;
	margin-top: 1px;
	margin-bottom: 1px;
	min-height: 80px;
	position: relative;
	/*background-color: #315D7B;*/
	/*color: #ecf0f1;*/
	padding-bottom: 0;
}

.notifications-dropdown-text-div{
	line-height: 16px;
/*    padding: 0px 2px;*/
    padding: 0px 10px;
	margin-bottom: 2%;
	opacity: 0.9;
}
.notifications-dropdown-actions-div{
	display: none;
	position: absolute;
    right: 15px;
    top: 0%;
    width: 30%;
    height: 100%;
    /*background: -webkit-linear-gradient(left, rgba(235,235,235,0) 0.1%,#edf2fa 28%,#edf2fa 100%);    */
    /* background: -webkit-linear-gradient(left, rgba(235, 235, 235, 0.12), rgba(237, 242, 250, 0.81),  #edf2fa) */
}

.notifications-dropdown-action{
	padding: 0px;
    border: none;
    background: none;
    top: 27%;
    left: 57%;
    position: relative;
}

.notifications-dropdown-actions-div.row .col-sm-12 button {
    left: 62%;
}
.notifications-dropdown-actions-div.row .col-sm-12 {
    padding-top: 9%;
}

.notifications-dropdown-actions-div.call{
	/* right: 0px; */
	width: 16% !important;
}

.notifications-dropdown-text-div.participantMeeting{
	line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #777;
    margin-bottom: 5%;
}

.notifications-dropdown-text-div.timeMeeting{
	margin-top: 2%;
	/* color: #315D7B; */
	color: black;
    opacity: 0.6;
    font-weight: 500;
}

.notifications-dropdown-text-div.timeMeeting.timeScheduledMeeting {
    color: black;
    font-style: oblique;
}

.notifications-dropdown-action > img{
	margin-right: 4px;
}

.call .notifications-dropdown-action > img{
	width: 30px;
}

ul.notifications-dropdown-menu::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5) !important;
	/*background-color: rgba(0, 0, 0, 0.11);*/
}

ul.notifications-dropdown-menu::-webkit-scrollbar{
	width: 6px;
	background-color: inherit;
}

ul.notifications-dropdown-menu::-webkit-scrollbar-thumb{
	background-color: #ccc;
}

#notification-listDrop::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3) !important;
	/*background-color: rgba(0, 0, 0, 0.11);*/
}

#notification-listDrop::-webkit-scrollbar{
	width: 4px;
	border-radius: 5px; 
	background-color: inherit;
}

#notification-listDrop::-webkit-scrollbar-thumb{
	background-color: #ccc;
}


/*---Presence dropdown------*/
#personal_status{
	position: absolute;
	left: 11%;
	/*top: 11%;*/
	top: 44px;
	width: 16%;
 
}


.notifications-dropdown-menu{
	
	/*background-color: #315D7B;*/
}

.presence-dropdown{
	padding: 2% 5% 2% 5%;
	border-bottom: 1px solid #95a5a6;
	/*background-color: #315D7B;*/
	/*color: #ecf0f1;*/
}

.dropdown-menu.notifications-dropdown-menu li:hover {
    box-shadow: 1px 0.2px 1px rgba(56,57,74,0.7);
    background-color: rgba(0,0,118,0.05) !important;
    cursor: pointer;
}

.contact-available-main::before{
	position: absolute;
	content: "";
	background-color: #2ecc71;
	width: 8px;
	height: 8px;
	right: 0px;
	top: 31px;
	border-radius: 7.5px;
}

.contact-donotdisturb-main::before{
	position: absolute;
	content: "";
	background-color: brown;
	width: 8px;
	height: 8px;
	right: 0px;
	top: 31px;
	border-radius: 7.5px;
}

.contact-donotdisturb-main{
	font-size: smaller;
	color:black;
	margin-left: 0px;
 }

.contact-available-main{
   font-size: smaller;
    color:black;
    margin-left: 0px;
}

.contact-busy-main{
   font-size: smaller;
    color:black;
    margin-left: 0px;
}

.contact-away-main{
   font-size: smaller;
    color:black;
    margin-left: 0px;
}

.contact-offline-main{
   font-size: smaller;
    color:black;
    margin-left: 0px;
}

.contact-busy-main::before{
	position: absolute;
	content: "";
	background-color: #e74c3c;
	width: 8px;
	height: 8px;
	right: 0;
	top: 31px;
	border-radius: 7.5px;
}

.contact-away-main::before{
	position: absolute;
	content: "";
	background-color: #f1c40f;
	width: 8px;
	height: 8px;
	/* left: -7px; */
	right: 0;
	top: 31px;
	border-radius: 7.5px;
}

.contact-offline-main::before{
	position: absolute;
	content: "";
	background-color: #95a5a6;
	width: 8px;
	height: 8px;
	/* left: -7px; */
	right: 0;
	top: 31px;
	border-radius: 7.5px;
}

.presence-available{
	position: absolute;
	content: "";
	background-color: #2ecc71;
	width: 12px;
	height: 12px;
	left: 6px;
	top: 15px;
	border-radius: 10px;
}

.presence-busy{
	position: absolute;
	content: "";
	background-color: #e74c3c;
	width: 12px;
	height: 12px;
	left: 6px;
	top: 15px;
	border-radius: 10px;
}

.presence-away{
	position: absolute;
	content: "";
	background-color: #f1c40f;
	width: 12px;
	height: 12px;
	left: 6px;
	top: 15px;
	border-radius: 10px;
}

.presence-offline{
	position: absolute;
	content: "";
	background-color: #95a5a6;
	width: 12px;
	height: 12px;
	left: 6px;
	top: 15px;
	border-radius: 10px;
}

/*
img[src$='/settings.png']:hover{
	-webkit-transform: rotate(70deg) !important;
    transform: rotate(-10deg);
    transition: all .4s;
}*/

/*img[src$='/settings.png']{
	transition: all .4s;
}
.rotateIcon{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.rotateIconBack{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}*/

#activity-listDrop{
	padding: 0;
	min-width: 300;
    left: -143px;
    max-height: 435px;
    border: 1px solid #FFF;
    overflow: auto;
}

ul#activity-listDrop:before {
    left: 152px;
}
ul#activity-listDrop:after {
    left: 152px;
}

#activity-listDrop li.dropdown-header {
    background: #FAFAFA;
    border-bottom: 1px solid #CCC;
    padding: 7px 15px;
    text-align: center;
}

#activity-listDrop li.dropdown-header h5 {
	color: #AAA;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
}


#activity-listDrop li.recent-meetings-list, #activity-listDrop li.recent-chat-list {
    background: #FFF;
    border-bottom: 1px solid #F4F4F4;
	padding: 15px 5px 10px 15px;
	cursor: pointer;
	/* margin-top: 4px;
	margin-bottom: 40px; */
}

#activity-listDrop li h4{
	/* font-size: 16px; */
    /* font-weight: 400; */
    line-height: 16px;
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0.2;
}

#activity-listDrop li a{
	padding: 0 15px;
    position: relative;
    border-bottom: 0;
}
#activity-listDrop li a > img{
	width: 30px;
    margin-right: 4px;
}


#activity-listDrop li h5{
	font-weight: 400;
    line-height: 18px;
    margin: 0;
    color: #3c3b3b;
}


#activity-listDrop li span.last-message-chat{
    margin-top: 3px;
    color: #777 !important;
    font-family: 'Roboto', sans-serif; 'Roboto', Helvetica, sans-serif;	
}

#activity-listDrop li span.last-message-chat-span>a {
    display: inline-block !important;
}

#activity-listDrop li span, #activity-listDrop li time{
	color: #BBB;
    font-size: 13px;
}
.display-block {
    display: block;
}
.text-green{
	color: green;	
}

#myCommunityDiv .contact-available:not(.guru-item)::before,
#myCommunityDiv .contact-away:not(.guru-item)::before,
#myCommunityDiv .contact-offline:not(.guru-item)::before,
#myCommunityDiv .contact-busy:not(.guru-item)::before,
#myCommunityDiv .contact-donotdisturb:not(.guru-item)::before
#myCommunityDiv .contact-in-meeting:not(.guru-item)::before
{
	/* top: 18px; */
	top: 27px;
}

/* #myCommunityDiv .contact-away:not(.guru-item)::before {
	top: 27px;
}

#myCommunityDiv .contact-offline:not(.guru-item)::before{
	top: 27px;
}
#myCommunityDiv .contact-busy:not(.guru-item)::before{
	top: 27px;
} */