.order-date {
	width: 54px;
	text-align: center;
	color: #aaa;
	display: inline-block;
	font-size: 12px;
	text-align: right;
}

.table-view {
	padding: 5px;
	width: 100%;
	border: 1px solid rgba(128, 128, 128, 0.33);
	background: #fafafa;
}

.img-text-td {
	width: 10%;
	text-align: center;
}

.img-text-view {
	height: 32PX;
	width: 32PX;
	background-position: 100%;
	border-radius: 50%;
	/* background: #a9a8a8; */
	background: #6b6e73;
	display: inline-block;
	/* line-height: 33px; */
	line-height: 34px!important;
	text-align: center;
	color: #fff;
	font-size: 20px;
	OVERFLOW: hidden;
	/* margin-left: 10px; */
	line-height: 32px !IMPORTANT;
    margin-left: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.report_to_view {
	display: block;
	color: gray;
}

.sales_pers_view {
	font-weight: bold;
}

.meet_count_view {
	color: gray;
}

.data-view {
	display: block;
}

.feed-component {
	display: block;
	width: 100%;
	height: 100%;
}

.tree-row2 {
	font-size: small;
	display: block;
	color: gray;
}

.tree-row1 {
	display: block;
	font-size: 14px;
}

.tree-row-status {
	display: inline;
	font-size: 14px;
}

.tree-row-avatar {
	height: 30px;
	width: 30px;
	line-height: 32px;
	margin-right: 5px;
	background-position: 100%;
	border-radius: 50%;
	background: #a9a8a8;
	background: #888f9f;
	display: inline-block;
	text-align: center;
	color: white;
	float: left;
}

.tree-row-content {
	display: inline-block;
	padding-left: 10px;
	position: relative;
	width: calc(100% - 62px);
	vertical-align: top;
}

.team-icon {
	cursor: pointer;
	position: absolute;
	line-height: 60px;
	color: gray;
	width: 38px;
}

.transform-team-img {
	transform: rotate(90deg);
}

.tree-row-img {
	display: inline-block;
}

.tree-row {
	/*margin-left: 30px;
	padding: 5px 0; */
	padding: 8px 0;
    display: flex;
    align-items: center;
	
}

.tree-row-child {
	margin-left: 56px;
}

.tree-row-text {
	WIDTH: calc(100% - 100px);
	display: inline-block;
	font-size: 12px;
	color: #666;
}

.order-stat {
	width: 7px;
	height: 7px;
	float: right;
	margin-top: 5px;
	border-radius: 50%;
}

.event-interval {
	line-height: 32px;
	padding-left: 8px;
	font-size: small;
	font-weight: 700;
	color: gray;
	border-top: 1px solid rgba(211, 211, 211, 0.4);
}

.phone-icon {
	font-size: 16px;
	vertical-align: middle;
	padding: 0 4px;
}

.phone-anchor {
	color: gray;
}

details[open] summary:hover {
	background: none;
}

details[open] .timeline-expand-icon:after {
	color: #9e9e9e;
	content: "expand_less";
	font-family: 'Material Icons';
}

.timeline-expand-icon::after {
	content: "expand_more";
	font-family: 'Material Icons';
	color: #9e9e9e;
	font-size: 1.5em;
	padding: 0;
	text-align: center;
	margin-top: 0;
	position: absolute;
	top: calc(50% - 20px);
	bottom: 0;
	width: 50px;
	vertical-align: top;
}

@media only screen and (max-width: 600px) {
	/*  For Expanssion */
	.timeline-expand-icon::after {
		position: absolute !important;
		width: 10% !important;
		top: calc(50% - 18px) !important;
	}
	.tree-row-child {
		margin-left: 40px !important;;
	}
	.tree-row-img {
		/*display: inline-block !important;;
		vertical-align: top !important;;*/
		display: flex;
	}
	.img-text-view {
		/*line-height: 32px !important;; */
		line-height: 34px!important;
	}
	.tree-row {
		/* margin-left: 25px !important;; */
	}
	.order-date {
		
	}
	.order-stat {
		margin-top: 7px;
		margin-right: 5px;
	}
	.order-status {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-left: 0px;
	}
}

.details-animated[open]>div {
	animation-name: ease;
	animation-duration: 0.8s;
}

.details-animated>div {
	animation-name: easeout;
	animation-duration: 0.8s;
}

details {
	background: #fff;
	font-size: 16px;
	display: flex;
}

details div.content {
	background-color: #f8f8f8;
}

summary {
	position: relative;
}

details[open] summary:hover {
	background: none;
}

details[open] .timeline-expand-icon:after {
	color: #9e9e9e;
	content: "expand_less";
	font-family: 'Material Icons';
}

summary::-webkit-details-marker {
	display: none;
}

.order-status {
	text-align: center;
	color: #aaa;
	display: inline-block;
	font-size: 12px;
	text-align: right;
	float: right;
	margin-left: 5px;
}

.tree-row-singleline {
	display: inline-block;
	font-size: 14px;
	vertical-align: sub;
}

.ang-chip {
	display: inline-block;
	padding: 0 10px;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	border-radius: 25px;
	border: 1px solid #f1f1f1;
	margin-right: 3px;
	margin-bottom: 4px;
}

/*
.feed-initials {
    width: 30px;
	height: 30px;
	background: #6673a0;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	margin: 5px 0 5px;
}*/
/* Added By Pravin K on 30-JAN-20 START*/
.feed-initials {
width: 30px;
height: 30px;
background: #6673a0;
border-radius: 50%;
text-align: center;
line-height: 33px;
color: #fff;
font-size: 12px;
margin: 5px 0;
}
.editBtn
{
   height: 30px;
   width: 30px;
   background-color: #f2f2f2;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   cursor: pointer;
}
.nameDetails
{
	font-size: 14px;
	color: #252525;
}
.taskDetails
{
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
    vertical-align: -webkit-baseline-middle;
 }
 /* Added By Pravin K on 30-JAN-20 START*/

.rotate-refresh {
 -webkit-animation: rotation-refresh 2s infinite linear;
}

@-webkit-keyframes rotation-refresh {
 from { 
  -webkit-transform:rotate(0deg);
 }
 to {
  -webkit-transform: rotate(360deg);
 }
}

/* Added by Samruddhi to display quick access panel [Start]*/
.quicklink-dashboard {
	display: block;
	position: relative;
	border-radius: 2px;
}

.quicklink-dashboard .qd-header {
	display: block;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,.3);
	background: #465775;
	color: #fff;
	text-align: center;
	margin: 0 8px;
	padding: 0;
	border-radius: 4px;
	width: calc(100% - 16px);
}

