@charset "UTF-8";
.salesfunnel-rechts-head {
	text-transform: uppercase;
	color: #878787;
	margin-bottom: 0px;
	position: relative;
	background-color: #F6F6F6;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:10px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DCDCDC;
	font-size: 10px;
	font-family: 'alto_probold';
	width: 225px;
	z-index:100;
}
.sfmenu-link {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	position: relative;
	cursor: default;
	padding-left: 10px;
}
.sfmenu-link:hover {
	background-color: #F6F6F6;
}
.salesfunnel-update-spacer {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	margin: 6px;
}
#salesfunnel-head {
	font-weight: bold;
	text-transform: uppercase;
	color: #B4B4B4;
	margin-bottom: 15px;
}
#salesfunnel-rechts {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DCDCDC;
	position: absolute;
	background-color: #FFF;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 235px;
	overflow: auto;
	box-shadow: -1px 0px 5px -1px #CCC;
	-webkit-box-shadow: -1px 0px 5px -1px #CCC;
	z-index: 5;
}
#salesfunnel-top {
	background-color:#FFFFFF;
	position:absolute;
	left: 0px;
	top:0px;
	right:0px;
	height:39px;
	border-bottom: solid 1px #DCDCDC;
}
#salesfunnel-uebersicht {
	background-color: #F2F2F2;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: all 100ms linear;
	-webkit-transition: all 100ms linear;
}
.salesfunnel-phase, .salesfunnel-phase-first {
	margin-top: 10px;
	/*margin-left: 10px;
	margin-right: 6px;*/
	margin-bottom: 20px;
	padding-bottom: 3px;
}
.salesfunnel-phase-first {
	margin-top: 56px;
}
#salesfunnel-new {
	background-color: #FFF;
	position: relative;
	box-shadow: 0px 1px 5px -1px #999;
	-webkit-box-shadow: 0px 1px 5px -1px #999;
	margin-top: 10px;
	margin-right: 6px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-top: 1px;
	height: 34px;
	overflow: hidden;
}
#salesfunnel-new h4 {
	color: #878787;
	font-family: 'alto_prosemibold';
	margin: 12px;
}
.salesfunnel-new-input, .salesfunnel-new-date, .salesfunnel-new-partner, .salesfunnel-new-textfeld, .salesfunnel-update-input{
	padding: 7px;
	background-color: #FBFBFB;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border: 1px solid #DCDCDC;
	overflow: hidden;
}
.salesfunnel-new-input:hover, .salesfunnel-update-input:hover, .salesfunnel-new-partner:hover, .salesfunnel-new-date:hover, .salesfunnel-new-textfeld:hover {
	border: 1px solid #DCDCDC;
	background-color: #F6F6F6;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;         /* Opera/IE 8+ */
}
.salesfunnel-new-textfeld {
	height: 40px;
}
.salesfunnel-lead {
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #DCDCDC;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #DCDCDC;
	border-left-color: #DCDCDC;
	margin-top: 4px;
	border-top-style: none;
	box-shadow: 0px 1px 5px -1px #999;
	-webkit-box-shadow: 0px 1px 5px -1px #999;
	padding-top: 5px;
	padding-bottom: 5px;
}
.salesfunnel-phase-head {
	font-size: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	padding-left: 27px;
	position: relative;
}
.salesfunnel-table-col-kunde{
	display: table-cell;
	font-family: 'alto_probold';
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DCDCDC;
	width: 200px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}
.salesfunnel-table-col-issue{
	display: table-cell;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DCDCDC;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}
.salesfunnel-table-col-contact{
	display: table-cell;
	width: 140px;
	text-align: left;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}
