.mailsidebar #contentscroller
{
	height: 100%;
	width: 100%;
	overflow: auto;
}

.mailsidebar .deal-flag
{
	position: absolute;
	right: 0;
	top: 0;
	width: 80%;
	padding: 20px;
	font-size: 13px;
	color: black;
	background-color: #ffbfbf;
	border-radius: 10px;
	box-shadow: rgb(0, 0, 0) 0px 0px 17px -6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 99;
}

.mailsidebar .deal-flag.done
{
	background-color: #c8f8ba;
	cursor: pointer;
}

.mailsidebar .submitarea
{
	margin-top: 20px;
}

.mailsidebar .register-label,
.mailsidebar .forgotpassword-label
{
	font-size: 11px;
	cursor: pointer;
}

.mailsidebar #link_register
{
	margin-top: 20px;
}

.mailsidebar .logo
{
	background-image: url(logo_white.png);
	background-size: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	height: 70px;
}

.mailsidebar .ciline
{
	height: 4px;
	background: linear-gradient(90deg, #834BFF 0%, #FD19C8 20.23%, #FF428B 39.94%, #FF885C 59.65%, #FFC54C 79.7%, #F9F871 100%);
}

.mailsidebar .button,
.mailsidebar .automation-button
{
	padding: 5px 15px;
	background-color: #884bff;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}

.mailsidebar .contactname
{
  text-align: center;
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 23px;
  cursor: pointer;
}

.mailsidebar .avatarwrapper
{
  text-align: center;
  width: 60px;
  height: 60px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  overflow: hidden;
  border-radius: 30px;
  z-index: 22;
  position: absolute;
  left: calc(50% - 30px);
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #c7c7c7;
}

.mailsidebar .avatar
{
  width: 36px;
  height: 36px;
  object-position: center center;
  object-fit: contain;
}

.mailsidebar .blueicon
{
	text-align: center;
}

.mailsidebar .blueicon img
{
	width: 15px !important;
}

.mailsidebar .socialmedia,
.mailsidebar .box-location,
.mailsidebar .box-size,
.mailsidebar .box-email,
.mailsidebar .box-phone,
.mailsidebar .box-mobilephone,
.mailsidebar .box-founded,
.mailsidebar .box-segments,
.mailsidebar .box-automations,
.mailsidebar .box-campaign,
.mailsidebar .light
{
	text-align: center;
	margin-bottom: 30px;
}

.mailsidebar .light
{
  color: #b0b0b0;
}

.mailsidebar .box-location,
.mailsidebar .box-email,
.mailsidebar .box-phone,
.mailsidebar .box-mobilephone,
.mailsidebar .box-location a,
.mailsidebar .box-email a,
.mailsidebar .box-phone a,
.mailsidebar .box-mobilephone a
{
	color: #884bff;
	text-decoration: none;
}

.mailsidebar .socialicon
{
	border: none;
	width: 20px;
	vertical-align: top;
}

.mailsidebar .industryicon
{
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 0;
	opacity: 0.4;
}

.mailsidebar .nocontent
{
	color: #ababab;
	font-size: 11px;
	margin: 40px;
}

.mailsidebar #automationpopup
{
	position: absolute;
	top: 200px;
	left: 20px;
	right: 20px;
	padding: 40px;
	box-sizing: border-box;
	background-color: white;
	border-radius: 10px;
	border: 1px solid #f0f0f0;
	display: none;
	z-index: 999;
}

.mailsidebar #mainmenupopup
{
	position: absolute;
	top: 20px;
	width: 100px;
	right: 20px;
	box-sizing: border-box;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
	display: none;
	z-index: 999;
	overflow: hidden;
}
.mailsidebar #mainmenupopup.visible
{
	display: block;
}
.mailsidebar #mainmenupopup .menuitem
{
	padding: 5px 15px;
	cursor: pointer;
}
.mailsidebar #mainmenupopup .menuitem:hover
{
	color: white;
	background-color: #884bff;
}

.mailsidebar #phasegrayout
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
	display: none;
}

.mailsidebar #phasepopup
{
	position: absolute;
	top: 200px;
	left: 20px;
	right: 20px;
	padding: 40px;
	box-sizing: border-box;
	background-color: white;
	border-radius: 10px;
	border: 1px solid #f0f0f0;
	display: none;
	z-index: 999;
}

.mailsidebar #phasepopup .translated
{
	font-weight: bold;
	margin-bottom: 10px;
}

.mailsidebar #loginform .content
{
	margin: 20px;
	background-color: rgba(137, 115, 168, 0.19);
	border-radius: 15px;
	box-shadow: rgb(0, 0, 0) 0px 0px 17px -6px;
	padding: 15px;
}

.mailsidebar #loginform .inputlabel
{
	font-size: 11px;
	margin-bottom: 5px;
	color: #9e9e9e;
}

.mailsidebar #loginform .inputvalue input
{
	line-height: 20px;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
	background-color: white;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	outline: none !important;
}

.mailsidebar #btn_login
{
	margin-left: auto;
	margin-right: auto;
}

.mailsidebar #link_register,
.mailsidebar #link_forgot
{
  font-size: 10px;
  margin-bottom: 10px;
  color: white;
  cursor: pointer;
}

.mailsidebar .segment
{
	text-align: center;
}

.mailsidebar .segment .segmentcolor
{
	display: inline-block;
  height: 10px;
  width: 20px;
  vertical-align: baseline;
}

.mailsidebar #campaignlist
{
	margin-bottom: 20px;
}

.mailsidebar .campaign-item,
.mailsidebar .phase-item
{
  line-height: 30px;
  border: 1px solid #f0f0f0;
  padding: 0 10px;
  cursor: pointer;
}

.mailsidebar .campaign-item:hover,
.mailsidebar .phase-item:hover
{
	background-color: #884bff;
	color: white;
}

.mailsidebar #select-phase
{
	display: none;
}

.mailsidebar .segment .segmentname
{
	display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

.mailsidebar .note
{
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.75);
	margin: 10px;
	border-radius: 5px;
	border: 1px solid #d0d0d0;
}

.mailsidebar .note-author:after
{
	content: ', ';
}

.mailsidebar .note-author,
.mailsidebar .note-date
{
	font-size: 10px;
	display: inline-block;
	margin-right: 5px;
}

.mailsidebar .expandable.collapsed
{
	display: none !important;
}

.mailsidebar .expanderline
{
	text-align: center;
}
.mailsidebar .expander
{
	font-weight: bold;
	padding-left: 20px;
	background-image: url("caret-down-solid.svg");
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 10px;
	color: #a4a4a4;
}

.mailsidebar .expander.collapsed
{
	background-image: url("caret-up-solid.svg");
}

.mailsidebar .registertabs
{
  height: 30px;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 20px;
  overflow: hidden;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.mailsidebar .registertab
{
	height: 30px;
	width: 33%;
	display: inline-block;
	text-align: center;
	border-bottom: 3px solid black;
	cursor: pointer;
	box-sizing: border-box;
}

.mailsidebar .registertab.collapsed
{
	border-bottom: 3px solid #f0f0f0;
}

.mailsidebar .register.collapsed
{
	display: none !important;
}

.mailsidebar .phase
{
	display: block;
  color: white;
  padding: 10px 5px;
}

.mailsidebar .phasecolor
{
	width: 20px;
	height: 15px;
	display: inline-block;
	margin-right: 10px;
}

.mailsidebar .deal
{
	background-color: white;
	border-radius: 5px;
	margin: 5px 15px;
	border: 1px solid #dadada;
	overflow: hidden;
	padding-bottom: 10px;
}

.mailsidebar .pipeline
{
	text-align: center;
	font-size: 10px;
}

.mailsidebar .phasename
{
	margin-top: 5px;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

.mailsidebar .dealtitle
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 30px;
}

.mailsidebar .dealdescription
{
	color: #a0a0a0;
	margin-bottom: 10px;
	padding-left: 30px;
}

.mailsidebar .chance,
.mailsidebar .user-name,
.mailsidebar .latest-note
{
	padding-left: 30px;
	vertical-align: top;
	background-position: 7px top;
	background-repeat: no-repeat;
	background-size: 15px;
	margin-bottom: 10px;
}

.mailsidebar .chance
{
	background-image: url(dice-two-solid.svg);
}

.mailsidebar .user-name
{
	background-image: url(user-tie-solid.svg);
}

.mailsidebar .latest-note
{
	background-image: url(note.svg);
}

.mailsidebar .latest-note
{
	font-size: 11px;
}

.mailsidebar .latest-note-text
{
	padding-right: 10px;
}
.mailsidebar .latest-note-date
{
	font-size: 11px;
}

.mailsidebar .latest-note-date:before
{
	content: '(';
}

.mailsidebar .latest-note-date:after
{
	content: ')';
}

.mailsidebar .star
{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(star-regular.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.mailsidebar .star.filled
{
	background-image: url(star-solid.svg);
}

.mailsidebar .not-saved
{
	text-align: center;
	color: #b6b6b6;
}

.mailsidebar .not-found
{
	text-align: center;
	color: #b6b6b6;
}

.mailsidebar .feed_phoneprefix
{
	margin-right: 3px;
	margin-left: 3px;
}

.mailsidebar .feed-date
{
	margin-bottom: 5px;
	color: #b6b6b6;
}
.mailsidebar .feedauthor
{
	margin-bottom: 5px;
}


.mailsidebar .feed-entry .feedauthor
{
	display: none;
}

.mailsidebar .feed-entry[data-feedtype="note"] .feedauthor
{
	display: block;
}

.mailsidebar .feedauthor .feedprefix
{
	font-weight: bold;
}
.mailsidebar .feedprefix
{
	margin-right: 3px;
}

.mailsidebar .feed-entry
{
	margin: 15px;
}

.mailsidebar .feed-entry[data-feedtype="note"] .feedcontent
{
	background-color: white;
	border-radius: 5px;
	border: 1px solid #dadada;
	padding: 10px;
}

.mailsidebar .create-deal-area
{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.mailsidebar #mainmenu
{
	background-image: url(bars-solid.svg);
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 2;
}