.quicklink-dashboard .qd-header-content {
	display: block;
	color: #fff;
	text-align: center;
	margin: 8px 0;
	padding: 16px;
}

.quicklink-dashboard .icon-circle {
	margin: auto;
	height: 110px;
	width: 110px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	display: block;
}

.quicklink-dashboard .icon-circle img {
	margin-top: calc(50% - 12px);
	height: 24px;
}


.quicklink {
	display: block;
	position: relative;
	margin: 8px;
	border-radius: 4px;
	cursor: pointer;
	height: 200px;
	padding: 0px !important;
   /* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);

}

.quicklink-dashboard .quicklink-icon img {
	text-align: center;
	height: 26px;
	width: 26px;
	margin: 13px;
}

.quicklink-dashboard .quicklink-icon span {
	font-size : 24px;
	color: #666;
	line-height:52px;
}

.quicklink-dashboard .quicklink-action {
	color: #fff;
	width: 30px;
	height: 30px;
	padding: 5px;
	position: relative;
	justify-items: flex-end;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.quicklink-icon .rotate {
	-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
	from { 
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.quicklink-dashboard .first-line {
	font-size: 18px;
	line-height: 24px;
	display: block;
}

.quicklink-dashboard .second-line {
	font-size: 18px;
	line-height: 16px;
	display: block;
}

.quicklink-dashboard .quicklink-icon {
	color: #fff;
	width: 52px;
	height: 52px;
	padding: 0px;
	background-color: rgba(0, 0, 0, .1);
	margin: auto;
	border-radius: 50%;
	display: block;
}

.quicklink .feedContetContainer {
	display: block;
	color: #fff;
	text-align: center;
	margin: 8px;
	padding: 40px 8px;
}

.quicklink-dashboard .quicklink-content {
	color: #fff;
	font-size: 14px;
	padding-top: 8px;
}

.quicklink-content .quicklink-content-first-line {
	font-size: 14px;
	line-height: 24px;
	color: #252525;
	display: block;
}

.quicklink-content .quicklink-content-second-line {
	font-size: 14px;
	line-height: 16px;
	color: #666;
	display: block;
}

.quick-row,
.kpi-row {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.kpi-box {
	height: 114px;
	max-height: 114px;
   /* box-shadow: 3px 3px 16px -6px rgba(0,0,0,.1), -3px 3px 16px -10px rgba(0,0,0,.1), 0px -3px 16px -10px rgba(0,0,0,.1);*/
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,.1), 0px 0px 0px 1px rgb(144, 157, 165,.1);
	position: relative;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	margin: 8px;
}

.kpi-header {
	display: inline-block;
	height: 32px;
	width: 100%;
}

.kpi-icon {
	color: #fff;
	padding: 4px;
	margin: 4px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .1);
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
}

.kpi-icon img {
	height: 15px;
	width: 15px;
	margin: 3px;
	padding: 0;
}

.kpi-info {
	display: flex;
	position: relative;
	align-items: center;
	padding: 0 4px 0 0;
	width: 100%;
	height: 32px;
}

.kpi-info-column {
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

.kpi-title {
	color: #fff;
	font-size: 16px;
	width: calc( 100% - 44px );
	line-height: 32px;
	display: inline-block;
	position: absolute;
	text-align: right;
	margin: 0 8px 0 0;
}

.kpi-count-summary {
	display: block;
	margin: auto;
	padding-bottom: 32px;
	height: 50px;
}

.kpi-count {
	color: #fff;
	padding: 0;
	font-size: 42px;
	display: block;
	text-align: center;
	height: 36px;
	line-height: 36px;
}

.kpi-summary {
	color: #fff;
	padding: 0;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 14px;
}
.no-kpi-count{
	height: 18px;
}
.quick-row .col, 
.kpi-row .col{
	float: left;
}
@media (min-width:320px) {
  .kpi-card {
	width: calc(100% - 16px) ;
  }
  .quick-card {
	width: calc(100% - 16px) ;
  }
}
@media (min-width:576px) {
  .kpi-card {
	width: calc(50% - 16px) ;
  }
  .quick-card {
	width: calc(50% - 16px) ;
  }
}
@media (min-width:768px) {
  .kpi-card {
	width: calc(25% - 16px) ;
  }
  .quick-card {
	width: calc(33.33333% - 16px) ;
  }
}
@media (min-width:992px) {
  .kpi-card {
	width: calc(25% - 16px) ;
  }
  .quick-card {
	width: calc(33.33333% - 16px) ;
  }
}
@media (min-width:1200px) {
  .kpi-card {
	 width: calc(25% - 16px);
  }
  .quick-card {
	width: calc(33.33333% - 16px) ;
  }
}

/* Added by Samruddhi to display quick access panel [End]*/