.cardz {
	border: 1px solid #DDDDDD;
	position: relative;
    background: #fff;
    color: #5b5b5b;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    border-bottom:4px solid #DDDDDD;
	border-radius: 5px;
}
.cardz .cardz-header{
	padding: 15px;
	border-bottom: 1px solid #DDDDDD;
	font-weight: 500;
	font-size: 20px;
}
.cardz .cardz-header-mini{
	padding: 15px;
	border-bottom: 1px solid #DDDDDD;
	background-color: rgba(0,0,0, 0.03);
	font-weight: 500;
	font-size: 18px;
	position: relative;
}
.cardz .cardz-header-mini .text{
	float: left;
	font-weight: 500;
	font-size: 18px;
}
.cardz .cardz-header-mini .rightzone{
	position: absolute;
	top: 10px;
	right: 10px;
}
.cardz .cardz-header-supermini{
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #DDDDDD;
	font-weight: 500;
	font-size: 16px;
}
.cardz .cardz-header-submini{
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #DDDDDD;
	font-weight: 500;
	font-size: 14px;
	background-color: rgba(100,100,100,0.10);
}
.cardz .cardz-inner img.profile-avatar {
    box-shadow: 0 0 0 2px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1);
    border: none;
    width:100px;
    height:100px;
}
.cardz .cardz-cover img.profile-cover {
    border: none;
    width: 100%;
}
.cardz .cardz-side-cover img.profile-cover {
    border: none;
    width:100%;
}
.cardz .cardz-topmenu {
	min-height: 50px;
}
.cardz .cardz-table-head{
	background: rgba(170,170,170,0.20);
	cursor: pointer;
}
tbody.cardz-table-body{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
}
.cardz-lean-graph{
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
}
.cardz-topmenu .cardz-top-button{
	min-height: 50px;
	line-height: 50px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	display: block;
	float: left;
	overflow: hidden;
}
.cardz-topmenu .cardz-top-button:hover{
	background-color: rgba(100,100,100,0.30);
	color: rgba(255,255,255,1.00);
}
.cardz .cardz-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 130px;
    overflow: hidden;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    z-index: 1;
}
.cardz .cardz-side-cover{
    height: 140px;
    overflow: hidden;
	position: relative;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-left: 0 !important;
	padding-left: 0 !important;
    z-index: 1;
}
.cardz .cardz-side-parent{
	margin-left: 0 !important;
	padding-left: 0 !important;
	position: relative;
}
.cardz .cardz-side-content{
	margin-left: 0 !important;
	padding-top: 5px;
	padding-left: 40px !important;
	position: relative;
	overflow: hidden;
}
.cardz .cardz-side-content p{
	font-size: 14px;
	line-height: 14px;
}
.cardz .cardz-side-content span{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	overflow: hidden;
	width: 50px;
	max-width: 50px;
}
.cardz .cardz-side-button{
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	height:140px;
	overflow: hidden;
	border-left: 1px solid #DDDDDD;
	background: rgba(200,200,200,0.10);
}
.cardz-side-button-bt{
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
	text-align: center;
	color: rgba(0,0,0,0.50);
	cursor: pointer
}
.cardz-side-button-bt:hover{
	background-color: rgba(100,100,100,0.30);
	color: rgba(255,255,255,1.00);
}
.cardz .cardz-inner-left img.profile-avatar {
    box-shadow: 0 0 0 2px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1);
    border: none;
    width:120px;
    height:120px;
	overflow: hidden;
}

.cardz .cardz-inner {
    z-index: 2;
    position: relative;
	margin-top: 50px;
}

.cardz .cardz-inner-left {
    z-index: 2;
    position: absolute;
	margin-top: 0px;
	right: -20px;
	top: 10px;
}

.cardz-detail {
	text-align: left;
	padding: 10px;
}
.cardz-detail p {
	font-size: 12px;
	line-height: 12px;
}
.cardz-detail span {
	float: left;
	/*width: 50px;*/
	margin-right: 10px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	overflow: hidden;
	vertical-align: text-bottom;
}
.cardz-buttom{
	border-top: 1px solid #DDDDDD;
	background: rgba(200,200,200,0.10);
}
.cardz-buttom .cardz-buttom-button{
	color: rgba(0,0,0,0.40);
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}
.cardz-buttom .cardz-buttom-button:hover{
	background-color: rgba(100,100,100,0.30);
	color: rgba(255,255,255,1.00);
}
.cardz-buttom .cardz-buttom-chips{
	color: rgba(255,255,255,1.00);
	text-align: center;
	cursor: pointer;
	background-color: rgba(100,100,100,0.50);
	border-radius: 5px;
	padding: 2px 10px 2px 10px;
	margin: 8px 5px 8px 0px;
	font-size: 12px;
}
.cardz-buttom .cardz-buttom-chips:hover{
	color: rgba(255,255,255,1.00);
	background-color: rgba(100,100,100,0.70);
}