.salesfunnel-table-col-owner{
	display: table-cell;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DCDCDC;
	width: 32px;
	text-align: center;
	padding: 6px;
}
.salesfunnel-table-col-dauer{
	display: table-cell;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DCDCDC;
	width: 42px;
	text-align: right;
	padding: 6px;
	position: relative;
}
.salesfunnel-dauer-ampel{
	position:absolute;
	height: 12px;
	width: 12px;
	top: 12px;
	left: 24px;
    border-radius: 6px;
}
.salesfunnel-dauer-up, .salesfunnel-dauer-down {
	position: absolute;
  	top: 15px;
  	left: 24px;
	border-bottom: solid 6px #A02B37;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
}
.salesfunnel-dauer-down {
	border-bottom: none;
	border-top: solid 6px #A02B37;
}
.salesfunnel-table-col-mt{
	font-family: 'alto_probold';
	display: table-cell;
	width: 50px;
	text-align: right;
	padding: 6px;
}
.salesfunnel-table {
	display:table; 
	width:100%;
}
.salesfunnel-table-row, .salesfunnel-table-row-stage {
	display:table-row;
}
.salesfunnel-table-row-stage:hover {
	background-color: #F6F6F6;
}
#salesfunnel-new .salesfunnel-table-col-kunde, .salesfunnel-table-col-issue, .salesfunnel-table-col-contact {
	padding-left: 6px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.salesfunnel-table-col-beschriftung, .salesfunnel-table-col-beschriftung-right, .salesfunnel-table-col-stage  {
	display: table-cell;
	font-family: 'alto_probold';
	text-align: left;
	width: 90px;
	padding-left: 12px;
	vertical-align: middle;
}
.salesfunnel-table-col-beschriftung-right {
	text-align:right;
}
.salesfunnel-table-col-form-gross, .salesfunnel-table-col-form-klein, .salesfunnel-table-col-form-button{
	display: table-cell;
	text-align: left;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.salesfunnel-table-col-50{
	display: table-cell;
	text-align: left;
	width:50%;
}
.salesfunnel-table-col-beschriftung, .salesfunnel-table-col-beschriftung-right, .salesfunnel-table-col-form-gross, .salesfunnel-table-col-stage, .salesfunnel-table-col-form-klein, .salesfunnel-table-col-form-button {
	border-bottom: solid;
	border-bottom-color: #DCDCDC;
	border-width:1px;
	height: 33px;
	vertical-align: middle;
}
.salesfunnel-table-row-stage .salesfunnel-table-col-stage, .salesfunnel-table-row-stage .salesfunnel-table-col-form-klein {
	height: inherit;
}
.salesfunnel-accordion  {
	height: 0px;
	overflow: hidden;
}
.salesfunnel-comment-box {
	background-color: #F6F6F6;
	height: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	overflow:auto;
}
.salesfunnel-comment-nachricht {
	border-bottom: solid 1px #DCDCDC;
  	background-color: #FFF;
	padding: 12px;
}
.salesfunnel-comment-nachricht:hover {
	background-color: #F6F6F6;
}
.salesfunnel-comment-nachricht p {
	margin-bottom: 6px;
	margin-top: 0px;
  	font-size: 13px;
}
.salesfunnel-comment-nachricht h4 {
	color: #5A5A5A;
	color: rgb(64,93,124);
  	font-family: 'alto_promedium';
  	font-size: 11px;
}
.salesfunnel-comment-text {

}
.salesfunnel-button {
	color: #000;
	background-color: #8CAEC4;
	padding: 7px;
	border: 1px solid #7A9AB3;
	margin-left: 12px;
	border-radius: 2px;
	font-family: 'alto_probold';
	font-size:11px;
	text-transform:uppercase;
}
.salesfunnel-button:hover {
	background-color: #8EB7D4;
}
.salesfunnel-button-cancel {
	color: #000;
	font-family: 'alto_probold';
	font-size:11px;
	background-color: #DCDCDC;
	padding: 7px;
	border: 1px solid #CCC;
	margin-left: 12px;
	border-radius: 2px;
	text-transform:uppercase;
}
.salesfunnel-button-cancel:hover {
	background-color: #CCC;
	border: 1px solid #878787;
}
.salesfunnel-table-col-stage {
	width:inherit;
	padding-top: 8px;
	padding-bottom: 8px;
}
.salesfunnel-table-col-form-klein {
	width:20px;
	text-align:right;
}
.salesfunnel-table-col-form-button {
	width: 16px;
	text-align: right;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.salesfunnel-dot, .salesfunnel-dot-gender{
	position: relative;
	margin-top:2px;
	height: 14px;
	width: 14px;
	border-radius: 10px;
	border: 3px solid #B4B4B4;
}
.salesfunnel-dotAktiv {
	position: relative;
	margin-top:2px;
	height: 14px;
	width: 14px;
	border-radius: 10px;
	border: 3px solid #8CAEC4;
}
.salesfunnel-dot:hover, .salesfunnel-dotAktiv:hover {
	border: 3px solid #405D7C;
}
.salesfunnel-dot-check {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 10px;
	height: 10px;
}
.salesfunnel-dot-check img {
	width: 10px;
	height: 10px;
}
.stageHead, .ansprechpartnerHead {
	cursor: default;
	color: #878787;
	font-family: 'alto_prosemibold';
	margin: 12px;
	position: relative;
	padding-left:16px;
}
.salesfunnel-pfeil {
	position: absolute;
	top: 1px;
	left: 0px;
	width:12px;
	height:12px;
}
.salesfunnel-pfeil img {
	width:12px;
	height:12px;
}
.salesfunnel-stage-pfeil {
	position: absolute;
	top: 16px;
	left: 7px;
	width:13px;
	height:13px;
}
.salesfunnel-stage-pfeil img {
	width:13px;
	height:13px;
}
.salesfunnel-update {
	height: 0px;
	overflow:hidden;
}
.salesfunnel-button-comment {
	color: #000;
	background-color: #8CAEC4;
	height:40px;
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #7A9AB3;
	border-radius: 2px;
	font-family: 'alto_probold';
	font-size:11px;
	text-transform:uppercase;
}
.salesfunnel-gender {
	position: relative;
	display: table-cell;
	width: 60px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 30px;
}
.salesfunnel-gender .salesfunnel-dot {
	font-size: 9px;
	color: #FFFFFF;
	border-radius: 9px;
	font-weight: normal;
	height: 8px;
	width: 11px;
	text-align: center;
	padding-top: 4px;
	margin-right: 10px;
	margin-top: -2px;
    margin-bottom:-2px;
	float:left;
	padding-left:1px;
}
.salesfunnel-gender .salesfunnel-dotAktiv {
	background-color:#8CAEC4;
	font-size: 9px;
	color: #FFFFFF;
	border-radius: 9px;
	font-weight: normal;
	height: 8px;
	width: 11px;
	text-align: center;
	padding-top: 4px;
	margin-right: 10px;
	margin-top: -2px;
    margin-bottom:-2px;
	float:left;
	padding-left:1px;
	border: 3px solid #8CAEC4;
}
.salesfunnel-rechts-box{
	position: relative;
	border-bottom: solid 1px #DCDCDC;
}
#salesfunnel-searchfield {
	background-color: #FFF;
	border-color:#FFF;
	height: 54px;
	font-size: 14px;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline: none;
}
.salesfunnel-rechts-box-content {
	padding-top:14px;
}
.salesfunnel-rechts-box-content h5{
	margin-left:14px;
	margin-bottom:14px;
	font-size:12px;
	color: #878787;
	font-weight:normal;
	font-family: 'alto_prosemibold';
}
.salesfunnel-rechts-options {
	padding-bottom: 14px;
	position: relative;
	cursor: default;
}
.salesfunnel-rechts-options .auswahl, .salesfunnel-rechts-options .auswahl-order, .salesfunnel-filter-partner .auswahl-order {
	float: left;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-top: 1px;
	padding: 1px;
	text-align: center;
	margin-left: 12px;
	border: 2px solid #B4B4B4;	
}
.salesfunnel-rechts-options .auswahl:hover, .salesfunnel-rechts-options .auswahl-order:hover, .salesfunnel-filter-partner .auswahl-order:hover {
	border: 2px solid #878787;
}
.auswahl-inside {
	height: 8px;
	width: 8px;
	background-color: #878787;		
}
.auswahl-inside:hover {
	background-color: #DCDCDC;	
}

.salesfunnel-rechts-options .auswahl-order, .salesfunnel-filter-partner .auswahl-order {
	margin-top: -1px;
	border-radius: 8px;
}
.salesfunnel-rechts-options .auswahl-order .auswahl-inside, .salesfunnel-filter-partner .auswahl-order .auswahl-inside{
	height: 9px;
	width: 9px;
	border-radius: 6px;
	background-color: #FFF;	
}
.salesfunnel-rechts-options .auswahl-order .auswahl-inside:hover, .salesfunnel-filter-partner .auswahl-order .auswahl-inside:hover{
	background-color: #DCDCDC;	
}
.salesfunnel-count {
	font-size: 14px;
	position: absolute;
	top: 8px;
	right: 0px;
}
.salesfunnel-count-mt, .salesfunnel-count-intime, .salesfunnel-count-outtime, .salesfunnel-count-newclient {
	display: table-cell;
	width: 20px;
	text-align: center;
	padding: 6px;
}
.salesfunnel-count-intime{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DCDCDC;
	color: #A0AF49;
	width:30px;
}
.salesfunnel-count-newclient div {
	position: absolute;
	top: 8px;
	left: -10px;
}
.salesfunnel-count-outtime {
	color: #A02B37;
	width: 30px;
}
.salesfunnel-count-mt {
	width: 89px;
	text-align:right;
	color: #5A5A5A;
}
.salesfunnel-count-newclient {
	width: 40px;
	padding-left: 10px;
	text-align:left;
	color: #5A5A5A;
}
.stage-loss-container {
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 12px;
	padding: 3px;
	background-color:#F6F6F6;
}
#lead-quick-tip {
	opacity: 0;
	position: absolute;
	z-index: 9;
	width: 200px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 5px 0px #CCC;
	transition: opacity 200ms linear;
	border: solid 1px #DCDCDC;
}
#lead-quick-tip-header {
  	padding: 10px;
	position: relative;
	border-bottom: solid 1px #DCDCDC;
}
#lead-quick-tip-info {
	height: 30px;
	border-bottom: solid 1px #DCDCDC;
	background-color: #F2F2F2;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
