/* custom CSS for specific project */

.navbar-nav > .company-switch > a > .avatar {
	width:25px;
	float:left;
	margin-right:10px;
	margin-top:-2px;
}
.navbar-nav > .company-switch > .dropdown-menu {
	padding:0;
}
.navbar-nav > .company-switch > .dropdown-menu li > a,
.navbar-nav > .company-switch > .dropdown-menu li > span {
    margin:0;
    padding:10px;
	white-space:nowrap;
	display:flex;
	align-items:center;
}
.navbar-nav > .company-switch > .dropdown-menu li > span {
	cursor:default;
}
.navbar-nav > .company-switch > .dropdown-menu .avatar {
	width:40px;
	margin:0 5px 0 0;
}
.navbar-nav > .company-switch > .dropdown-menu .desc h4 {
	margin:0;
    font-size:15px;
    color:#444444;
}
.navbar-nav > .company-switch > .dropdown-menu .desc p {
	margin:0;
    font-size:12px;
    color:#888888;
}

.multi-column {
	column-count:3;
}
@media (max-width:1599px) {
	.multi-column {
		column-count:2;
	}
}
@media (max-width:575px) {
	.multi-column {
		column-count:1;
	}
}

.box-widget.pinned:before {
	content:'\f08d';
	position:absolute;
	top:10px;
	right:10px;
	font-family:'Font Awesome 5 Free';
	font-weight:bold;
	color:#FFFFFF;
	line-height:1;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}

.workflow-step {
	position:relative;
	margin:15px -15px;
	display:flex;
}
.workflow-step-header {
	width:25%;
	min-width:160px;
	max-width:350px;
	padding:0 15px;
	border-right:1px solid #DDDDDD;
	text-align:right;
}
.workflow-step-body {
	padding:0 15px;
	flex-grow:1;
}
.workflow-step + .workflow-step {
	margin-top:-15px;
	padding-top:8rem;
}
.workflow-step + .workflow-step:before {
	content:'';
	width:28px;
	height:28px;
	position:absolute;
	top:calc(4rem - 22px);
	left:calc(50% - 14px);
	border-width:0 4px 4px 0;
	border-style:solid;
	border-color:#DDDDDD;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
	transform-origin:center;
}
@media (max-width:585px) {
	.workflow-step {
		flex-direction:column;
	}
	.workflow-step-header {
		width:100%;
		max-width:none;
		text-align:left;
	}
	.workflow-step + .workflow-step {
		padding-top:5rem;
	}
	.workflow-step + .workflow-step:before {
		font-size:3.5rem;
		line-height:5rem;
	}
}

.direct-chat-text .flexbox {
	margin-left:-15px;
	margin-right:-15px;
	display:flex;
}
.direct-chat-text .flexbox-column {
	padding-left:15px;
	padding-right:15px;
}
.direct-chat-text .direct-chat-attachment {
	margin-top:12px;
	margin-bottom:12px;
}
.direct-chat-text .direct-chat-attachment:first-child {
	margin-top:4px;
}
.direct-chat-text .direct-chat-attachment:last-child {
	margin-bottom:4px;
}
.direct-chat-text .direct-chat-attachment .file-icon {
	height:36px;
}