html, body /*, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td */{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
}

html {
    height : 100%;
}

body {
    background: none repeat scroll 0 0 #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 12px;
    height: 100%;
    min-height: 100%;
    text-align: center;
}

.my_page #wrapper {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    position: relative;
    background: url('/crm/resources/gfx/background.png') repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 0.5em #888888;
    text-align: left;
    width: 84em;
}
.my_page.crm-full-width #wrapper {
	width: 100%;
	background-repeat: repeat-y;
}
.my_page.crm-full-width .crm-tab-edit {
	width: 100%;
	max-width: 62.65em;
}
.my_page #header {
	background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #DDD;
    padding: 0 0.8em;
    height:4em;
}
.my_page #header h3 {
    color: #FFFFFF;
    margin: 0;
    padding: 0.8em 0;
}
.my_page #header .name {
    margin: 0;
    padding: 0.8em 0;
}

.my_page #header img {
    padding-top: 0.9em;

}

.my_page #header #appHeader {
    color: #333366;
    margin-top: 1.3em;	
}

#main {
	background: url("../images/main_down_bg.png") no-repeat scroll center bottom transparent;
    clear: both;
    /*overflow: hidden;*/
    width: 100%;
}

#container {
    width: 100%;
}

#content {
    float: left;
    width: 850px;
}

#over-footer {
    height: 3.9em;
}
#footer, #over-footer {
    clear: both;
}

.my_page #column_one {
	float: left;
    padding: 0;
    width: 16em;
    height:100%;
}
.my_page #column_one h3, .my_page #column_one p {
    /*border-bottom: medium double activeborder;*/
    font-size: 130%;
    margin-left: 0.3em;
    width: 93%;
}
.my_page #column_two {
    margin: 0em 1em 1em 0em;
    float: right;
    width: 66em;
}

.my_page.crm-full-width #column_two {
	width: calc(100% - 18em);
}

#footer {
	background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #DDD;
	clear: both;
    color: White;
    margin: -3.9em auto;
    padding-bottom: 2.6em;
    padding-top: 1.3em;
    position: relative;
    width: 84em;
}
.crm-full-width #footer {
	width: 100%;
}
.my_page #footer p {
    margin: 0;
    padding: 0.8em 0;
}

.Copyright {
    color: black;
    float: right;
    font-size: 12px;
    margin-right: 1.3em;
}

.ui-widget {
    font-size: 12px !important;
}

#column_one .ui-menu {
	/*background-color: #7092C2;*/
	color: #102045;
    border: 0 none !important;
    border-radius: 0 0 0 0 !important;
    position: relative !important;
	padding: 0 !important;
	width: 100% !important;
	padding-top: 0.7em !important;
}

#column_one .ui-widget-content {
	background: none !important;
}

#column_one .ui-menu .ui-menuitem-text {
    color: #2d4b9b;
}


#column_one .ui-menu .ui-widget-header {
    color: #2d4b9b;
}

#column_one .ui-menuitem-link {
	padding-top: 0.4em !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0.4em !important;
	width:100% !important;
	font-size: 16px !important;
	border: 0 !important;
	}
	
#column_one .ui-menuitem-text {
	font-weight: 600;
	padding-left: 0.7em;
	color: #000;
	}
	
#column_one .ui-state-hover {
	width:100% !important;
	font-size: 16px !important;
	padding-top: 0.4em !important;
	padding-left: 0.4 !important;
	padding-right: 0 !important;
	padding-bottom: 0.4em !important;
}

#column_one .ui-widget-header {
    background-color: #CCDDFF !important;
    border: 0 none !important;
	float: none !important;
}
#column_one .intend-ui-menuitem-link {
   padding-left: 1.0em !important;
   width: 92% !important;
}

#column_two .ui-widget-header {
	background: url('/crm/resources/gfx/header_red.png') repeat-x scroll 50% 50% #CC0000
}

.vCard {
	float: left;
	box-shadow: 0 0 0.25em #888888; 
	height: 10em; 
	margin: 0.25em; 
	width: 20em;
	background-color: #FFF
}