#lead-quick-tip-info-md {
	width: 50px;
  	text-align: right;
  	padding-right: 6px;
}
#lead-quick-tip-info-status {
	position: relative;
  	display: inline-flex;
  	display: -webkit-inline-flex;
	width: 54px;
	justify-content: flex-end;
  	-webkit-justify-content: flex-end;
  	color: rgb(90,90,90);
}
#lead-quick-tip-info-status .salesfunnel-dauer-up, 
#lead-quick-tip-info-status .salesfunnel-dauer-down {
	top: 4px;
}
#lead-quick-tip-info-status .salesfunnel-dauer-ampel {
	top: 0px;
}
#lead-quick-tip-info-spacer {
	flex: 1;
	-webkit-flex: 1;
}
#lead-quick-tip-header-unternehmen {
	font-size:12px;
	margin-bottom: 4px;
	font-family: 'alto_prosemibold';
}
#lead-quick-tip-header-thema {
	font-size:11px;
}
#lead-quick-tip-form-phase {
	text-transform: capitalize;
}
#lead-quick-tip-content {
	background-color: #F2F2F2;
}
#lead-quick-tip-content .sf-lead-100 {
	height: 30px;
}
#lead-quick-tip-content .sf-lead-100 .sf-lead-label {
	font-size: 11px;
}
#lead-quick-tip-content .sf-lead-100 .sf-lead-form-klein {
	font-size: 11px;
}
#saveDataLoss{
	margin-top:14px;
}
.salesfunnel-table-col-stage .salesfunnel-update-input{
	margin: -6px;
}
.salesfunnel-gender .count {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #5A5A5A;
	border-radius: 9px;
	font-weight: normal;
	height: 14px;
	width: 17px;
	text-align: center;
	padding-top: 4px;
	margin-right: 10px;
	margin-top: -2px;
	float:left;
	padding-left:1px;
}
.salesfunnel-mt-50, .salesfunnel-mt-6, .salesfunnel-mt-1 {
    padding:2px;
    border-radius: 4px;
	color: #FFF;
	font-size: 12px;
	font-family: 'alto_prosemibold';
	display: inline;
	padding-top:2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	margin-top: -2px;
	margin-bottom: -3px;
	border: solid 1px;
}
.salesfunnel-mt-50 {
	border-color: #405D7C;
	color: #405D7C;
}
.salesfunnel-mt-6 {
	border-color: #607D99;
	color: #607D99;
}
.salesfunnel-mt-1 {
	border-color: #8CAEC4;
	color: #8CAEC4;
}
#salesfunnel-stage-show-top {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(246,246,246,0.85);
	z-index: 4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
	box-shadow: 0px 0px 5px 0px #CCC;
}
.salesfunnel-stage-show-top-head {
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	padding-left: 22px;
	position: relative;
}
.salesfunnel-filter-partner{
	display: table-cell;
	text-align: left;
	padding-right: 12px;
	padding-bottom: 14px;
	width: 33.3%;
}
#salesfunnel-auswahl-owner {
	border: 1px solid #DCDCDC;
	background-image: url(../../images/pfeil_auswahl_dunkel.png);
	background-repeat: no-repeat;
	background-position: 186px 6px;
	height: 22px;
	padding-top: 8px;
	padding-left: 10px;
	margin-left: 12px;
	margin-right: 12px;
	position: relative;
}
#salesfunnel-auswahl-owner:hover {
	border: 1px solid #B4B4B4;
}
#salesfunnel-auswahl-owner:active {
	background-color: #F6F6F6;
	-webkit-transition: background-color 100ms linear;
}
#salesfunnel-auswahl-owner-window {
	position: absolute;
	height: 160px;
	left: 12px;
	right: 12px;
	background-color: #FFFFFF;
	border: 1px solid #B4B4B4;
	z-index: 10;
	overflow: auto;
}
#salesfunnel-auswahl-owner-window ul {
	margin: 2px;
	padding: 0px;
	list-style-type: none;
}
#salesfunnel-auswahl-owner-window ul li {
	padding: 8px;
	border-bottom: 1px solid #DCDCDC;
}
#salesfunnel-auswahl-owner-window ul li:hover {
	padding: 8px;
	border-bottom: 1px solid #DCDCDC;
	background-color: #F6F6F6;
	-webkit-transition: background-color 100ms linear;
}
#sf-control {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #FFF;
	position: absolute;
	top: 0px;
	right: 12px;
	left: 0px;
	padding-bottom: 5px;
	padding-top: 1px;
	height: 54px;
	overflow: hidden;
	z-index: 100;
	padding: 0px 0px 0px 20px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border-bottom: solid 1px #DCDCDC;
	box-shadow: 1px 0px 5px -1px #CCC;
	-webkit-box-shadow: 1px 0px 5px -1px #CCC;
}
#sf-control-add, #sf-control-searchicon, #sf-control-filter {
	font-size: 27px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
   	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