.cardz-tag{
	border-top: 1px solid #DDDDDD;
	background: rgba(200,200,200,0.10);
}
.cardz-tag .cardz-tag-chips{
	color: rgba(255,255,255,1.00);
	text-align: center;
	cursor: pointer;
	background-color: rgba(100,100,100,0.50);
	border-radius: 5px;
	padding: 2px 10px 2px 10px;
	margin: 8px 5px 8px 0px;
	font-size: 12px;
}
.cardz-tag .cardz-tag-chips:hover{
	color: rgba(255,255,255,1.00);
	background-color: rgba(100,100,100,0.70);
}
.progress {height: 10px;}

.pg-header span{
	float: left;
	width: 50px;
	margin-right: 10px;
	overflow: hidden;
}
.cardz-perf {
	text-align: left;
	padding: 10px;
	line-height: 12px;
}
.cardz-perf	span {
	float: left;
	width: 30px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 12px;
	overflow: hidden;
	vertical-align: text-bottom;
}

.cardz-userinfo {
	text-align: left;
	padding: 10px;
	/*line-height: 12px;*/
}
.cardz-userinfo-txt {

}
.cardz-userinfo-logo {
	width: 150px;
	height: 150px;
	overflow: hidden;
}
.notify-badge-r{
    position: absolute;
	right: calc(50% - 70px);
    top:-10px;
    background: #d32f2f;
    vertical-align: middle;
    border-radius: 25px 25px 25px 25px;
    color:white;
    width: 50px;
    height: 50px;
    font-size: 20px;
	line-height: 50px;
	text-align: center;
	overflow: hidden;
}
.notify-badge-l{
    position: absolute;
	left: calc(50% - 70px);
    top:-10px;
    background: #455a64;
    vertical-align: middle;
    border-radius: 25px 25px 25px 25px;
    color: white;
    width: 50px;
    height: 50px;
    font-size: 20px;
	line-height: 50px;
	text-align: center;
	overflow: hidden;
}

.cardz-label-end{
	border-radius: 5px 5px 5px 5px;
    color: rgba(219,0,2,1.00);
    padding: 5px 5px 5px 5px;
	border: solid 1px rgba(219,0,2,1.00);
    font-size: 14px;
	font-weight: 500;
}
.cardz-label-val{
	/*border-radius: 5px 5px 5px 5px;
    color: rgba(219,0,2,1.00);
    padding: 5px 5px 5px 5px;
	border: solid 1px rgba(219,0,2,1.00);
    font-size: 14px;
	font-weight: 500;*/
	color: rgba(0,0,0,0.50);
	padding: 10px 5px 5px 5px;
	font-size: 32px;
	font-weight: 500;
}
.cardz .cardz-media{

}

.cardz-media .media-object-mini{
	padding: 10px;
	border-bottom: 1px solid #DDDDDD;
	cursor: pointer;
}
/*
.cardz-media .media-object-mini:hover{
	background-color: rgba(100,100,100,0.10);
}
*/
.cardz-media .media-object-mini .media-left{
	width: 35px;
	height: 35px;
	float: left;
	overflow: hidden;
	border-radius: 5px 5px 5px 5px;
	margin-top:5px;
	margin-right: 10px;
	position: relative;
	background-size: cover;
    background-position: center;
}
.cardz-media .media-object-mini .media-left img.cardz-media-img{
    border: none;
    width:100%;
}
.cardz-media .media-object-mini .media-content{
}
.cardz-media .media-object-mini .media-header{
	font-size: 14px;
	font-weight: bold;
	margin-left: 40px;
}
.cardz-media .media-object-mini .media-sub{
	font-size: 14px;
	margin-left: 40px;
	color: rgba(0,0,0,0.80)
}
.cardz-media .media-object-mini .h1x{
	display: inline-block;
	width: 80px;
}
.cardz-media .media-object-mini .h2x{
	display: inline-block;
	width: 120px;
}
.cardz-media .media-button{
	margin-top: 10px;
	margin-left: 55px;
}
.cardz-media .media-files{
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 55px;
	border-radius: 5px 5px 5px 5px;
	font-size: 14px;
	border: 1px solid #DDDDDD;
	cursor: pointer;
	color: rgba(0,0,0,0.50)
}
.cardz-media .media-files:hover{
	background-color: rgba(100,100,100,0.10);
}
.cardz-media .media-progress {
	/*margin: 10px 55px 0px 55px;*/
	margin-top: 5px;
	margin-right: 100px;
	padding: 0px;
}
.cardz-media .media-object{
	padding: 10px;
	border-bottom: 1px solid #DDDDDD;
	cursor: pointer;
}
.cardz-media .media-object:hover{
	background-color: rgba(100,100,100,0.10);
}
.cardz-media .media-object .media-left{
	width: 45px;
	height: 45px;
	float: left;
	overflow: hidden;
	border-radius: 5px 5px 5px 5px;
	margin-right: 10px;
	position: relative;
	background-size: cover;
    background-position: center;
}
.cardz-media .media-object .media-left img.cardz-media-img{
    border: none;
    width:100%;
}
.cardz-media .media-object .media-left-size{
	float: left;
	overflow: hidden;
	border-radius: 5px 5px 5px 5px;
	margin-right: 10px;
	position: relative;
	background-size: cover;
    background-position: center;
}
.cardz-media .media-object .media-left-size img.cardz-media-img{
    border: none;
    width:100%;
}
.cardz-media .media-object .media-left-circle, .media-left-circle{
	float: left;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	background-size: cover;
    background-position: center;
}
.cardz-media .media-object .media-left-circle img.cardz-media-img{
    border: none;
    width:100%;
}