.vCard:HOVER {
	box-shadow: 0 0 0.5em #85b2cb; 
}
.vCard .vCardLeft{
	padding: 0.25em; 
	float: left; 
	width: 25%;
}

.vCard .vCardLeft .vCardVertriebsereignis{
	padding-top: 1em; 
}

.vCard .vCardRight{
	width: 18em; 
	padding: 0.25em; 
	margin-left: 1em;
	float: left; 
	height: 9.5em;
    position: relative;	
}

.vCard .vCardRight .vCardName{
	margin-top: 0.75em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}

.vCard .vCardRight .vCardNameFirma{
	margin-top: 6em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}

.vCard .vCardRight .vCardAktivitaet{
	margin-top: 0.75em;
	margin-left: 0.1em;
    overflow: hidden;
    height: 3.7em;
    font-weight: 600;
}

.vCard .vCardRight .vCardDatum{
	margin-top: 0.75em;
    float: left;
}

.vCard .vCardRight .vCardStatus{
	margin-top: 0.75em;
    white-space: nowrap;
    background-color: red;
    float:right;
}

.vCard .vCardRight .vCardAddress{
    position: absolute;
    top: 2.5em;
    overflow: hidden;
    white-space: nowrap;
    width: 18em;
}

.vCard .vCardRight .vCardAddress:hover{
    overflow: visible;
}

.vCard .vCardRight .vCardCity{
    position: absolute;
    top: 3.75em;
    overflow: hidden;
    white-space: nowrap;
}

.vCard .vCardRight .vCardTeleFirstLine{
    position: absolute;
    top: 5.25em;
}

.vCard .vCardRight .vCardTeleFirstLine .vCardPictureFirst{
	float:left;
	width: 16px;
	height: 16px;
}

.vCard .vCardRight .vCardTeleFirstLine .vCardTeleFirst{
	float:left;
	margin-left: 0.5em;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: inherit;
}

.vCard .vCardRight .vCardTeleSecondLine{
    position: absolute;
    top: 6.75em;
}

.vCard .vCardRight .vCardTeleSecondLine .vCardPictureSecond{
	float:left;
	width: 16px;
	height: 16px;
	margin-top: -0.1em;
}

.vCard .vCardRight .vCardTeleSecondLine .vCardTeleSecond{
	float:left;
	margin-left: 0.5em;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: inherit;
}


.vCard .vCardRight .vCardRolleFirstLine {
    position: absolute;
    top: 6em;
}

.vCard .vCardRight .vCardRolleFirstLine .vCardPictureFirst{
	float:left;
	width: 16px;
	height: 16px;
	margin-top: 0em;
}

.vCard .vCardRight .vCardRolleFirstLine .vCardRolleFirst{
	margin-left: 1.8em;
	margin-top: 0.2em;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: inherit;
    width: 10em;
}

.vCard .vCardRight .vCardRolleFirstLine .vCardRolleFirst:HOVER {
	overflow: visible;
	width: 30em;
	font-weight:bold;
	color: blue;
	background: white;
}

.vCard .vCardRight .vCardRolleSecondLine {
    position: absolute;
    top: 8em;
}

.vCard .vCardRight .vCardRolleSecondLine .vCardPictureSecond{
	float:left;
	width: 16px;
	height: 16px;
	margin-top: 0em;
}

.vCard .vCardRight .vCardRolleSecondLine .vCardRolleSecond{
	float:left;
	margin-left: 0.5em;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: inherit;
    width: 10em;
}

.vCard .vCardRight .vCardRolleFirstLine .vCardRolleSecond:HOVER {
	overflow: visible;
	width: 30em;
	font-weight:bold;
	color: blue;
	background: white;
}

.vCard .vCardLeft img {
    border: 0 none;
    width: 90%;
    vertical-align: middle;
}

.tableView .tableColumnName{
	width: 12em;
}

#content .paginator {
	display: block;
	text-align: right;
	padding-bottom: 5px;
}

#content .paginator-content {
	margin-left: 5px;
	margin-right: 5px;
}

.searchAndFilter {
	margin-bottom: 0.5em;
	overflow: hidden;
}
.searchAndFilter .filterByChar {
	float: left;	
}