#sf-control-information {
	position: absolute;
	right: 12px;
	bottom: 0px;
	background-color: rgba(30,30,30,0.95);
	height: 32px;
	transition: all 200ms linear;
	display: none;
	align-items: center;
	z-index: 100;
	opacity: 0;
	padding: 10px 0px;
	left: 0px;
	border-radius: 2px;
}
#sf-control-information-img {
	margin-left: 14px;
	width: 16px;
	margin-right: 10px;
}
#sf-control-information-img img {
	height: 16px;
	width: 16px;
}
#sf-control-information-text {
	font-family: 'alto_prosemibold';
  	font-size: 13px;
	color: rgb(255,255,255);
	flex: 1;
	-webkit-flex: 1;
}
#sf-control-add {
	font-size: 13px;
    border: solid 1px rgb(96,125,153);
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: rgb(96,125,153);
    fill: rgb(255,255,255);
    color: rgb(255,255,255);
    margin-right: 10px;
    font-family: 'alto_probold';
	transition: all 100ms ease;
}
#sf-control-add:hover {
	color: rgb(96,125,153);
    fill: rgb(96,125,153);
    background-color: rgb(255,255,255);
}
#sf-control-add svg, #sf-control-filter svg {
	height: 14px;
    width: 14px;
    margin-right: 7px;
}
#sf-control-searchicon {
	left: 64px;
	border-right: none;
	top: 4px;
	bottom: 4px;
}
#sf-control-search {
	flex: 1;
}
#sf-control-filter {
	font-size: 13px;
    padding: 4px 8px;
    text-transform: uppercase;
    fill: rgb(135,135,135);
    color: rgb(135,135,135);
    margin-right: 10px;
    font-family: 'alto_probold';
	transition: all 100ms ease;
}
#sf-control-filter:hover {
	color: rgb(30,30,30);
	fill: rgb(30,30,30);
}
.sf-control-filter-category {
	position: relative;
	padding: 6px 10px 6px 10px;
	color: #FFF;
	background-color:rgb(122,154,179);
	border-radius: 7px;
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 8px;
}
.sf-control-filter-category span {
	font-family: 'alto_probold';
	text-transform: uppercase;
}
#sf-control-filter-date {
	color: rgb(135,135,135);
	padding-top: 8px;
	border-top: solid 1px #DCDCDC;
}
.sf-control-filter-date-form {
	border: none;
	background-color: #F6F6F6;
	font-family: 'alto_probold';
	text-transform: uppercase;
}
#sf-control-cancel {
	position: absolute;
	top: 4px;
	bottom: 4px;
	right: 42px;
	padding-right: 13px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
   	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
