@charset "UTF-8";
/* CSS Document */
.no-scroll::-webkit-scrollbar {display:none;}
.no-scroll::-moz-scrollbar {display:none;}
.no-scroll::-o-scrollbar {display:none;}
.no-scroll::-google-ms-scrollbar {display:none;}
.no-scroll::-khtml-scrollbar {display:none;}
.no-scroll{
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
html {
	margin-top: 0 !important
}
.chatIcon {
	font-size: 16px;
	margin-left: 5px;
	color: #607d8b;
}
.circle-outline {
  width: 35px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  border-radius: 18px;
  background-color: rgba(0,0,0,0.1);
  margin-bottom: 10px;
}
.iconxmain {
  height: 59px;
  font-size: 25px;
  text-align: center;
  cursor: pointer;
}
.iconxmain a {
  color: rgba(255, 255, 255, 0.80);
}
.rightborderk {
  border-right: 1px solid rgba(255, 255, 255, 0.40);
}
.bline {
  padding: 10px 20px 10px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.20);
  white-space: nowrap;
}
.chatboxer {
	position: fixed;
	top: 60px;
	right: 15px;
	z-index: 100000;
	background-color: white;
	overflow: hidden;
	height: calc(100% - 90px);
	width: 70%;
	min-width: 300px;
	min-height: 300px;
	max-width: 1000px;
	max-height: 720px;
	-webkit-box-shadow: 2px 4px 16px -3px rgba(0,0,0,0.52);
	-moz-box-shadow: 2px 4px 16px -3px rgba(0,0,0,0.52);
	box-shadow: 2px 4px 16px -3px rgba(0,0,0,0.52);
	border-radius: 0px 0px 10px 10px;
}
.chatboxinner{
	height: 100%;
	width: 100%;
}
.top_nav {
	width: 100%;
	height: 60px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	position: fixed;
	top: 0px;
	z-index: 1000;
	background-color: rgba(69, 81, 86, 0.90);
	/* background-color: rgba(255, 255, 255, 0.90); */
	display: block;
}
.top_nav .nav>li>a:focus,
.top_nav .nav>li>a:hover,
.top_nav .nav .open>a,
.top_nav .nav .open>a:focus,
.top_nav .nav .open>a:hover {
  background: #D9DEE4
}
a.user-profile {
	color: #5E6974 !important
}
.user-profile img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 10px;
	margin-bottom: 8px;
}
.top_nav .dropdown-menu li {
  width: 100%
}
.top_nav .dropdown-menu li a {
  width: 100%;
  padding: 10px 15px 10px 15px;
}
.top_nav li a i {
  font-size: 15px
}
/*---------------------------------------------*/
.searchBox {
	float: left;
	width: calc(100% - 68px);
	outline: none;
	border: none;
	padding: 5px 10px 5px 10px;
	border-radius: 20px;
	font-size: 16px;
	background-color: #e5e9eb;
}
.searchBox input{
	width: calc(100% - 20px);
	outline: none;
	border: none;
	color: #758990;
	background-color: #e5e9eb;
}
.searchBox input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #758990;
  opacity: 1; /* Firefox */
}
.searchBox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #758990;
}
.searchBox input::-ms-input-placeholder { /* Microsoft Edge */
  color: #758990;
}
.searchBox .icon {
	float: left;
	width: 20px;
	color: #758990;
}
.iconxmain {
	text-align: center;
	cursor: pointer;
}
.iconxmain a {
	color: rgba(255, 255, 255, 0.80);
}
.iconxmain .icon {
	color: #e5e9eb;
	font-size: 23px;
}
.iconxmain .subtitle {
	/* color: #859aa2; */
	color : #939a9e;
	font-size: 9px;
}
/*---------------------------------------------*/
#mhwnavlogo {
	background-image: url(https://file.myhealthgroup.net/public/icn_img/mhwlogox2.png);
	background-size: 48px 30px;
  background-repeat: no-repeat;
	width: 68px;
	height: 30px;
	float: left;
}
#maicardnavlogo {
	background-image: url(https://file.myhealthgroup.net/public/icn_img/maicardlogox2.png);
	background-size: 31px 21px;
  background-repeat: no-repeat;
	width: 31px;
	height: 21px;
	margin-top: 2px;
	float: left;
}
#mhrnavlogo {
	background-image: url(https://file.myhealthgroup.net/public/icn_img/mhrlogo1x2.png);
	background-size: 34px 21px;
  background-repeat: no-repeat;
	width: 34px;
	height: 21px;
	margin-top: 2px;
	float: left;
}
#mhmnavlogo {
	background-image: url(https://file.myhealthgroup.net/public/icn_img/mhmlogox2.png);
	background-size: 33px 21px;
  background-repeat: no-repeat;
	width: 33px;
	height: 21px;
	margin-top: 2px;
	float: left;
}
.leftBorder {
	border-left: 1px solid #c8dce3;
}
.navbox-nav>li>a {
	padding-top: 15px;
	padding-bottom: 1px;
	cursor: pointer;
}
.menuIcon {
	display: inline-block;
	width: 25px;
}

.notiBadgeBox {
	position: absolute;
	top: -5px;
	right: -5px;
	font-size: 9px;
	font-weight: bold;
	background-color: red;
	z-index: 1001;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
}
.notiClass .header {
	padding: 5px 10px 10px 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 16px;
	font-weight: bold;
	color: rgba(0,0,0,0.6);
}
.notiClass .content {
	max-height: 500px;
	overflow-x: scroll;
}
.notiClass .content .list {
	padding: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 16px;
	color: rgba(0,0,0,0.6);
}
.notiClass .content .active {
	background-color: #eceff1;
}
.notiClass .content .list .body {
	font-size: 12px;
	color: rgba(0,0,0,0.6);
}
.notiClass .content .list .subtitle {
	font-size: 10px;
	color: rgba(0,0,0,0.3);
}
.rtMenuBar {
	display: block;
	text-align: center;
	float: left;
	width: 90px;
}
.rtMenuBar .icon {
	font-size: 25px;
	cursor: pointer;
}
.rtMenuBar .subtitle {
	font-size: 12px;
  font-weight: 500;
  color: rgba(0,0,0,0.6);
	cursor: pointer;
}
.rtMenuBarS {
	display: block;
	text-align: center;
	float: left;
	width: 70px;
}
.rtMenuBarS .icon {
	font-size: 23px;
	cursor: pointer;
}
.rtMenuBarS .subtitle {
	font-size: 11px;
  font-weight: 500;
  color: rgba(0,0,0,0.6);
	cursor: pointer;
}
.notiHeader {
  font-size: 12px;
  color: rgba(0,0,0,0.4);
}
.dataNoti {
  padding-top: 5px;
  padding-bottom: 5px;
}
.dataNoti .databox {
  float: left;
  margin-right: 15px;
  font-size: 14px;
  color: rgba(0,0,0,0.4);
}
.redText, .colorbad {
  color: #ef5350;
  font-weight: bold;
}
.orangeText, .colorcaution {
  color: #ffab40;
  font-weight: bold;
}
.smallname {
  font-size: 10px;
  color: rgba(0,0,0,0.6);
}
.danger, .databad {
  color: rgba(255,255,255,0.8);
  background-color: #ff8a80;
}
.warning, .datacaution {
  color: rgba(0,0,0,0.8);
  background-color: #ffe082;
}
.caution {
  color: rgba(0,0,0,0.8);
  background-color: #ffe082;
}