.searchAndFilter .filterByChar .ui-button-text-only .ui-button-text {
	padding: 0.4em 0.3em;
}

.searchAndFilter .searchByText {
	float: left;
}

.searchAndFilter .searchByText .icon-search {
	background-image: url('/crm/resources/gfx/icon/zoom_icon_16.png') !important;
	border-radius: 0 !important;
}

.searchAndFilter .resetFilters {
	float:right;
	padding-right: 0.5em;
}

.searchAndFilter .filterByOwn {
	float:right;
}

.vCardView{
	overflow: hidden;
}

.vCard a:link {  text-decoration:none;}
.vCard a:visited {  text-decoration:none;}
.vCard a:hover {  text-decoration:underline;}

.switchLayoutAndPaginate {
	margin-top: 0.5em;
}

.switchLayoutAndPaginate .paginate{
    margin-top: 0.5em;
    text-align: center;
}

.switchLayoutAndPaginate .layoutSwitch{
	float: left;
	margin-left: 0em;
}

.switchLayoutAndPaginate .newButton{
	float: right;
    margin-right: 0.5em;
}

#column_two .ui-tabs .ui-tabs-panel {
	;
}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.dialog .ui-dialog .ui-dialog-content {
	overflow: hidden !important;
}

.edit {
	;
}

.dialogContent {
	width: 40em;
}

#editTelekontaktForm:editTelekontaktDialog.ui-dialog{
}

.edit .leftColumn {
	width: 40em;
	float: left;
}

.edit .leftColumn .row .column .ui-message-error,
.edit .leftColumn .row .column_long .ui-message-error,
.edit .rightColumn .row .column .ui-message-error{
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	background: 0;
	top: -0.7em;
	left: 6.8em;
}

.edit .leftColumn .row {
	width: 100%;
	margin-top: 0.5em;
}

.edit .leftColumn .row .column{
	width: 19em;
	float: left;
	position: relative;
}

.edit .leftColumn .row .columnSpacer{
    float: left;
    height: 1em;
    width: 2em;
}

.edit .leftColumn .row .column_long{
	width: 100%;
	float: left;
	position: relative;
}

.edit .leftColumn .row .column_short{
    float: left;
    margin-bottom: -0.1em;
    margin-left: 7.5em;
    margin-top: 0.15em;
    width: 10em;
}

.edit .leftColumn .row .column_short .label{
	padding-top: 0.2em;
	
}

.edit .leftColumn .row .label {
	width: 7.5em;
	float: left;
	padding-top: 0.4em;
}

.edit .leftColumn .column .ui-selectonemenu {
	margin-bottom: -4px;
	width: 11.15em !important;
}

.edit .leftColumn .column .ui-inputfield {
	width: 10.5em !important;
}

.edit .leftColumn .column_long .ui-inputfield {
	width: 31.5em !important;
}

.edit .leftColumn .button_column {
	margin-top: 0.5em;
	margin-left: 1em;
	margin-right: 1px;
	margin-bottom: 0.5em;
	float: right;
}

.edit .leftColumn .deleteButton{
	float: left;
    margin-left: 7.5em;
	margin-top: 0.5em;
	margin-right: 1px;
	margin-bottom: 0.5em;
}

.edit .leftColumn .button_column .ui-button,
.edit .leftColumn .deleteButton .ui-button
{
	width: 9em;
}

.edit .rightColumn {
	width: 19em;
	float: right;
}

.edit .rightColumn .row {
	width: 100%;
	margin-top: 0.5em;
}

/*Test Start*/
.edit .rightColumn .row .column{
	width: 19em;
	float: left;
	position: relative;
}

.edit .rightColumn .row .label {
	width: 7.5em;
	float: left;
	padding-top: 0.4em;
}

.edit .rightColumn .column .ui-selectonemenu {
	margin-bottom: -4px;
	width: 11.15em !important;
}

.edit .rightColumn .column .ui-inputfield {
	width: 10.5em !important;
}
/*Test End*/

.edit .button_row {
	width: 100%;
	float: left;
}

.edit .button_column {
	margin-top: 1em;
}