#sf-control-searchbutton {
	position: absolute;
	top: 4px;
	bottom: 4px;
	right: 4px;
	width: 64px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
   	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	background-color: rgb(96,125,153);
	border-radius: 2px;
}
#sf-control-window, #sf-update-window, #sf-winloss-window, #sf-search-window {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 200;
	background: rgba(255,255,255,0.7);
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
#sf-search-window {
	z-index: 98;
}
#sf-control-phase {
	position: absolute;
	top: -60px;
	left: 0px;
	right: 12px;
	height: 54px;
	background-color: rgb(255,255,255);
	border-bottom: solid 1px #DCDCDC;
	z-index: 100;
	-webkit-transition: top 100ms linear;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	padding-left: 15px;
	flex: 1;
	-webkit-flex: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	box-shadow: 1px 0px 5px -1px #CCC;
	-webkit-box-shadow: 1px 0px 5px -1px #CCC;
}
#sf-control-phase-name, #sf-control-phase-newclient, #sf-control-phase-newclient-img, #sf-control-phase-intime, #sf-control-phase-outtime, #sf-control-phase-mt, #sf-control-phase-spacer {
	display: flex;
	display: -webkit-flex;
	font-size: 14px;
	color: #5A5A5A;
	padding: 6px;
}
#sf-control-phase-space {
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
}
#sf-control-phase-nav {
	position: relative;
	align-items: center;
	-webkit-align-items: center;
	height: 40px;
	display: flex;
	display: -webkit-flex;
	float: left;
	box-sizing: border-box;
	cursor: default;
}
#sf-control-phase-nav-menu, #sf-control-filter-menu {
	position: absolute;
	top: 54px;
	width: 235px;
	overflow: auto;
	border: solid 1px #DCDCDC;
	background-color: #FFF;
	box-shadow: 1px 0px 5px -1px #CCC;
	z-index: 90;
	-webkit-overflow-scrolling: touch;
	display: none;
}
#sf-control-filter-menu {
	right: 12px;
	top: 53px;
}
#sf-control-background {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 80;
	display: none;
}
#sf-control-phase-nav-menu {
	left: 0px;
}
.sf-control-phase-nav-entry {
	position: relative;
	display: flex;
	display: -webkit-flex;
	height: 40px;
	align-items: center;
	border-bottom: solid 1px #DCDCDC;
}
.sf-control-phase-nav-entry:hover {
	background-color: #F6F6F6;
}
.sf-control-phase-nav-entry-trenner {
	position: relative;
	border-bottom: solid 1px #DCDCDC;
}
.sf-control-phase-nav-entry-links {
	width: 3px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	position: absolute;
}
.sf-control-phase-nav-entry-title {
	flex: 1;
	-webkit-flex: 1;
	text-transform: uppercase;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'alto_promedium';
	padding-left: 14px;
}
.sf-control-phase-nav-entry-overdue, .sf-control-phase-nav-entry-mandays {
	width: 60px;
	padding-right: 10px;
	text-align: right;
}
.sf-control-phase-nav-entry-overdue {
	color: rgb(160,43,55);
}
.sf-control-filter-menu-row {
	display: flex;
	display: -webkit-flex;
	position: relative;
	flex: 1 1 auto;
	flex-direction: row;
	width: 100%;
	border-bottom: solid 1px #DCDCDC;
	height: 40px;
}
.sf-control-filter-menu-row-label {
	display: flex;
	display: -webkit-flex;
	width: 62px;
	align-items: center;
	-webkit-align-items: center;
	padding-left: 12px;
	border-right: solid 1px #DCDCDC;
	background-color: #F2F2F2;
	color: #666;
}
.sf-control-filter-menu-row-form {
	display: flex;
	display: -webkit-flex;
	background-color: #FFF;
	margin: 0px;
	padding: 5px;
	-webkit-flex: 1 1 80px;
	flex: 1 1 80px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: 'alto_pronormal';
	font-size: 12px;
	border: none;
	outline: none;
	width: 100%;
}
.sf-control-filter-menu-row-form:hover {
	background-color: #F2F2F2;
	outline: none;
}
.sf-control-filter-menu-button {
	border: none;
	background-color: rgb(96,125,153);
	color: #FFF;
	text-transform: uppercase;
	border-radius: 4px;
	font-size: 12px;
	font-family: 'alto_promedium';
	outline: none;
	cursor: pointer;
	display: inline-block;
	border-bottom: solid 2px rgb(64,93,124);
	flex: 1;
	margin: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sf-control-filter-menu-button:hover {
	background-color: rgb(64,93,124);
}
#sf-control-phase-newclient-img {
	width: 13px;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	padding-top: 4px;
	margin-right: -8px;
}
#sf-control-phase-newclient {
	width: 40px;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	margin-right: 4px;
}
#sf-control-phase-intime {
	color: #A0AF49;
	width: 30px;
	border-right: solid 1px #DCDCDC;
	justify-content: center;
	-webkit-justify-content: center;
}
#sf-control-phase-outtime {
	color: #A02B37;
	width: 30px;
	justify-content: center;
	-webkit-justify-content: center;
}
#sf-control-phase-mt {
	width: 89px;
	text-align: right;
	color: #5A5A5A;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