.cardz-media .media-object .media-content{
}
.cardz-media .media-object .media-header{
	font-size: 16px;
	font-weight: bold;
	margin-left: 55px;
}
.cardz-media .media-object .media-sub{
	font-size: 12px;
	margin-left: 55px;
	color: rgba(0,0,0,0.40)
}

.cardz .media-post-files{
	padding: 10px 10px 10px 10px;
	margin: 0px 10px 10px 10px;
	border-radius: 5px 5px 5px 5px;
	font-size: 14px;
	border: 1px solid #DDDDDD;
	cursor: pointer;
	color: rgba(0,0,0,0.50)
}
.cardz .media-post-files:hover{
	background-color: rgba(100,100,100,0.10);
}
/* post */
.cardz .cardz-content{
	padding: 10px;
	font-size: 14px;
}
.cardz .cardz-linkbox{
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 10px 10px;
	border-radius: 5px 5px 5px 5px;
	font-size: 14px;
	border: 1px solid #DDDDDD;
	cursor: pointer;
}
.cardz .cardz-linkbox:hover{
	background-color: rgba(100,100,100,0.20);
}
.cardz .cardz-bottom{
}
.cardz .cardz-userbox{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.cardz .cardz-userbox .media-left{
	width: 35px;
	height: 35px;
	float: left;
	overflow: hidden;
	border-radius: 5px 5px 5px 5px;
	margin-right: 10px;
	position: relative;
	background-size: cover;
    background-position: center;
}
.cardz .cardz-userbox .media-left-mini{
	width: 25px;
	height: 25px;
	float: left;
	overflow: hidden;
	border-radius: 5px 5px 5px 5px;
	margin-right: 10px;
	position: relative;
	background-size: cover;
    background-position: center;
}
.cardz .cardz-userbox .media-username{
	font-size: 14px;
	font-weight: bold;
}
.cardz .cardz-userbox .media-sub{
	font-size: 12px;
	color: rgba(100,100,100,0.70);
}
.cardz img.cardz-cover-img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 100%;
}

div.cardz-post-img {
  width: 100%;
  height: 200px;
  overflow:hidden;
}
div.cardz-post-img img {
  height: 100%;
  min-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
.cardz-center-cropped {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  height: 250px;
  width: 100%;
}
.cardz-button {
  padding: 10px;
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
}
.cardz-button:hover {
  background-color: rgba(100,100,100,0.20);
}

.cardz .cardz-post{
	margin: 10px;
	font-size: 14px;
}
.cardz .cardz-textarea{
	width: 100%;
	border: dotted 1px rgba(138,138,138,0.4);
}
.cardz .cardz-herocard-img{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: inline-block;
  padding: 0px 0px;
  width: 100%;
  height: 160px;
  background: url('http://app.skoolbar.ushttps://file.myhealthgroup.net/public/misc_img/schoolcimg.jpg') scroll no-repeat bottom/cover;
  margin: 0 0 0 0px;
}
.cardz .cardz-herocard-name{
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.cardz .cardz-herocard-sub{
  font-size: 14px;
  margin: 0px 10px 10px 10px;
}
.cardz .cardz-herocard-box {
  padding: 0px 15px 0px 15px;
}
.cardz .cardz-herocard-bottom{
  margin: 0px 10px 20px 10px;
  text-align: center;
  white-space: nowrap;
}
.act-datemark {
  background-color: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.4);
  font-size: 16px;
  font-weight: bold;
  padding: 1px;
}

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 25%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,.col_third,.col_twothird,.col_fourth,.col_three_fourth,.col_fifth,.col_data_num,.col_data_sig{
	position: relative;
	display: inline;
	display: inline-block;
	float: left;
	margin-right: 0%;
	margin-bottom: 10px;
}
.col_data_num{ width: 23.3%;}
.col_data_sig{ width: 2%; height: 62px}
.col_data_sig .sigl{position: absolute;bottom: 0;}
.end { margin-right: 0 !important; }
/* Column Grids End */
.counter { /*background-color: #ffffff;*/ padding: 5px 0; border-radius: 5px; font-size: 6px}
.count-title { font-size: 20px; font-weight: bold;  margin-top: 3px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 10px; font-weight: normal;  margin-top: 3px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; /*color: #4ad1e5;*/ }

.f-white{color:#FFFFFF}