.edit .button_column .ui-button{
	width: 9em;
	float: left;
}

.display {
	margin-top: 0.5em;
}

.display .sortAndEditButtons{
	width: 5.5em;
}

.display .prioSorter {
	float: left;
	margin-right: 0.2em;
}

.display .prioSorter .sorterButtonUp {
	height: 14px;
}

.display .prioSorter .sorterButtonDown .ui-button-icon-only .ui-icon{
	margin-left: -9px;
}

.display .prioSorter .sorterButtonDown {
	height: 14px;
}

.display .prioSorter .ui-button {
	height: 14px;
}

.display .editButton {
	float: left;
}

.display .deleteButton {
	float: right;
	margin-left: 0.1em
}

.display .panelHeader {
	float:left; 
	width:96%;
}

.display .panelHeader .panelHeaderButton{
	float: right;
    margin-bottom: -2px;
    margin-top: -3px;	
}

 .panelHeaderButton .ui-button-text-only .ui-button-text{
	padding: 0em 1em;
}

.autoWidthDialog {
    width: auto !important;
}

.ui-fieldset-legend {
	height: 0.8em;
	font-size: 11px;
	background: #c96363;
}

.ui-panelgrid td {
	border-style: hidden !important;
}

.column-angebot-details .ui-dt-c {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.search-angebot-gesamtwerte .ui-panel .ui-panel-content {
	padding: 0.25em 1em !important;
}

.column_long .ui-button-text {
   padding-top: 3px !important;
}

.ui-panel-title {
    margin-right: 0px !important;
}

.paginator2 .ui-button {
	height: 1.8em;
	width: 2.3em;
}

.paginator2 .ui-button-text {
	padding: 2px 0px 0px 0px !important;
}

.panelHeaderLink {
	text-decoration: none;
    border: 3px solid #7b1d1d;
    border-radius: 10px;
    padding: 1px 5px 1px 5px;
}

.panelHeaderLinkHover {
	background-color: #7b1d1d;
}

.panelHeaderLinkPressed {
	background-color: red;
    border: 3px solid red;
    margin-left: 1px;
}

.btnIconOnly {
	height: 2em;
}

.btnBigIcon .fa {
	transform: scale(1.6);
}

.fancyFlag {
    border-radius: 10px;
    padding: 0px 10px;
}

.fancyFlag.flagActive {
    color: white;
    background-color: green;
}

.fancyFlag.flagInactive {
    color: black;
    background-color: #DDD;
}

.flagFix1 {
    position: relative;
    top: -4px;
    left: 5px;
}

.grid-email-view {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
    grid-gap: 10px;
    height: 100%;
}

.grid-email-header {
	border-radius: 5px;
	background-color: #ecf0f1;
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-gap: 5px;
	padding: 10px;
}

.grid-email-body {
    max-height: 100%;
    overflow-y: auto;
	padding: 15px;
}

.grid-email-footer {
    justify-self: end;
}

.stretch-page {
	float: right;
    font-size: 20px;
    margin: 10px;
    padding: 3px;
    color: #cc0000;
    cursor: pointer;
}

.stretch-page:hover {
	color: white;
	background-color: #cc0000;
	border-radius: 15px;
}

.edit-btn-s span:hover {
    background-color: #CC0000;
    color: white;
}

.edit-btn-s {
    float: right;
}

.edit-btn-s span {
    padding: 2px;
    border-radius: 15px;
    opacity: 0;
}

tr:hover .edit-btn-s span, .column:hover .edit-btn-s span, .crm-edit-gc:hover .edit-btn-s span {
	opacity: 1;
}

.edit-btn-cell {
    position: absolute;
    right: 3px;
    top: calc(50% - 8px);
}

tr:hover .edit-btn-cell {
	opacity: 0;
}

td:hover .edit-btn-cell {
	opacity: 1;
}

.panel-header-icon-btn {
	margin-top: 2px;
	padding: 2px;
	border-radius: 15px;
}

.panel-header-icon-btn:hover {
	color: #CC0000;
	background-color: white;
}

.no-text {
	text-decoration: none;
}

.rtype-lbl {
    border-radius: 15px;
    background-color: #cc0000;
    padding: 1px 5px;
    color: white;
}

.rtype-lbl-ehemalig {
    background-color: grey;
}

.forecast-nav-wrapper {
	position: relative;
	text-align: center;
}

.forecast-nav-panel {
	display: inline-block;
}

.forecast-nav-panel input {
	width: 40px;
	text-align: center;
}

.cl-icon-only {    
	font-size: 20px;
    position: relative;
    top: 4px;
    padding: 0px 5px;
}

.cl-icon-only .fa:hover {
	color: #cc0000;
}

.fc-code-area {
	background-color: #ececec !important;
	font-family: consolas !important;
	width: calc(100% - 10px);
	height: 500px !important;
	overflow-y: auto !important;
}

.menu-single-line .ui-menuitem-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-single-line .ui-menuitem-link span {
    display: contents;
}

.menu-sub-header {
	background-color: #eeeeee;
}

.dlg-header-single-line .ui-dialog-title {
	white-space: nowrap;
	max-width: calc(100% - 35px);
	overflow: hidden;
	text-overflow: ellipsis;
}

.crm-static-msg {
	display: table;
    padding: 10px;
    border-radius: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.crm-static-msg-symbol {
	font-size: 30px;
	color: white;
	display: table-cell;
	vertical-align: middle;
}

.crm-static-msg-content {
	padding-left: 10px;
	padding-right: 10px;
	display: table-cell;
	vertical-align: middle;
}

.crm-static-msg-alert {
    color: #2d3436;
    background-color: #ffeaa7;
}

.crm-static-msg-success {
    color: #2d3436;
	background-color: #26de81;
}

.crm-static-msg-fail {
    color: white;
    background-color: #e88a8a;
}

.crm-static-msg-setting {
    color: black;
    background-color: #eeeeee;
}

.crm-static-msg-info {
    color: black;
    background-color: #ccddff;
}

.crm-edit-grid {
	display: grid;
	grid-template-columns: 3fr 5fr 3fr 5fr 3fr 5fr;
	grid-gap: 7px;
	width: 100%;
}

.four-columns {
	grid-template-columns: 2fr 5fr 50px 2fr 5fr;
}

.edit-aktivitaet-grid,
.edit-angebot-grid,
.new-angebot-grid {
	grid-template-columns: 11% 18.5% 20px 11% 18.5% 20px 11% 18.5%;
}

.crm-edit-gc {
	align-self: center;
}

.column-start-4 {
	grid-column: 4;
}

.column-start-7 {
	grid-column: 7;
}

.crm-edit-gc.new-row,
.grid-edit-benutzer .new-row {
	grid-column-start: 1;
}

.crm-edit-gc.span-2-end {
	grid-column-start: 2;
	grid-column-end: -1;
}

.crm-edit-gc.span-5-7 {
	grid-column-start: 5;
	grid-column-end: 7;
}

.crm-edit-gc.span-2-6 {
	grid-column-start: 2;
	grid-column-end: 6;
}

.span-full {
	grid-column-start: 1;
	grid-column-end: -1;
}

.crm-edit-gc.span-full {
	grid-column-start: 1;
	grid-column-end: -1;
	padding-right: 0px;
}

.crm-edit-gc.last-column {
	grid-column-end: -1;
}

.crm-edit-gc .ui-inputfield {
	width: calc(100% - 11px);
}

.crm-edit-gc .ui-selectonemenu {
	width: calc(100% - 3px) !important;
}

.crm-edit-gc .ui-selectonemenu-label {
	width: 100% !important;
}

.grid-edit-benutzer .span-3 {
	grid-column: span 3;
}

.grid-button-bar,
.crm-edit-gc.span-full.grid-button-bar {
    padding: 5px;
    background-color: #eee;
    border-radius: 0 0 5px 5px;
}

.angebot-calc-btn.ui-button {
	float: right;
    margin-right: 2px;
    height: 24px;
    width: 85px;
}

.angebot-calc-btn.ui-button-text-only .ui-button-text {
	padding: 0;
}

.angebot-crumbs {
	display: table;
	margin: auto;
}

.angebot-crumbs .crm-static-msg {
	display: table-cell;
	color: white;
	font-size: 14px;
}

.angebot-crumbs .crm-static-msg span {
	text-decoration: none;
}

.angebot-crumbs .crm-static-msg:hover {
}

.angebot-firma-crumb .crm-static-msg {
	background-color: #004276;
	transition: 500ms;
}

.angebot-kontakt-crumb .crm-static-msg {
	background-color: #cc0000;
	transition: 500ms;
}

.angebot-firma-crumb .crm-static-msg:hover {
	background-color: rgba(0, 66, 118, 0.7);
}

.angebot-kontakt-crumb .crm-static-msg:hover {
	background-color: rgba(204, 0, 0, 0.7);
}

.angebot-firma-crumb, .angebot-kontakt-crumb {
	text-decoration: none;
}

.angebot-calc {
	background-color: white !important;
	transition: 500ms;
}

.angebot-calc-highlight {
	background-color: #74b9ff !important;
}

.akt-doc-link .crm-static-msg {
    padding: 5px 6px;
    color: white;
    margin: 0;
    width: 10.3em;
}

.akt-show-email .crm-static-msg {
	background-color: #004276;
}

.akt-show-email .crm-static-msg:hover {
	background-color: rgba(0, 66, 118, 0.7);
}

.akt-open-doc .crm-static-msg {
	background-color: #004276;
}

.akt-open-doc .crm-static-msg:hover {
	background-color: rgba(0, 66, 118, 0.7);
}

.crm-edit-gc .crm-static-msg {
	width: calc(100% - 14px);
}
	
.akt-doc-link .crm-static-msg .crm-static-msg-symbol {
    font-size: 12px;
    padding-left: 4px;
}

.akt-doc-link {
    color: white;
    text-decoration: none;
}

.doc-edit-btn {
	margin-right: 15px;
}


/* START Animated Logo */
@keyframes redPulse {
	0% {transform: translateX(210px) translateY(260px) scale(1);}
	33% {transform: translateX(150px) translateY(200px) scale(0.7);}
	67% {transform: translateX(150px) translateY(200px) scale(0.7);}
	100% {transform: translateX(210px) translateY(260px) scale(1);}
}
@keyframes red2Grey {
	0% {fill: #d71635;}
	33% {fill: #eeeeee;}
	67% {fill: #eeeeee;}
	100% {fill: #d71635;}
}
@keyframes bluePulse {
	0% {transform: translateX(510px) translateY(460px) scale(1);}
	33% {transform: translateX(450px) translateY(400px) scale(1.75);}
	67% {transform: translateX(450px) translateY(400px) scale(1.75);}
	100% {transform: translateX(510px) translateY(460px) scale(1);}
}
@keyframes blue2Grey {
	0% {fill: #0c4da2;}
	33% {fill: #eeeeee;}
	67% {fill: #eeeeee;}
	100% {fill: #0c4da2;}
}
@keyframes spinLogo {
	0% {transform: rotate(0deg);}
	16.6% {transform: rotate(0deg);}
	33.3% {transform: rotate(180deg);}
	50% {transform: rotate(180deg);}
	66.6% {transform: rotate(180deg);}
	83.3% {transform: rotate(360deg);}
	100% {transform: rotate(360deg);}
}
.logo-anim {
	width: 50px;
	position: fixed;
	right: 10px;
	bottom: 5px;
	display: none;
}
.logo-anim.visible {
	display: block;
}
.drop1 {
	animation: redPulse 2s ease infinite;
}
.drop2 {
	animation: bluePulse 2s ease infinite;
}
.drop1 ellipse, .drop1 path {
	animation: red2Grey 2s ease infinite;
}
.drop2 ellipse, .drop2 path {
	animation: blue2Grey 2s ease infinite;
}
.logo-svg {
	animation: spinLogo 4s ease infinite;
}
/* END Animated Logo */

.grid-edit-benutzer {
	margin-top: 10px;
	display: grid;
	grid-template-columns: 2fr 3fr 2fr 3fr;
	grid-gap: 10px 20px;
	align-items: center;
	max-width: 600px;
}
.edit-benutzer-btns {
	grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 8em);
    grid-gap: 10px;
    background-color: #eee;
	padding: 5px;
	border-radius: 7px;
}

.datenpflege-task-panel {
	display: grid;
	grid-template-columns: auto;
    align-items: center;
}

.datenpflege-task-panel .datenpflege-task-check {
	font-size: 20px;
}

.datenpflege-task .crm-static-msg-symbol {
    width: 45px;
}

.datenpflege-task.disabled {
    color: #ccc;
}

.datenpflege-task.disabled .crm-static-msg-symbol {
	color: #ccc;
}

.task-panel-1 {
	margin-top: 10px;
    display: grid;
    grid-template-columns: 20px auto 1fr 8em 8em;
	grid-gap: 5px;
	align-items: center;
}

.task-panel-order {
	grid-column: 2;
}

.grid-span-2 {
	grid-column: span 2;
}

.som-stretch .ui-selectonemenu {
	width: calc(100% - 3px) !important;
}

.som-stretch .ui-selectonemenu-label {
	width: 100% !important;
}

.crm-static-msg-success .datenpflege-success-link {
	padding: 7px 15px;
	background-color: #20bf6b;
	border-radius: 15px;
	text-decoration: none;
	color: white;
	font-weight: bold;
	margin-left: 20px;
}

.crm-static-msg-success .datenpflege-success-link:hover {
	background-color: #20bf6ba0;
}

.crm-static-msg-success .datenpflege-success-link:active {
	background-color: #20bf6b50;
}

.datenpflege-header {
	display: grid;
	grid-template-columns: auto 1fr auto auto auto;
	align-items: end;
	grid-gap: 15px;
	margin-bottom: 5px;
}

.datenpflege-header .crm-static-msg {
	height: 30px;
}

.datenpflege-max-results {
	grid-column-start: 3;
	grid-template-columns: auto auto;
	align-items: center;
}

.datenpflege-header .header-filter {
	padding: 5px 5px 5px 5px;
	background-color: #eee;
	border-radius: 10px 10px 0px 0px;
	margin-bottom: -5px;
	display: grid;
	grid-template-rows: 15px 30px;
}

.datenpflege-max-results .ui-inputfield {
	width: 40px;
}

.datenpflege-header .header-filter .filter-label {
	padding-left: 5px;
	color: #aaa;
	grid-column: 1 / -1;
}

.datenpflege-header .ui-buttonset {
	margin-right: 0;
}

.berechtigungen-verwalten-btn {
	height: 2em;
}

.berechtigungen-verwalten-btn.ui-button .ui-button-text {
	display: initial;
}

input.enable-feedback,
.enable-feedback > .ui-inputfield {
	transition: background-color 2s;
}

input.enable-feedback.feedback-info,
.enable-feedback.feedback-info > .ui-inputfield {
	background-color: #74b9ff;
	transition: none;
}
a.crm-link-fa {
    font-family: FontAwesome;
    text-decoration: none;
}

.ui-datatable .ui-datatable-data td.crm-newsletter-td>div.ui-dt-c {
	padding: 0px;
}

.ui-datatable .ui-datatable-data td.crm-newsletter-td>div.ui-dt-c>div {
	height: 40px !important;
	width: 100% !important;
	border-radius: 0px;
	border: none;
	background: none;
	padding: 0px;
}

.ui-datatable .ui-datatable-data td.crm-newsletter-td>div.ui-dt-c>div.ui-state-active{
	background: #b64e4e ;
}

.ui-datatable th.crm-newsletter-td .ui-dt-c{
	
	padding: 0px;
}

.ui-sticky{
    top: 70px !important;
    position: fixed !important;
}

.crm-full-width .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
	background:none;
	icon: none;
	/* margin-top: -10px;
	height: 23px;
	transform: translateY(9px);
	line-height: 15px; */
}

.ui-dt-c .ui-panel{
	background: none;
	border:none;
	padding: 0px;
}

.ui-dt-c .ui-panel .ui-panel-content{
	color:none;
	background: none;
	padding: 0px;
}



.crm-full-width .ui-selectcheckboxmenu-header{
	display: none;
}