#sf-control-phase-name {
	font-size: 20px;
	text-transform: uppercase;
	flex: 1;
	-webkit-flex: 1;
	padding: 0px;
	color: inherit;
	font-family: 'alto_probold';
}
#sf-control-phase-menu {
	display: flex;
	dislay: -webkit-flex;
	align-self: flex-end;
	-webkit-align-self: flex-end;
	margin-left: 4px;
}
#sf-lead-ges {
	margin: auto;
	box-shadow: 0px 1px 5px -1px #999;
	max-width: 1000px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	align-items: stretch;
	position: relative;
	height: 100%;
	max-height: 600px;
	top: -600px;
	transition: all 200ms linear;
}
#sf-update-lead-graphic {
	flex: 1;
	-webkit-flex: 1;
	background-color: #FFF;
	border-top: solid 1px #DCDCDC;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	padding: 14px 24px;
}
.sf-graph-phase {
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
	flex-direction: row;
	border-bottom: solid 1px #F2F2F2;
}
#sf-graph-phase-break {
	background-color:#DCDCDC;
	max-height: 2px;
	border-bottom: none;
}
.sf-graph-phase:last-child {
	border-bottom: none;
}
.sf-graph-label {
	font-size: 12px;
	width: 72px;
	margin-left: 4px;
	align-self: center;
	text-transform: uppercase;
}
.sf-graph-duration {
	text-align: center;
	color: #FFFFFF;
	justify-content: center;
  	align-items: center;
  	display: flex;
	position: relative;
	margin-right: 12px;
}
.sf-graph-date {
	display: flex;
	align-items: center;
	font-size: 10px;
	border-left: solid 1px #DCDCDC;
	padding-left: 4px;
}
.sf-graph-left, .sf-graph-right {
	width: 10px;
	height: 10px;
	border: solid 2px rgb(64,93,124);
	background-color: #FFFFFF;
	position: absolute;
	border-radius: 10px;
	top: 50%;
	margin-top: -7px;
}
.sf-graph-left {
	left: -7px;
}
.sf-graph-right {
	right: -7px;
}
.sf-graph-strich {
	height: 4px;
	background-color: rgb(140,174,196);
	width: 100%;
}
.salesfunnel-phase-content {
	background-color: rgb(255,255,255);
}
.sf-lead-container {
	border-bottom: solid 1px #DCDCDC;
}
.sf-lead-container:hover {
	background-color: rgba(220,220,220,0.6);
}
.sf-lead-active {
	position: absolute;
	height: 3px;
	background-color: #607D99;
	bottom: 0px;
	left: 0px;
	right: -1px;
    display: none !important;
}
.sf-lead-status, .sf-lead-firma, .sf-lead-issue, .sf-lead-contactperson, .sf-lead-owner, .sf-lead-partner, .sf-lead-mandays {
	text-align: left;
	padding-right: 6px;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: -webkit-inline-flex;    
	display: inline-flex;
	position: relative;
	font-size:13px;
}
.sf-lead-status {
	display: inline-flex;
	display: -webkit-inline-flex;
	position: relative;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	width: 56px;
	-webkit-order:1;
	color: rgb(90,90,90);
}
.sf-lead-firma {
	font-family: 'alto_probold';
	-webkit-flex: 1;
	-webkit-order: 2;
	/*-webkit-box-lines: multiple;*/
	white-space: nowrap;
    overflow: hidden;
	text-transform: uppercase;
}
.sf-lead-firma span, .sf-lead-issue span {
	text-overflow: ellipsis;
	overflow: hidden;
}
.sf-lead-issue {
	font-family: 'alto_probold';
	-webkit-flex: 2;
	-webkit-order: 3;
	/*-webkit-box-lines: multiple;*/
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-lead-contactperson {
	width: 154px;
	-webkit-order:4;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-lead-owner, .sf-lead-partner {
	width: 28px;
	text-align: center;
	justify-content: center;
	-webkit-justify-content: center;
	padding-left: 6px;
}
.sf-lead-owner {
	-webkit-order:5;
}
.sf-lead-partner{
	border-right: none;
	-webkit-order:6;
}
.sf-lead-mandays {
	display: -webkit-inline-flex;
	display: inline-flex;
	position: relative;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	width: 56px;
	padding-left:0px;
	padding-right: 24px;
	border-right: none;
	-webkit-order:7;
}
.sf-lead-menu, .sf-lead-top, .sf-filter-menu {
	display: flex;
	display: -webkit-flex;
}
.sf-lead-top {
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    height: auto;
}
.sf-lead-menu, .sf-filter-menu {
	border-top-color: #DCDCDC;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #DCDCDC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 6px;
	background-color: #F2F2F2;
}
.sf-filter-menu {
	border-top: none;
	padding-top: 4px;
	background-color: #FFFFFF;
}
.sf-lead-menu-link, .sf-lead-menu-link-active, .sf-filter-menu-link, .sf-filter-menu-link-active {
	display: -webkit-flex;    
	-webkit-flex-flow: column;
	-webkit-flex: 1;
	text-align: center;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-right: -1px;
	margin-left: -1px;
}
.sf-filter-menu-link, .sf-filter-menu-link-active {
	align-items: center;
	-webkit-align-items: center;
	-webkit-flex-flow: row;
	justify-content: center;
	-webkit-justify-content: center;
	min-width: 33px;
}
.sf-filter-menu-link span, .sf-filter-menu-link-active span {
	display: inherit;
}
.sf-filter-menu-link-active span {
	margin-bottom: -3px;
}
.sf-filter-menu-link img, .sf-filter-menu-link-active img {
	height: 16px;
	width: 16px;
	margin-right:4px;
	margin-bottom:3px;
	margin-left: -4px;
}
.sf-filter-menu-link-active img {
	margin-bottom: 0px;
}
.sf-lead-menu-link-trenner, .sf-filter-menu-link-trenner {
	border-left-width: 1px;
	border-left-color: #DCDCDC;
	border-left-style: solid;
	-webkit-flex-flow: column;
	margin-bottom: 3px;
}
.sf-lead-menu-link-active, .sf-filter-menu-link-active {
	border-bottom-color: #607D99;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
.sf-lead-content {
	height:	195px;
	position: relative;
	overflow: hidden;
}
.sf-lead-content-part {
	background-color: #F2F2F2;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}
.sf-lead-form-row {
	display: -webkit-flex;
	-webkit-flex-flow: row;
}
.sf-lead-form-cell-2 {
	display: -webkit-flex;
	-webkit-flex-flow: row;
	-webkit-flex: 1;
	flex: 1;
}
.sf-lead-form-gross, .sf-lead-form-klein, .sf-lead-form-half, .sf-lead-form-button  {
	display: flex;
	display: -webkit-flex;
	background-color: #FFF;
	border: none;
	border-right: solid 1px #DCDCDC;
	margin: 0px;
	padding: 5px;
	-webkit-flex: 1 1 80px;
	flex: 1 1 80px;
	-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: 'alto_pronormal';
	font-size: 12px;
	width: 100%;
}
.sf-lead-form-button {
	display: inline-flex;
	margin: 7px;
	background-color: rgb(122,154,179);
	color: #FFFFFF;
	text-transform:uppercase;
	font-family: 'alto_probold';
	-webkit-justify-content: center;
   	justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	font-size: 12px;
	border: solid 1px rgb(96,125,153);
	border-radius: 2px;
	outline: none;
}
.sf-lead-form-button:disabled {
	opacity: 0.5;
}
.sf-lead-form-klein option {
	color: #878787;
}
.sf-lead-form-half {
	-webkit-flex: 0.5;
	flex: 0.5;
}
.sf-lead-form-gross:last-child, .sf-lead-form-klein:last-child, .sf-lead-form-half:last-child, .sf-lead-form-klein:nth-child(5) {
	border-right: none;
}
.sf-lead-form-gross:hover, .sf-lead-form-gross:focus,
.sf-lead-form-klein:hover, .sf-lead-form-klein:focus,
.sf-lead-form-half:hover, .sf-lead-form-half:focus,
.sf-lead-phone:hover {
	background-color: #F2F2F2;
	outline: none;
}
.sf-lead-label, .sf-lead-phone {
	display: flex;
	display: -webkit-flex;
	width: 62px;
	align-items: center;
	-webkit-align-items: center;
	padding-left: 12px;
	border-right: solid 1px #DCDCDC;
	background-color: #F2F2F2;
	color: #666;
}
.sf-lead-phone {
	padding: 0px;
	width: 36px;
	display: none;
	justify-content: center;
	-webkit-justify-content: center;
}
.sf-lead-50, .sf-lead-100 {
	display: flex;
	display: -webkit-flex;
	position: relative;
	flex: 1 1 auto;
	flex-direction: row;
	width: 50%;
	border-bottom: solid 1px #DCDCDC;
	border-right: solid 1px #DCDCDC;
	height: 48px;
}
.sf-lead-100 {
	width: inherit;
	background-color: #FFFFFF;
	border-right: none;
}
.sf-lead-50:last-child {
	border-right: none;
}
.sf-lead-auswahl{
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	-webkit-align-items: center;
	-webkit-flex: 1 1 80px;
	flex: 1 1 80px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color: #FFFFFF;
}
.sf-lead-auswahl-box {
	display: inline;
	border: solid 2px #878787;
	margin-left: 12px;
	width:10px;
	height:10px;
	border-radius:10px;
}
.sf-lead-auswahl-inner-box, .sf-lead-auswahl-inner-box-active {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 1px;
}
.sf-lead-auswahl-inner-box-active {
	background-color:#878787;
}
.sf-lead-auswahl-inner-box:hover, .sf-lead-auswahl-inner-box-active:hover {
	background-color:#DCDCDC;
}
.sf-lead-auswahl-text {
	display: inline;
	color: #666;
	margin-left: 6px;
	margin-right: 20px;
}
.sf-lead-form-row:last-child .sf-lead-50 {
	border-bottom: none;
}
.sf-lead-comment-new {
	position: absolute;
	display: -webkit-flex;
	display: flex;
	background-color: #FFF;
	left:0px;
	right: 0px;
	bottom: 0px;
	height: 40px;
	border-top: solid 1px #DCDCDC;
}
.sf-lead-comment-box {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 40px;
	top: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.sf-update-lead-top {
    position: relative;
    height: 60px;
	background-color: #FFFFFF;
}
.sf-update-lead-back {
    position: absolute;
    left: 13px;
	top: 14px;
	width: 28px;
	height: 28px;
	/*border: solid 2px #101200;*/
	background-color: #FFF;
    border-radius: 24px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
.sf-update-lead-firma {
    position: absolute;
    left: 60px;
    font-size: 15px;
    top: 11px;
	right: 6px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-update-lead-newLead {
    position: absolute;
    left: 60px;
    font-size: 15px;
    top: 18px;
	right: 6px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-update-lead-addLead {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	position: absolute;
	right: 6px;
	top: 6px;
	bottom: 6px;
	width: 53px;
	text-transform:uppercase;
	color: #FFFFFF;
	font-size: 13px;
}
.sf-update-lead-issue {
	position: absolute;
    left: 60px;
    top: 34px;
	right: 6px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sf-lead-stage-box, .sf-lead-stages-ges-row-zw, .sf-lead-stage-stages, .sf-lead-stages-ges, .sf-lead-stages-ges-row, .sf-lead-stage-losses, .sf-lead-stage-losses-ges, .sf-lead-stage-delete-ges {
	display: flex;
	display: -webkit-flex;
}
.sf-lead-stage-box {
	position:absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	flex-direction: row;
	-webkit-flex-direction: row;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.sf-lead-stage-stages {
	flex: 1;
	-webkit-flex: 1;
	border-right: solid 1px #DCDCDC;
	border-bottom: none;
}
.sf-lead-stages-ges {
	flex-direction: column;
	-webkit-flex-direction: column;
	margin: 12px;
}
.sf-lead-stages-ges-row {
	flex-direction: row;
	-webkit-flex-direction: row;
	height: 20px;
}
.sf-lead-stages-ges-row-zw {
	flex-direction: row;
	flex: 1;
	-webkit-flex-direction: row;
	-webkit-flex: 1;
}
.sf-lead-stages-cell-phase {
	position: relative;
	display: flex;
	display: -webkit-flex;
	width: 24px;
	min-width: 24px;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
.sf-lead-stages-strich, .sf-lead-stages-strich-active {
	position: absolute;
	left: 11px;
	top: -2px;
	bottom: -2px;
	width: 1px;
	border-left: solid 2px rgb(140,174,196);
}
.sf-lead-stages-strich-active {
	border-left: solid 2px rgb(96,125,153);
}
.sf-lead-stages-cell-phasename, .sf-lead-stages-head-phasename {
	display: flex;
	display: -webkit-flex;
	width: 70px;
	min-width: 70px;
	padding-left: 10px;
	text-transform: uppercase;
	align-items: center;
	font-family: 'alto_prosemibold';
}
.sf-lead-stages-cell-text, .sf-lead-stages-head-output {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	font-family: 'alto_pronormal';
	-webkit-box-lines: multiple;
}
.sf-lead-stages-head-phasename, .sf-lead-stages-head-output {
	font-family: 'alto_probold';
	text-transform: uppercase;
	color: #878787;
}
.sf-lead-stages-circle, .sf-lead-stages-circle-active, .sf-lead-stages-circle-past {
	width:12px;
	height:12px;
	border-radius: 12px;
	border: solid 2px rgb(140,174,196);
}
.sf-lead-stages-circle-active {
	border: solid 2px rgb(96,125,153);
	background-color: rgb(96,125,153);
}
.sf-lead-stages-circle-past {
	border: solid 3px rgb(122,154,179);
}
.sf-lead-stages-circle:hover, .sf-lead-stages-circle-active:hover, .sf-lead-stages-circle-past:hover  {
	border: solid 2px rgb(64,93,124);
}
.sf-lead-stage-losses {
	background-color: #CCC;
	flex-direction: column;
	flex: 1;
	-webkit-flex-direction: column;
	-webkit-flex: 1;
}
.sf-lead-stage-losses-ges, .sf-lead-stage-delete-ges {
	flex-direction: column;
	flex: 1;
	-webkit-flex-direction: column;
	-webkit-flex: 1;
}
#sf-search-navigation {
	position: relative;
	z-index: 1;
}
#sf-search-window-ges {
	box-shadow: 0px 1px 5px -1px #999;
	-webkit-box-shadow: 0px 1px 5px -1px #999;
	position: relative;
	margin: 50px 4px 4px 4px;
}
#sf-search-container {
	background-color: #FFF;
	-webkit-transition: all 300ms linear;
	overflow:hidden;
	border: solid 1px #DCDCDC;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	position: relative;
}
#sf-search-container-head {
	position: fixed;
	background: rgba(255,255,255,0.8);
	left: 5px;
	right: 5px;
	border-bottom: solid 1px #DCDCDC;
	font-family: 'alto_probold';
	font-size: 12px;
	text-transform: uppercase;
	height: 40px;
	padding-left: 14px;
	display: none;
	align-items: center;
	-webkit-align-items: center;
}
.sf-search-results {
	z-index: 2;
}
.sf-search-results-head {
	font-family: 'alto_probold';
	font-size: 12px;
	text-transform: uppercase;
	height: 40px;
	padding-left: 14px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	border-top: solid 1px #DCDCDC;
}
.sf-search-results:first-child .sf-search-results-head {
	border: none;
}
.sf-search-results-head img, #sf-search-container-head img {
	width: 16px;
	height: 16px;
	margin-right: 8px;
}
.sf-search-results-entry {
	padding: 6px 0px 6px 14px;
	/*border-bottom: solid 1px #DCDCDC;*/
	font-family: 'alto_pronormal';
	font-size: 14px;
}
.sf-search-results-entry:hover {
	background-color: #F6F6F6;
	color: #607D99;
}
.sf-search-results .sf-search-results-entry:last-child {
	border-bottom: none;
}
@media screen and (max-width: 800px) {
.sf-lead-contactperson {
	display: none;
}
.sf-lead-issue {
	-webkit-order: 8;
	-webkit-flex: 100%;
	border-right:none;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #DCDCDC;
	padding-top: 10px;
	min-height: 15px;
}
.sf-lead-firma {
	-webkit-flex: 1;
}
.sf-lead-form-row {
	-webkit-flex-flow: column;
	-webkit-flex-wrap: wrap;
}
.sf-lead-status, .sf-lead-firma, .sf-lead-issue, .sf-lead-contactperson, .sf-lead-owner, .sf-lead-partner, .sf-lead-mandays {
	font-size:12px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.sf-lead-50 {
	width: 100%;
	border-right: none;
}
.sf-lead-form-row:last-child .sf-lead-50:first-child {
	border-bottom: solid 1px #DCDCDC;
}
.sf-lead-content {
	height:	391px;
}
.sf-lead-phone {
	display: flex;
	display: -webkit-flex;
}
.sf-lead-form-klein:nth-child(5) {
	border-right: solid	1px	#DCDCDC;
}
.sf-lead-stage-box {
	flex-direction: column;
	-webkit-flex-direction: column;
}
.sf-lead-stage-stages {
	flex: 1;
	-webkit-flex: 1;
	border-bottom: solid 1px #DCDCDC;
	border-right: none;
}
.sf-filter-menu-link img, .sf-filter-menu-link-active img {
	height: 20px;
	width: 20px;
	margin: 0px;
}
.sf-filter-menu-link-active img {
	margin-bottom: -3px;
}
.sf-filter-menu-link span, .sf-filter-menu-link-active span {
	display: none;
}
}
@media screen and (max-width: 480px) {
#sf-lead-content-contact .sf-lead-form-row .sf-lead-50 .sf-lead-label {
	display: none;
}
}
@media screen and (max-height: 640px) {
#sf-update-lead-graphic {
	display: none;
}
}
@media screen and (max-height: 480px) {
#sf-control-filter-menu {
	bottom: 0px;
}
}