.docheading {
  font-size: 14px;
  color: rgba(0,0,0,0.6);
  font-weight: bold;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
}
.filterMenu {
  /* background-color: #e0f7fa; */
  background-color: #FFFFFF;
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 10px;
}
.filterMenu .itemBlock{
  /* background-color: #e0f7fa; */
  margin-top: 7px;
  margin-left: 7px;
  margin-bottom: 7px;
	float: left;
}
.filterMenu .item{
  /* background-color: #e0f7fa; */
  background-color: rgba(0,0,0,0.05);
	color: rgba(0,0,0,0.5);
  position: relative;
	float: left;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid rgba(0,0,0,0.07);
	cursor: pointer;
}
.filterMenu .item:hover{
   background-color: rgba(0,0,0,0.08);
}
.filterMenu .itemchip:hover{
   background-color: rgba(0,0,0,0.08);
}
.filterMenu .itemnew{
  /* background-color: #e0f7fa; */
	color: rgba(0,0,0,0.5);
  position: relative;
	float: left;
	padding: 15px;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid rgba(0,0,0,0.07);
	cursor: pointer;
}
.filterMenu .itemchip{
  color: rgba(0,0,0,0.5);
  position: relative;
	float: left;
	padding: 15px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.filterBox {
  /* background-color: #e0f7fa; */
  background-color: #FFFFFF;
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 10px;
}
.filterBox .top{
  border-bottom: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.04);
  /* border-bottom: 1px solid rgba(0,0,0,0.1); */
}
.filterBox .top .menulist{
  float: left;
  /* border-bottom: 1px solid rgba(0,0,0,0.1); */
}
.filterBox .top .menulist .item{
	color: rgba(0,0,0,0.5);
  position: relative;
	float: left;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	border-right: 1px solid rgba(0,0,0,0.07);
	cursor: pointer;
}
.filterBox .middle{
  position: relative;
}
.filterBox .middle .menubox{
  float: left;
  min-width: 100px;
  padding: 10px;
  margin-right: 5px;
  /* border-right: 1px solid rgba(0,0,0,0.02); */
}
.filterBox .middle .menubox .menudropdown{
  position: absolute;
  margin-top: 5px;
	padding-bottom: 10px;
  width: 200px;
  max-height: 200px;
  overflow-y: scroll;
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  z-index: 200;
  display: none;
}
.filterBox .middle .menubox .menubox-list .itemlist{
  float: left;
  margin-right: 20px;
  text-align: center;
  margin-top: 5px;
  cursor: pointer;
}
.filterBox .middle .menubox .menubox-list .itemlist .sub{
  font-size: 12px;
  font-weight: 500;
  color: rgba(0,0,0,0.6);
}
.filterBox .bottom{
  border-top: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.04);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 5px;
  min-height: 40px;
}
.filterBox .content{
  border-top: 1px solid rgba(0,0,0,0.1);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tealBtn{
  color: rgba(255,255,255,0.8);
  background-color: #4caf50;
}
.recBtnZone {
  border-radius: 5px;
  padding: 5px;
  min-height: 20px;
  border: 1px solid rgba(0,0,0,0.1);
}
.recBtnZoneTop {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
  min-height: 20px;
  border: 1px solid rgba(0,0,0,0.1);
}
.recBtnZoneBottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
  min-height: 20px;
  border-left: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.bottomiconchip{
  float: left;
	font-size: 12px;
  height: 22px;
  overflow: hidden;
	font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(255,255,255,0.9);
  background-color: rgba(0,0,0,0.4);
}
.b-l{
  border-left: 1px solid rgba(0,0,0,0.1);
}
.b-r{
  border-right: 1px solid rgba(0,0,0,0.1);
}
.c-pointer{
  cursor: pointer;
}
.detailZoneSpace{
	position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px dashed rgba(0,0,0,0.2);
  background-color: rgba(0,0,0,0.03);
  padding-top: 10px;
  margin-bottom: 10px;
	height: 300px;
	line-height: 300px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: rgba(0,0,0,0.5);
	font-weight: bold;
}
.opdcardmenu{
  background-color: #FFFFFF;
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 10px;
  margin-right: 10px;
  height: calc(100% - 15px);
}
.opdcardmenu .item{
  margin-bottom: 10px;
  text-align: center;
}
.opdcardmenu .item .icon{
  height: 30px;
  line-height: 30px;
  font-size: 25px;
  vertical-align: middle;
  cursor: pointer;
}
.opdcardmenu .dataBlock{
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.opdcard{
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px dashed rgba(0,0,0,0.2);
  background-color: rgba(0,0,0,0.03);
  /* background-color: rgba(255,255,255,0.3); */
  padding-top: 10px;
  margin-bottom: 10px;
}
.opdcard .header{
  position: absolute;
  top: -10px;
  left: 15px;
  font-weight: bold;
}
.opdcard .content{
  overflow: hidden;
}
.opdcard .contentnopx{
  overflow: scroll;
}
.opdcard .contentnop{
  overflow: scroll;
}
.opdcard .contentnopbottom{
  overflow: scroll;
}
.opdcard .contentonwidth{
  width: 100%;
  overflow-x: scroll;
  overflow-y: scroll;
}
.opdcard .contenth{
  height: 100%;
}
.opdcard .contenthx{
  /* padding: 10px 15px 10px 15px; */
  overflow: scroll;
}
.opdcard .bottom{
  border-top: 1px solid rgba(0,0,0,0.05);
  padding: 7px 10px 7px 10px;
}
.opdcardmini {
  position: relative;
  width: 450px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  margin: 10px;
  background-color: #FFFFFF;
  float: left;
}
.opdcardmini-full {
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #FFFFFF;
  margin-bottom: 10px;
}
.opdcardmini-full .content {
  margin: 10px;
}
.opdcardmini-full .tableContent{
  width: 100%;
  overflow-x: scroll;
}
.opdcardmini .headermini, .opdcardmini-full .headermini{
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-weight: bold;
}
.opdcardmini .headerblank, .opdcardmini-full .headerblank{
  padding: 10px 15px 10px 15px;
  font-weight: bold;
}
.opdcardmini .headersubx, .opdcardmini-full .headersubx{
  padding: 10px 15px 5px 15px;
  font-size: 13px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-weight: bold;
}
.fulltextarea{
}
.rightborder{
  border-right: 1px solid rgba(0,0,0,0.1);
}
.topborder{
  border-top: 1px solid rgba(0,0,0,0.1);
}
.filterMenu {
  /* background-color: #e0f7fa; */
  background-color: #FFFFFF;
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 10px;
}
.filterMenu .item{
  /* background-color: #e0f7fa; */
  background-color: rgba(0,0,0,0.05);
	color: rgba(0,0,0,0.5);
  position: relative;
	float: left;
  padding: 10px;
  height: 55px;
	border-right: 1px solid rgba(0,0,0,0.07);
	cursor: pointer;
}
.table-bottomline{
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.tableadd {
  border: 1px dashed rgba(0,0,0,0.1);
  padding: 10px;
  margin: 0px 15px 15px 15px;
  color: rgba(0,0,0,0.4);
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.dataBlock {
  padding: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.dataBlock .name {
  color: rgba(0,0,0,0.6);
  font-size: 16px;
  font-weight: bold;
}
.dataBlock .data {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  /* border-radius: 15px;
  border: 1px solid rgba(0,0,0,0.1); */
}
.dataTableBlock {
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 12px;
	height: 120px;
	overflow-y: scroll;
}
.dataTableBlockNoBT {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 12px;
	height: 120px;
	overflow-y: scroll;
}
.dataBlock .data .databox {
  font-size: 14px;
  width: 100px;
  overflow: hidden;
  margin-right: 5px;
	color: rgba(0,0,0,0.4);
}
.dataBlock .name .username {
	font-size: 10px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 5px 2px 5px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(255,255,255,0.9);
  background-color: rgba(0,0,0,0.2);
}
.sourceBadge {
  font-size: 9px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 10px 2px 10px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(0,0,0,0.4);
  border: 1px solid rgba(0,0,0,0.2);
}
.dataBlock .name .greenUpd {
	font-size: 10px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 5px 2px 5px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: #64dd17;
  border: 1px solid #64dd17;
}
.zMenuBoxContainer{
  display: flex;
  overflow: hidden;
}
.zMenuBoxSize {

}
.zMenuBoxSize4 {
  flex: 25%;
}
.zMenuBoxSize5 {
  flex: 20%;
}
.zMenuBoxSize6 {
  flex: 16.6%;
}
.zMenuBoxSize .menuBox{
  border-radius: 12px;
  background-color: #FFFFFF;
  padding: 10px;
  margin-bottom: 10px;
}
.zMenuBoxSize .menuBox .content{
  display: flex;
}
.zMenuBoxSize .menuBox .content .number{
  font-weight: bold;
  font-size: 32px;
  padding: 0px;
}
.zMenuBoxSize .menuBox .content .text{
  margin-left: 10px;
}

.zMenuBoxSize .menuBox .content .text .title {
  font-family: "NotoSans-semiBold";
  font-size: 18px;
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.zMenuBoxSize .menuBox .content .text .sub {
  font-family: "NotoSansThaiUI-Regular";
  font-size: 12px;
  color: rgba(0,0,0,0.4);
  width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.scoreList {
  width:calc(35% - 10px);
  float:left;
  border-radius: 5px;
  min-height: 20px;
  margin-top: 5px;
  margin-right: 10px;
  border: 1px solid rgba(0,0,0,0.1);
  overflow-y: scroll;
}
.scoreList .item{
  padding: 2px 5px 2px 5px;
  font-size: 11px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.scoreList .item .date{
  display: inline-block;
  width: 50px;
}
.scoreList .item .score{
  display: inline-block;
  font-weight: bold;
}
.itemBoxK1 {
  border-radius: 5px 5px 5px 5px;
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #FFFFFF;
  cursor: pointer;
}
.itemBoxK1 .headerk1{
  padding: 10px;
  font-size: 14px;
}
.itemBoxK1 .bottomK1{
  border-top: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.04);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 40px;
}
.addbtn {
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px dashed rgba(0,0,0,0.2);
  /* background-color: rgba(255,255,255,0.3); */
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: rgba(0,0,0,0.4);
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  margin-bottom: 10px;
  cursor: pointer;
}
.rec-btn {
  float: left;
  margin: 3px 3px 3px 0px;
  padding: 2px 10px 2px 10px;
  font-size: 12px;
  border-radius: 15px;
  cursor: pointer;
}
.recx-btn {
  padding: 2px 10px 2px 10px;
  font-size: 12px;
  border-radius: 15px;
  cursor: pointer;
}
.redBtn{
  background-color: #ff5252;
  color: rgba(255,255,255,0.8);
}
.greyBtn06{
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.6);
}
.greyBtn04{
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.4);
}
.greyBtn02{
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.2);
}
.recBtnZone {
  border-radius: 5px;
  padding: 5px;
  min-height: 20px;
  border: 1px solid rgba(0,0,0,0.1);
}
.addbtn-mini{
  position: relative;
  border-radius: 5px 5px 5px 5px;
  border: 1px dashed rgba(0,0,0,0.2);
  /* background-color: rgba(255,255,255,0.3); */
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: rgba(0,0,0,0.4);
  height: 30px;
  margin-top: 5px;
  line-height: 30px;
  vertical-align: middle;
  cursor: pointer;
}
.recGuageZone {
  border-radius: 5px;
  overflow: hidden;
  min-height: 20px;
  border: 1px solid rgba(0,0,0,0.1);
}
.guageBlk {
}
.guageBlk .green, .guageBlk .yellow, .guageBlk .red {
  font-size: 10px;
  font-weight: bold;
  height: 16px;
  text-align: center;
  color: rgba(0,0,0,0.5);
}
.guageBlk .green, .guageBlk .yellow, .guageBlk .red,
.guageBlk .greenCont, .guageBlk .yellowCont, .guageBlk .redCont {
  float: left;
}
.guageBlk .greenCont, .guageBlk .yellowCont, .guageBlk .redCont {
  text-align: right;
}
.guageBlk .width33 {width: 33%;}
.guageBlk .width50 {width: 50%;}
.guageBlk .green { background-color: #4caf50;}
.guageBlk .yellow { background-color: #ffc400;}
.guageBlk .red { background-color: #f44336;}
.guageBlk .greenCont {background-color: #f1f8e9;}
.guageBlk .yellowCont {background-color: #fff8e1;}
.guageBlk .redCont {background-color: #ffebee;}
.greenCont {background-color: #f1f8e9;}
.yellowCont {background-color: #fff8e1;}
.redCont {background-color: #ffebee;}
.guageBlk .inputBlk {
  margin: 5px;
  max-width: 80px;
  float: right;
}
.guageBlk .inputBlkBig {
  margin: 5px;
  max-width: 140px;
  float: right;
}
.guageBlk .inputBlk .inputLabel, .guageBlk .inputBlkBig .inputLabel {
  font-size: 10px;
  color: rgba(0,0,0,0.8);
  font-weight: bold;
  text-align: right;
}
.sliderBlk{ padding-top: 40px; }
.c-warning { background: #ffd600; }
.c-good { background: #689f38; }
.c-bad { background: #f44336; }
.c-emergency { background: #b71c1c; }
.hidden {
  content: none;
}
.dropdownBtn {
  cursor: pointer;
  display: inline;
  color: rgba(0,0,0,0.2);
}
.dropdownBtn:focus {
  background-color: rgba(0,0,0,0.05);
}
/*-- Filter Box ---*/
.minichip{
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
 	height:	20px;
	padding: 0px 10px 0px 10px;
	margin-right: 3px;
	border-radius: 10px;
	color: rgba(255,255,255,0.8);
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#place-chip{
  background: #1ABB9C !important;
}
#status-chip{
  background: #3498DB !important;
}
#date-chip{
  background: #E74C3C !important;
}
#tag-typeCare-chip {
  background: #8e24aa !important;
}
#tag-diseases-chip {
  background: #ff3d00 !important;
}
#patient-chip{
  background: #f4511e !important;
	color: #fff
}
#tag-update-chip{
  background: #388e3c !important;
	color: #fff
}
.filterBox .bottom{
  border-top: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.04);
  padding: 10px;
}
.menudropdown .item{
  cursor: pointer;
	padding: 10px 10px 0px 10px;
}
.bottomheader{
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
	color: rgba(0,0,0,0.3);
}
.bottomiconchip{
  float: left;
	font-size: 12px;
  height: 22px;
  overflow: hidden;
	font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(255,255,255,0.9);
  background-color: rgba(0,0,0,0.4);
}
.btborder {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.shift_ul {
  margin-top: -10px;
  margin-right: 60px;
  cursor: pointer;
}
#startdate-chip{
	background: #1ABB9C !important;
	border: 1px solid #1ABB9C !important;
	color: #fff
}
#enddate-chip{
	background: #E74C3C !important;
	border: 1px solid #E74C3C !important;
	color: #fff
}
/*-- End Filter Box ---*/
/*-- RTClinic Nurse ---*/
.userLatestDataBlkContent .listBlk {
  cursor: pointer;
  padding: 10px;
  border-bottom: solid 1px rgba(0,0,0,0.1);
}
.iconZone {
  float: left;
  width: 55px;
  height: 55px;
}
.contentZone {
  margin-left: 10px;
  margin-right: 10px;
  float: left;
}
.contentZone .title {
  font-size: 14px;
  color: rgba(0,0,0,0.6);
}
.contentZone .data {
  font-size: 22px;
  font-weight: bold;
  color: rgba(0,0,0,0.6);
}
.displayBlock {
  height: 300px;
  overflow-x: scroll;
}
.dataTableValue {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0,0,0,0.5);
}
.goodVal, .Val {color: #78909c;}
.cautionVal {color: #ffab00;}
.badVal {color: #f44336;}
.GoodXVal, .XVal {color: #78909c;}
.CautionXVal {color: #ffab00;}
.BadXVal {color: #f44336;}
.emergencyVal {color: #d50000;}
.badBlock {
  font-size: 12px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 10px 2px 10px;
  margin-right: 10px;
  border-radius: 15px;
	color: #d50000;
  border: 1px solid #d50000;
}
.interBlk {
  cursor: pointer;
  padding: 10px;
  border-bottom: solid 1px rgba(0,0,0,0.1);
}
.dataBlock .borderTop {
  padding-top: 10px;
  border-top: solid 1px rgba(0,0,0,0.05);
}
.bg-modalx {
  background-color: #eceff1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dataFeedBlock {
  position: relative;
  border-radius: 10px 10px 10px 10px;
  background-color: #ecf2f4;
  margin-bottom: 10px;
}
.dataFeedBlock .content {
  margin: 10px;
}
.dataFeedBlock .tableContent{
  width: 100%;
  overflow-x: scroll;
}
.dataFeedBlock .headermini, .dataFeedBlockl .headermini{
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-weight: bold;
}
.dataFeedBlock .headerblank, .dataFeedBlock .headerblank{
  padding: 10px 15px 10px 15px;
  font-weight: bold;
}
.dateBlock {
  font-size: 13px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 10px 2px 10px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.2);
}
.NotiNumBlock {
  font-size: 14px;
  overflow: hidden;
	font-weight: bold;
  padding: 3px 13px 3px 13px;
  margin-left: 2px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.2);
}
.pinBlk {
  background-color: #29b6f6;
}
.newNum {
  background-color: #e57373;
}
.colorxbad {
  color: #f50057;
  font-weight: bold;
}
.colorxcaution {
  color: #ffab40;
  font-weight: bold;
}
.leftButton {
  width: 200px;
  text-align: right;
}
.dataCardBlock {
  padding: 10px;
  margin: 10px 10px 0px 10px;
  color: rgba(0,0,0,0.6);
  background-color: #eceff1;
  border-radius: 10px;
}
.redDataBlock {
  /* color: #FFFFFF; */
  color: rgba(255,255,255,0.8);
  background-color: #ee8a8a;
}
.blueDataBlock {
  /* color: #FFFFFF; */
  color: rgba(255,255,255,0.8);
  background-color: #57d1ec;
}
.greenDataBlock {
  color: rgba(255,255,255,0.8);
  background-color: #aed581;
}
.dataCardBlock .typeHeader {
  font-size: 14px;
}
.dataCardBlock .name {
  font-size: 16px;
  font-weight: bold;
}
.dataCardBlock .data {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
}
.dataCardBlock .dataNoti {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  /* border-radius: 15px;
  border: 1px solid rgba(0,0,0,0.1); */
}
.dataCardBlock .dataNoti .databoxx {
  font-size: 16px;
  width: 130px;
  overflow: hidden;
  margin-right: 5px;
	/* color: rgba(0,0,0,0.4); */
}
.dataCardBlock .name .username {
	font-size: 10px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 5px 2px 5px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(255,255,255,0.9);
  background-color: rgba(0,0,0,0.2);
}
.dataCardBlock .name .greenUpd {
	font-size: 10px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 5px 2px 5px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: #64dd17;
  border: 1px solid #64dd17;
}
.dataCardBlock .smallnamex {
  margin-top: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-top: 5px;
  font-size: 13px;
  /* color: rgba(255,255,255,0.6); */
}
.sourceBadgeWhite {
  font-size: 9px;
  overflow: hidden;
	font-weight: bold;
  padding: 2px 10px 2px 10px;
  margin-left: 5px;
  cursor: pointer;
  border-radius: 15px;
	color: rgba(255,255,255,0.4);
  border: 1px solid rgba(255,255,255,0.6);
}
.emerDataBlock {
  color: rgba(255,255,255,0.8);
  -webkit-animation: BLINKANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: BLINKANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: BLINKANIMATION 1s infinite;  /* Opera 12+ */
  animation: BLINKANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}
.emerDataBlock .colorxbad{
  color: #FFFFFF;
}
@-webkit-keyframes BLINKANIMATION {
  0%, 49% {
    background-color: #d50000;
  }
  50%, 100% {
    background-color: #ef5350;
  }
}
.bg-morn {background-color: #ECFDFA;}
.bg-lunc {background-color: #FBFCDC;}
.bg-nigh {background-color: #FCE8E8;}
.foodBlk {
  background-color: #80C14D;
  border-radius: 5px;
  color: rgba(255,255,255,0.8);
  font-size: 12px;
  width: 250px;
}
.foodBlk100 {
  background-color: #80C14D;
  border-radius: 5px;
  color: rgba(255,255,255,0.8);
  font-size: 12px;
}
.foodBlk .top, .foodBlk100 {
  padding: 5px;
}
.foodBlk .top .topFlex .box {
  float: left;
  width: 50%;
}
.foodBlk100 .top .topFlex .box {
  float: left;
  width: 50%;
  text-align: center;
}
.foodBlk .bottom, .foodBlk100 .bottom {
  border-top: 1px solid rgba(255,255,255,0.2);
  padding: 5px;
}
.databoxfood {
	border-radius: 10px;
	padding: 2px 10px 2px 10px;
}
.noFoodBox {border: 1px solid #80C14D; color: #80C14D;}
.bgcNonoFoodBox {border: 1px solid #FCC33E; color: #FCC33E;}
.bgcBadnoFoodBox {border: 1px solid #f44336; color: #f44336;}
.bgcNo {background-color: #FCC33E;}
.bgcBad {background-color: #f44336;}
.foodBadge {float: left; margin-left: 5px;}
.fineKal {background-color: #80C14D;}
.dangerKal {background-color: #f44336;}
#bgctable {overflow-x: scroll;}
.borderxTop {
  padding-top: 10px;
  border-top: solid 1px rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.5);
  font-size: 13px;
}
.displayBlockx {
  margin-top: 10px;
  height: 250px;
  overflow-x: scroll;
  border-top: solid 1px rgba(0,0,0,0.1);
}