/* play-700 - latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/play-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Play Bold'), local('Play-Bold'),
       url('../fonts/play-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/play-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/play-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/play-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/play-v9-latin-700.svg#Play') format('svg'); /* Legacy iOS */
}
/* play-regular - latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/play-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Play Regular'), local('Play-Regular'),
       url('../fonts/play-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/play-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/play-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/play-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/play-v9-latin-regular.svg#Play') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body
{
	color: #676767;
	background-color: #F7F7F7;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	height:100vh;
	width: 100vw;
}

h1, h2, h3, h4 {-webkit-font-smoothing: antialiased;}

.Intro
{
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	padding: 0px 0px 3px 2px;
}

.Intro div
{
	margin: 10px 0px 11px 0px;
}

.Intro .Button
{
	font-size: 11px;
	width: 150px;
	font-family: 'Open Sans', sans-serif;
}

.Header {
	display: block;
	background-color:#ffffff;
	clear: both;
	padding: 0px 50px 7px;
	color: #ffffff;
}

.Header_Top {
	display: block;
	clear: both;
}

.Header_Bottom {
	display: block;
	clear: both;
}

.textlinks a
{
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}
.textlinks a img {
	text-decoration: underline;
}

.textlinks, .textlinks-right
{
	color: #fbfbfc;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
}
.textlinks
{
	float: left;
	clear: left;
	max-width: 90%;
	overflow: hidden;
	padding-right: 20px;
	box-sizing: border-box;
	white-space: nowrap;
}
.textlinks-right
{
	float: right;
	clear: right;
}

.top {
	color: #7CACDA;
}

.disabledlink {
	font-weight: normal;
	color: gray;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
}

.Heading1
{
	color: #006980;
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding: 5px 0px 10px;
}

.Heading1 a {
	color:#006980;
	text-decoration:none;
}

.Heading1 ul,
.Heading1 ul li,
.Heading1 ul li a {
	display: block;
	width: 100%;
}

.Heading2, tr.Heading2 td
{
	font-size: 20px !important;
	color: #006980;
	height: 35px !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background-color: #F7F7F7;
	padding-bottom: 10px !important;
	border-bottom: 2px solid #006890;
	padding-left: 0 !important;
}

.Sub-Heading2, tr.Sub-Heading2 td
{
	font-size: 20px !important;
	color: #006980;
	height: 35px !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding-bottom: 10px !important;
	border-bottom: 2px solid #006890;
	padding: 0px;
    font-weight: 400;
}

.HeadingEmptyRow {
	height: 25px !important;
	background-color: #F7F7F7;
}

.mainbg { background-color: #F7F7F7; }

.Index-Panel-Heading
{
	font-size: 25px !important;
	color: #006980 !important;
	height: 50px !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background-color: #F7F7F7;
	border-bottom: 2px solid #006890;
	vertical-align:top;
}

.Heading3
{
	PADDING-LEFT: 4pt;
	font-size: 15px;
	COLOR: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	TEXT-DECORATION: none;
}

.Heading3 TD
{
	vertical-align: middle;
	padding: 15px 4px;
	background-color: #006980;
	color: #ffffff;
	height: 35px;
}
tr.Heading4
{
	PADDING-LEFT: 4pt;
	font-size: 15px;
	COLOR: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	TEXT-DECORATION: none;
}
tr.Heading4 TD
{
	vertical-align: middle;
	padding: 4px;
	background-color: #e5f0f2;
	color: #006980;
	height: 35px;
	border-bottom: 1px solid #006980;
}
tr.Heading4 TD a i {color:#006980 !important;}

tr.bottom TD{border-top:1px solid #006980;border-bottom:0px;}

.ISSelectReplacement
{
	width: 500px;
	height: 250px;
}

input.ISSelectSearch
{
	width: 100% !important;
	max-width: 500px;
	margin-top:5px;
}

.Field,
.Field30,
.Field50,
.Field150,
.Field200,
.Field250,
.Field300,
.Field320,
.Field450
{
	/*font-size: 11px;
	color: #333333;
	font-family: 'Open Sans', sans-serif;*/
	margin-top: 3px;
	margin-right: 5px;
}

.Field30 
{
	width: 30px;	
}

.Field50
{
	width: 50px;
}

.Field150
{
	width: 150px;
}
.Field200
{
	width: 200px;
        min-width: 200px;
        padding-left:  3px !important;
}

.Field250
{
	width: 100% !important;
	max-width: 300px;
}

.Field300
{
	width: 300px;
}

.Field320
{
	width: 100% !important;
	max-width: 320px;
}
.Field450
{
	width: 450px;
}

.error
{
	border: #CD1143 2px solid;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	background-color: #FCEEF3;
}

.toolTipBox
{
	font-family: 'Open Sans', sans-serif;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	background-color: #fff;
	color: #333333;
	text-decoration: none;
	margin-bottom: 15px;
	border-left: 3px solid #006980;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.hide
{
	display: none;
	visibility: hidden;
}

.paging
{
	font-size: 8pt;
	color: white;
	font-family: 'Open Sans', sans-serif;
}

.required
{
	font-size: 8pt;
	color: red;
	font-family: 'Open Sans', sans-serif;
}

.aside
{
	margin: 0;
	padding: 0;
	color: #3a3a3a;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.PageFooter
{
	padding-top: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	text-align: right;
	color: #808080;
	margin: 10px 50px 30px;
}

.PageFooter a
{
	font-size: 11px;
	color: #676767;
}

.MidHeading
{
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	background-color: #F9F9F9;
	width: 80%;
	padding: 3px 1px 1px 6px;
}

.MidHeading img
{
	vertical-align: middle;
}

.RightHeader
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: 'Open Sans', sans-serif;
	background-color: #EDECEC;
	padding: 3px 1px 1px 6px;
	height: 18px;
}

ul, a
{
	color: #006980;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
a:hover {text-decoration:underline;}


label#triggeremails_triggeractions_removelist_enabled_label ul
{
	color: #676767;
}

.ContentContainer ul li
{
	line-height: 3em;
}

ul.RssFeed {
	padding-left: 0px;
	margin-left: 0px;
}

ul.RssFeed li {
	padding-left: 0px;
	margin-left: 5px;
}

.Text
{
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	margin-top: 5px;
}

.CalendarSelect
{
	width: auto;
}

.CalendarSelectSmall
{
	width: 75px;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

div.FlashError, div.FlashSuccess, .FlashWarning, .FlashSuccessInCard {
	font-weight: 600;
	line-height: 2em;
	margin-bottom: 30px;
	padding: 10px 5px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	border-radius: 5px;
    font-size: 1.05em;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: relative;
}

div.FlashError
{
	background-color: #ffffff;
	border-left: 3px solid #e74c3c;
	-webkit-animation-name: shake;
	animation-name: shake;
}

img.FlashError
{
	padding-right: 4px;
	margin-top: -2px;
}

.FlashError ul
{
	padding-left: 100px;
}


div.FlashSuccess
{
	background-color: #ffffff;
	border-left: 3px solid #83AC1B;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.FlashSuccessInCard {
	border: 1px solid #83ac1b;
    border-left: 3px solid #83ac1b;
}
.FlashSuccessInCard i {color: #83ac1b;}

img.FlashSuccess
{
	padding-right: 4px;
	margin-top: -2px;
}

.FlashSuccess a, td.import-report ul li a,
td.import-report ul li span.disabled-link {
    background-color: #83AC1B;
    padding: 2px 7px;
    color: #fff;
    border-radius: 4px;
	transition: all 0.3s linear;
	font-size: 0.9em;
}
.FlashSuccess a:hover, td.import-report ul li a:hover {
    background-color: #006980;
    text-decoration: none !important;
}

td.import-report ul li span.disabled-link {
	background-color: #ccc;
	color: #2c2c2c;
	font-weight: normal;
	cursor: pointer;
}
td.import-report ul li span.disabled-link:hover {
	background-color: #b6b6b6;
}

.FlashWarning{
	background-color: #ffffff;
	border-left: 3px solid #e67e22;
	-webkit-animation-name: shake;
	animation-name: shake;
}

.Message
{
	background-color: #dae6ba;
	font-weight: normal;
	font-size: 11px;
	color: #4e4f4f;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	/*
	padding-top: 5px;
	padding-bottom: 5px;*/
	padding: 5px;
	vertical-align: top;
}
.AccessDeniedInfo {
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.5em;
    color: #a5a5a5;
    font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	display: none;
}

.Info
{
	background-color: #EEEEEE;
	font-weight: normal;
	font-size: 11px;
	color: #4e4f4f;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	padding: 5px;
	vertical-align: top;
}

.notification-icon { padding: 0px 8px;}

.PageHeader
{
	width: 100%;
	/* border-collapse: collapse; */
	background-color: #F7F7F7;
}

.PageHeader .Menu
{
	text-align: right;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	padding-right: 20px;
	vertical-align: bottom;
	padding-bottom: 5px;
}

.PageHeader .Menu A
{
	color: #000000;
	text-decoration: none;
}

.PageHeader .Menu A:hover
{
	text-decoration: underline;
}

.Panel
{
	background-color: #ffffff;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 25px;
	/*border-bottom: 5px solid #F9F9F9;*/
}

.Panel a
{
	color: #333333;
}

.Panel td
{
	/*font-size: 11px;*/
	height: 22px;
	/*line-height: 22px;*/
	font-family: 'Open Sans', sans-serif;
}

.PanelContent
{
	height: 354px;
}

.FieldLabel
{
	padding: 6px 10px 0px 10px;
	font-weight: normal;
	font-size: 13px !important;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	vertical-align: top;
	width: 200px;
	height: 26px;
}

.SmallFieldLabel
{
	padding: 6px 10px 0px 10px;
    font-weight: normal;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    vertical-align: top;
    width: 120px;
	height: 26px;
}

TR.GridRow TD
{
	padding: 15px 5px;
	background-color: #fff;
	border-bottom: solid 1px #cccccc;
	
	font-size:12px;
	vertical-align:middle;
}

TR.GridRowOver TD
{
	background-color: #e5f0f2;
}
/*
.SmallButton
{
	font-size: 11px;
	width: 130px;
    font-family: 'Open Sans', sans-serif;
}

.FormButton
{
	font-size: 11px;
    width: 80px;
	font-family: 'Open Sans', sans-serif;
}

.FormButton_wide
{
	font-size: 11px;
	width: 100px;
	font-family: 'Open Sans', sans-serif;
}
*/

.HelpText
{
	cursor: help;
	border-bottom: 1px dotted #83AC1B;
}

/* CS Created */

/* select
{
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	width: 250px;
}*/

.DateTimeBox
{
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 4px;
	width: 50px;
}

.infotiplist, .customfieldlist
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 125%;
}

.Panel .Gap
{
	height: 5px;
}

.datefield
{
	width: 70px;
	font-size: 11px;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
}

.UserInfo
{
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #FFFDE0;
	padding: 7px;
}

.templategroup
{
	font-weight: bold;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
}

#tabnav, #tabnav_text
{
	height: 41px;
	margin: 0;
	padding-left: 0px;
	border-bottom: 1px solid #006980;
}

#tabnav li, #tabnav_text li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#tabnav a:link, #tabnav a:visited, #tabnav_text a:link, #tabnav_text a:visited
{
	float: left;
	background: #006980;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 17px;
	margin-right: 4px;
	border: 1px solid #006980;
	text-decoration: none;
	color: #ffffff;
	font-family: 'Play', sans-serif;
	transition: all 0.3s linear 0s;
}

#tabnav a:link.active, #tabnav a:visited.active, #tabnav_text a:link.active, #tabnav_text a:visited.active
{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #006980;
}

#tabnav a:hover, #tabnav_text a:hover
{
	background: #83ac1b;
	border-top: 1px solid #83ac1b;
    border-left: 1px solid #83ac1b;
    border-right: 1px solid #83ac1b;
}
#tabnav a.active:hover, #tabnav_text a.active:hover
{
	border-top: 1px solid #006980;
    border-left: 1px solid #006980;
    border-right: 1px solid #006980;
}

.timePicker
{
	font-size: 11px;
	width: 80px;
	font-family: 'Open Sans', sans-serif;
	color: black;
	border: 2px inset !important;
}

.timePicker button {
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	color: black;
	height: 10px;
	padding: 0px;
	margin: 0px;
	width: 16px;
}

.imageTag
{
	font-size: 11px;
	background-color: #FFF1A8;
	border: solid 1px #EDEACA;
	padding: 20px;
	line-height: 100%;
}

.imageTag img
{
	margin-bottom: 10px;
}

.quote
{
	border-left: solid 5px #CACACA;
	padding-left: 20px;
	line-height: 140%;
}

.customField
{
	background-color: pink;
}



/* ADDED IN NX 1.1.4 */
.PanelPlain
{
	background-color: #FFFFFF;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-bottom: 5px solid #FFFFFF;
}

.PanelPlain td
{
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}

.didyouKnowBox, .systemMessageBox
{
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	padding: 5px;
	border: solid 1px #e3e3e3;
	background-color: #f4feff;
	color: #333333;
	text-decoration: none;
	margin-bottom: 15px;
}

.spam_notspam {
	background-color: #00FF00;
	height:5px;
}
.spam_alert {
	background-color: #FFFF66;
	height:5px;
}
.spam_spam {
	background-color: #FF0000;
	height:5px;
}
.spam_info {
	padding: 4px 8px 4px 8px;
}

/* Interspire Select Replacemnt CSS */
.ISSelect {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #cccccc;
	float:left;
	min-height:200px;
	max-height:600px;
	overflow:auto;
	width:100% !important;
	max-width: 500px;
}

.ISSelect ul, .ISSelect li, .search_checkbox_wrapper ul, .search_checkbox_wrapper li,
.list-select-box ul, .list-select-box li, ul#FieldOrderList, #FieldOrderList li  {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

.ISSelect li {
	border-bottom:solid 1px #ffffff;
	border-top:solid 1px #ffffff;
	cursor:default;
	padding-bottom:0px;
	padding-left:4px;
	padding-top:0px;
	/*height: 3em;	*/
}
.ISSelect li.ISSelectGroup {
	padding-left:0pt;
}
.ISSelect input {
	vertical-align:middle;
}
.ISSelectGroup li {
	padding-left:20px;
}
.ISSelect ul li, .search_checkbox_wrapper, .search_checkbox_wrapper ul li, .list-select-box, .list-select-box ul li {
		-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
#FieldOrderList li:hover {
	-webkit-transition: background 0.2s linear 0s;
	-moz-transition: background 0.2s linear 0s;
	-ms-transition: background 0.2s linear 0s;
	-o-transition: background 0.2s linear 0s;
	transition: background 0.2s linear 0s;
}
.ISSelect .ISSelectOptionHover, .search_checkbox_wrapper li:hover, .list-select-box li:hover, #FieldOrderList li:hover {
	background-color: #e5f0f2;
}
.ISSelectGroup div {
	font-style:italic;
	font-weight:bold;
	padding-left:4px;
}
.ISSelect li.ISSelectGroup {
	background:transparent none repeat scroll 0%;
	border-bottom:0pt none;
	border-top:0pt none;
	padding-bottom:0pt;
}
.ISSelect .SelectedRow {
	background:#006980 none repeat scroll 0%;
	border-bottom:1px solid #006980;
	border-top:1px solid #006980;
	color:#FFFFFF;
}


/* ADDED IN NX 1.2.0 */


label {
	cursor: pointer;
	font-weight: bold;
}

/* For the loading indicator on the Statistics page */
.loading_indicator {
	position: fixed;
	right: 0px;
	top: 20px;
	left: 0px;
	width: 100%;
	text-align: center;
	z-index: 10000;
}

.loading_indicator_massage {
	position:fixed;
	top:40%;
	left:50%;
	margin-left:-160px;
	text-align: center;
	background: #ffffff;
	color: #006980;
	width: 260px;
	font-size: 15px;
	padding: 35px 20px 17px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	box-shadow: 0px 0px 20px 0px rgba(50,50,50,0.75);
	z-index:10001;
}


/* Added in NX 1.3.3 */

.tutorial_example
{
	font-family: 'Open Sans', sans-serif;
	font-size: 9pt;
	padding: 10px;
	margin-top: 10px;
	border: solid 1px #EDEACA;
	background-color: #FFF1A8;
	color: #333333;
	text-decoration: none;
	width:300px;
	margin: auto 33% auto 33%;
}

.center_div
{
	margin: auto 33% auto 33%;
}

.TestModeEnabled
{
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	background-color: #E0ECFF;
	padding: 5px 5px 10px 5px;
	line-height: 11px;
	margin-bottom: 10px;
}

.DropShadowContainer {
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	z-index: 1000000;
	position: relative;
}

.DropShadowContainer .Shadow1,
.DropShadowContainer .Shadow3,
.DropShadowContainer .ItemContainer {
	left: -1px;
	top: -1px;
	position: relative;
}

.DropShadowContainer .Shadow2 {
	background: #efefef;
}

.DropShadowContainer .Shadow3 {
	background: #dedede;
}

.DropShadowContainer .ItemContainer {
	background: #ffffff;
	border: 1px solid #cacaca;
}

.PopDownMenuContainer {
	z-index: 1000;
}
.DropDownMenu {
	background-color: #ffffff;
    width: auto !important;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05), 0 1px 5px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.1);
    overflow: hidden;
}

.DropDownMenu ul, .DropDownMenu li {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
-webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.DropDownMenu a {
	padding: 10px 20px 10px 30px;
	display: block;
	line-height: 1.7;
	text-decoration: none;
}

.DropDownMenu li:hover, .DropDownMenu li:hover {
	background-color: #e5f0f2;
}

.DropDownMenu li.Break {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.DropDownMenu hr {
	color: #cacaca;
	background-color: #cacaca;
	height: 1px;
	border: 0;
	margin: 2px auto;
	padding: 0;
	line-height: 0;
	font-size: 1px;
	width: 90%;
}

#dynamicContentText i, #dynamicContentHtml i, #deleteAccount i {
	position: relative;
    left: -14px;
}
.sfx-dropdown-item {
	font-weight: 600;
}
span.dropdown-description {
    display: block;
    max-width: 250px;
    font-size: .9em;
    padding-left: 22px;
    width: 100%;
    font-weight: 400;
}

.textlinks .ActiveButton {
	background: #fff;
	border: 1px solid #cacaca;
	border-bottom: 0;
	margin: 0 1px 0 3px;
	text-decoration: none !important;
	z-index: 150000;
	position: relative;
}

.MenuText {
	color: #aaaaaa;
	font-family: 'Open Sans', sans-serif;
	max-height: 15px;
	font-size: 11px;
	text-decoration: none;
	padding:0;
	margin: 10px 0 4px;
	overflow: hidden;
}

.MenuText-ellipsis::after {
	content: '...';
	font-size: 1.5em;
	color: #006980;
	position: absolute;
	margin: -6px 0 0 3px;
}

.loggedinas {
	margin: 0px;
	font-size: 11px;
	display: inline-block;
    position: relative;
    white-space: nowrap;
	cursor: auto;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	padding-bottom: 0px;
}

.loggedinas::-webkit-scrollbar {
    height: 0px;
    background: transparent;
}

.loggedinas i {margin-right: 8px; color: #006980;}
.loggedinas strong {color: #006980;}

a.MenuText
{
	text-decoration: underline;
}

#logo
{
	margin: 15px 0px;
	/*float: left;*/
	clear: left;
}

.ContentContainer {
	min-height: 600px;
}

.BodyContainer
{
	margin: 10px 50px 30px;
}

.loginBox td {
	font-size: 11px;
	color: #676767;
}
.loginBox {
	z-index: 999;
}
.DashboardPanel {
	background-color:#ffffff;
	margin-bottom: 20px;
}
/* SB - July 2015 DASHBOARD */

.DashboardPanel-VIP-Info {
	background: rgba(255,255,255,1);
	margin-bottom: 40px;
}
.DashboardPanel-VIP-Icon { color:#83ac1b;}
.DashboardPanel-VIP-Info td { font-size:15px; color: #006980; }

.DashboardPanel-VIP-Info .PanelContent {
	border: 1px solid #ccc;
	border-top:0px;
	padding: 20px;
}


.DashboardPanel td {
	font-size: 11px;
	color: #000000;
}

.DashboardPanel .PanelContent {
	border: 1px solid #ccc;
	border-top: 2px solid #006980;
	padding: 10px;
}
.DashboardPanel .PanelContent ul {
	padding:0px;
	list-style-position: inside;
	margin: 0px 0px 0px 20px;
}
.DashboardPanel .PanelToggle {
	padding:4px 5px 0 0;
}

.DashboardPanel .PanelToggle a {
	color: gray;
}

.DashboardPanel .PanelHeader {
	height: 16px;
	padding-top: 4px;
}

div#HomeGettingStarted td.taskComplete a, td.taskComplete {
	color: #cacaca;
}
.LoginError {
	color: #e74c3c;
}
.pageinfo p {
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}
.message_box {
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
}
ul#interspirerss {
	list-style-position: outside;
	margin: 10px 20px;
	padding: 0px;
	list-style-type: disc;
}
ul#interspirerss li {
	margin-left: 0px;
}

ul#popularRecentContactList {
	list-style-position: outside;
	margin: 10px 20px;
	padding: 0px;
	list-style-type: disc;
}
ul#popularRecentContactList li {
	margin-left: 0px;
}


.gettingstarted_helpinfo {
	background-color: #FFF1A8;
	margin:5px 0px;
}

.UpgradeNotice {
	border:1px solid #CCCCCC;
	background-color: #FFFFCC;
}

#upgradenotice {
	padding-left:10px;
	padding-top:0px;
}

.UpgradeNotice .Heading2 {
	background: #91CB8A url('../../images/upgrade_bg.gif') repeat-x;
	border-color: #7CB778;
	border-top: 1px solid #7CB778;
}

.UpgradeNotice .PanelContent {
	border-color: #7CB778;
	padding: 0px;
}

table.WISIWYG_Editor_Choices td {
	line-height: normal;
	height: auto;
}

.EmptyRow
{
	background-color: #FFFFFF;
	height: 20px !important;
}

a.DropDownArrow {
	text-decoration: none;
	color:#333333;
	font-size: 14px;
    line-height: 1.5em;
}
a.DropDownArrow:hover{
	color:#333333;
}
.CustomFieldLink {
	padding-left: 5px;
	text-decoration: none;
    font-size: 13px;
    line-height: 23px;
}

textarea.ContentsTextEditor {
	/* background: #ffffff url(../../images/textbox_wrap_bg.gif) repeat-y; */
	width: 100%;
	height: 500px;
	background-image: url(../../images/textbox_wrap_bg_light_blue.gif);
    background-position: 523px 0px;
    background-repeat: repeat-y;
}
textarea.TextContent{
        width: 850px;
	height: 180px;
}
textarea.htmlWebformular{
    width: 100%;
    min-height: 400px;
    padding: 15px;
	height: auto;
}

.TemplateHeading {
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}

.TemplateBox {
	border:5px solid white;
	color:#333333;
	display:inline;
	float:left;
	font-family:Tahoma;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:220px;
	line-height:normal;
	margin-top:5px;
	padding:5px;
	text-align:center;
	width: 200px;
}

.TemplateBoxOver
{
	color: #333333;
	font: normal 11px Tahoma;
	margin-top: 5px;
	text-align: center;
	padding: 5px;
	float: left;
	display: inline;
	height: 220px;
	border: 5px solid  #FFCC66;
	background-color:#FFFFCC;
	width: 200px;
}

.plusButton {
	cursor: pointer;
}
.subscriberEventRow {
	display: none;
}
.subscriberEventRow td {
	border-bottom: solid 1px #edecec;
}
tr.subscriberEventRowActive td {
	background-color: #DBF3D1;
}
tr.subscriberEventRow div.dataArea {
	background-color: #DBF3D1;
}
.subscriberEventRow td {
	padding: 0 3px 0 5px;
}
.subscriberEventRow td.eventtype {
	font-weight: bold;
}
.subscriberEventRow td.dataCol {
	padding: 0 0 0 70px;
}
.subscriberEventTable {
	margin: 0 10px 10px 10px;
}
.subscriberEventTable td {
	border: none;
}
.subscriberEventTable td {
	vertical-align: top;
}
.subscriberEventTable td.eventdate, .subscriberEventTable td.eventnotes {
	width: 30px;
}
#eventAddForm #eventType {
	width:100%;margin-bottom:4px;
}
table#subscriberEvents {
	margin: 0px;
}
table#subscriberEvents td.buttons input {
	margin-bottom: 11px;
}
table#subscriberEvents td.pagination div {
	margin-bottom: 11px;
}
div#eventTypes {
	position: absolute;
	margin-top: 15px;
	height: 150px;
	overflow: auto;
	background: #fff;
	border: 1px solid #000;
	z-index: 1024;
	display: none;
}
div#eventTypes ul {
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

div#eventTypes ul li {
	margin: 0px;
	padding:2px;
	cursor: pointer;
}
div#eventTypes ul li.selected {
	background: #006980;
	color: #fff;
}
div#googleCalendarForm {
	display: none;
}
.HelpInfo, p.HelpInfo {
	background:#FFF1A8 none repeat scroll 0% 0%;
	color:#000000;
	margin: 5px 5px 8px 0px;
	padding:10px;
}

ul.Folder, ul.Folder li {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: default;
}

.Folder.ui-sortable{margin-left:30px;}


.highlight {
    border: 1px solid #cccccc;
    font-weight: bold;
    font-size: 12px;
    height: 5em;
    background-color: #79c5d624;
}
.helper{
     border: 1px solid #cccccc;
    height: 60px; 
    background-color: #79c5d624; 
}

.plusminus {
    color: #006980;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}


.plusminus:hover {color: #83ac1b;}

/* IE 7 hack */
*:first-child+html ul.Folder li {
	display: inline;
}

/* IE 6 Hack */
* html ul.Folder li {
	display: inline;
}

.SortableRowHelper, .SortableRowHelper td, .RowDown td {
	background: #D5E0F1 !important;
}

#dragHelper .SortableRow td {
	background: transparent;
	border: 0;
}

#dragHelper .SortableRow .HideOnDrag {
	display: none;
}

.IndexPage_GettingStarted_Content {
	padding-left: 15px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.IndexPage_GettingStarted_Content_Header {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}

.IndexPage_GettingStarted_Content_Intro {
	padding-bottom: 10px;
}

.IndexPage_GettingStarted_Content_Link {
	font-size: 14px;
	font-weight: bold;
	color: #05386D;
}

#Bounce_Step_Nav_Container ul {
    padding-left:0px;
    font-weight:bold;
    color: #2B61AF;
}

#Bounce_Step_Nav_Container li {
    display:inline;
    list-style-type:none;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Selected_First span {
    background: url('../../images/cap-left-dark.gif') no-repeat center left;
    background-color: #A8C6F2;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Selected span {
    background: url('../../images/arrow-left.gif') no-repeat center left;
    background-color: #A8C6F2;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_First span {
    background: url('../../images/cap-left-light.gif') no-repeat center left;
    background-color: #D7E7FF;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Last span {
    background: url('../../images/cap-right-light.gif') no-repeat center left;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_Selected_Last span {
    background: url('../../images/cap-right-dark.gif') no-repeat center left;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav_After_Selected span {
    background: url('../../images/arrow-right.gif') no-repeat center left;
    background-color: #D7E7FF;
}

#Bounce_Step_Nav_Container .Bounce_Step_Nav span {
    background: url('../../images/arrow-clear.gif') no-repeat center left;
    background-color: #D7E7FF;
}

.Bounce_Step_Nav_General_First {
    padding: 9px 12px 9px 15px;
}

.Bounce_Step_Nav_General {
    padding: 9px 12px 9px 25px;
}

.Bounce_Step_Nav_Number {
	display:inline;
	padding-left:20px;
}

.Bounce_ISSelector_Title, .Bounce_Process_Option_Recommended {
	font-weight: bold;
}

.Bounce_ISSelector_Description {
	display: block;
	margin-left: 35px;
}

.Bounce_Help_Header {
	font-weight: bold;
	background: url('../../images/help.gif') no-repeat center left;
	padding-left:20px;
	margin-bottom:10px;
}

.Bounce_Help_Item {
	margin-bottom:10px;
}

.Bounce_Process_Option, .Bounce_Process_Option_Recommended {
    color: #676767;
    display:block;
	font-size: 13px;
}

.Bounce_Process_Option_Intro {
	display:block;
	padding:5px 0px 10px 25px;
}

.inPlaceImageBoxDefault {
	background-color:transparent;
	border:1px solid transparent;
	color:#676767;
	padding:3px;
	text-align: left;
	width: 180px;
}

.inPlaceFieldFocus {
	background-color:#FFF;
	border:1px solid #809DB9;
	padding:3px;
}

.swfupload {
	position: absolute;
	z-index: 1;
	outline: none;
}

.ManageImageBox {
	color: #333333;
	font: normal 11px Tahoma;
	margin-top: 5px;
	text-align: center;
	padding: 5px;
	float: left;
	display: inline;
	height: 250px;
	border: 5px solid transparent;
}

.inPlaceImageBoxFieldHover {
	background-color:#FFFFDD !important;
	border-color:#666666 rgb(221, 221, 221) rgb(221, 221, 221) rgb(102, 102, 102) !important;
	border-style:solid;
	border-width:1px;padding:3px;
}

.PanelContentBox1 {
	padding: 0px;
	
}

.DashboardPanelBox1 {
	margin-bottom: 10px;
}

.DashboardPanelSubBox1, .DashboardPanelSubBox3 {
	border: 1px solid #ccc;
	border-top: 2px solid #006980;
}

.DashboardPanelSubBox2 {
	padding:7px 16px;
}

.DashboardPanelSubBox3, .DashboardPanelSubBox1 {
	background-color: #ffffff;
	float:left;
	padding:19px 16px 16px;
	width:100%;
	box-sizing: border-box;
	
}

.DashboardPanelSubBox3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

.DashboardPanelSubBox3 li {
	/*background-image: url(../../images/checkmark.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 1px 0 1px 25px;*/
	margin: .4em 0;
}

.DashboardPanelSubBox3 li i {
	padding-right: 11px;
}

.DashboardPanelSubBox3 li a {
	line-height: 2.5em;
}

.DashboardPanelSubBox2 div {
	float:left;
	height:30px;
	width:180px;
}

.PanelHeaderBox1 {
	/*font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000000;
	padding:16px 16px 10px 16px;
	background-color: #ffffff;*/
	
    font-size: 20px !important;
    color: #006980;
    height: 35px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background-color: #F7F7F7;
    padding-bottom: 10px !important;	
}

.IndexContent { margin-top:30px;}

.IndexContent a
{
	color:#006980;
	text-decoration: none;
	font-size:13px;
}

.IndexContent a:hover
{
	color:#006980;
	text-decoration: underline;
}

a#HideThis {
	text-decoration: none;
}

.PanelHeaderBox1 .QuickLink, .HideThis {
	padding: 10px 0px 0px 10px;
	font-weight:normal;
	float:right;
}
.PanelHeaderBox1 .QuickLink a {
	text-decoration:none;
	cursor:pointer;
}


.CampaignOptionsLinks {
	background-color:#e5f0f2 !important;
	padding:10px;
}

.CampaignShow{margin-right:5px;}

.NonCampaignOptionsSelected {
	padding:3px 5px;
	margin-right:5px;
}
.NonCampaignOptionsSelected a{
	text-decoration:none !important;
}
.NonCampaignOptionsSelected:hover {
	background-color: #ffffff;
	border-radius:3px;
}

.CampaignOptionsSelected {
	background-color:#FFFFFF !important;
	/*background:transparent url(../../images/selector-mid-slice.gif) 50% 27% repeat-x;*/
	border-radius:3px;

}

.CampaignOptionsSelected .left, .CampaignOptionsSelected .right {
	padding:5px 6px 10px 0px;
}

.CampaignOptionsSelected .left {
	background:transparent url(../../images/selector-left-cap.gif) left center no-repeat;
}
.CampaignOptionsSelected .right {
	background:transparent url(../../images/selector-right-cap.gif) left center no-repeat;
}

/* IE 7 hack */
*:first-child+html .CampaignOptionsSelected {
	padding-left:7px;
}

/* IE 6 Hack */
* html .CampaignOptionsSelected {
	padding-left:7px;
}

#RecentContactListItem ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#RecentContactListItem li {
	color: #333333;
	padding: 8px 0 12px 0px;
	margin: .4em 0;
	border-bottom:1px dotted #83AC1B;
}
#RecentContactListItem li .ListLink {
	/*background-image: url(../../images/home-clisticon.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 10px 0 10px 35px;*/
	margin: .4em 0;
}

#RecentContactListItem li .LinkListTable {display: table; width: 100%;}
#RecentContactListItem li .LinkListRow {display: table-row;}
#RecentContactListItem li .LinkListIcon, #RecentContactListItem li .LinkListList, #RecentContactListItem li .LinkListContacts {display: table-cell; vertical-align: middle;}
#RecentContactListItem li .LinkListIcon {width: 45px;}
#RecentContactListItem li .LinkListContacts {width: 135px; text-align:right;}
#RecentContactListItem li .LinkListList {max-width: 100px;}

.ActionButton {
	background:transparent url(../../images/but-mid-sliver.gif) repeat scroll 0 0;
	height:32px;
}

.ViewAllCampaignsButton i, .ViewAllStatsButton i, .BrowseCLButton i {
	padding-right:5px;
}

.ViewAllStatsButton, .ViewAllCampaignsButton {
	margin-top:10px;
}

.ActionButton a span.RightEnd {
	background:transparent url(../../images/but-right-cap-white.gif) no-repeat scroll right top;
	display:block;
	float:right;
	height:32px;
	width:10px;
}

.ActionButton a span.ActionIcon {
	background:transparent url(../../images/but-arrow.gif) no-repeat scroll left center;
	display:block;
	float:right;
	height:32px;
	width:22px;
}

.ActionButton a span.ButtonText {
	display:block;
	padding-right:5px;
	padding-top:9px;
}

.BrowseCLButton a span.ButtonText {
	padding-left:30px;
}

.ViewAllStatsButton a span.ButtonText, .ViewAllCampaignsButton a span.ButtonText {
	padding-left:15px;
}

a span.ButtonText {
	white-space: nowrap;
}

.ActionButton a {
	background:transparent url(../../images/but-left-cap-white.gif) no-repeat scroll left top;
	color:#184F87;
	display:block;
	font-family:arial;
	font-size:1em;
	height:32px;
}

#Campaign_id .LeftImage, #Campaign_id .RightImage {
	height:54px;
	display:block;
}

#Campaign_id .LeftImage {
	background:transparent url(../../images/campaigns-left-cap.gif) no-repeat scroll left top;
	width:3px;
}

#Campaign_id .RightImage {
	background:transparent url(../../images/campaigns-right-cap.gif) no-repeat scroll left top;
	width:5px;
}

#Campaign_id .MidImage {
	/*background:transparent url(../../images/campaign-mid-slice.gif) repeat-x scroll left top;*/
	/*float:left;
	height:42px;
	padding:8px;
	box-sizing: border-box;*/
	width:100%;
	display: table-row;
}

#Campaign_id .CampIcon {
	/*background:transparent url(../../images/icon_mail.gif) no-repeat scroll left;
	float:left;
	height:37px;
	width:35px;
	padding-right:10px;*/
	width: 50px;
    vertical-align: middle;
	display: table-cell
}

.recent-campaign {
	/*height:60px;*/
	clear:both;
	width: 100%;
	border-bottom: 1px dotted #83AC1B;
	padding: 10px 0;
	display: tabLe;
}

.CampaignListText {
	display: table-cell;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*Dreckiger Hack für dynamische Ellipsis*/
	max-width: 100px;
}

.CampaignListDate {
	display: table-cell;
	vertical-align: middle;
    width: 100px;
    text-align: right;
}

.HelpToolTipPos {
	display:inline;
	position:absolute;
	padding-left:5px;
}
.HelpToolTip{
	position: relative;
	cursor: pointer;
	font-size: 1.1em;
	color:#ccc;
	-webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.HelpToolTip:hover {color:#006980;}

/* sendeffect - SB
----------------------------------------------------------------- */

.TopToolTipp {vertical-align:top;}
.TopToolTipp span {vertical-align:top;}
.TopToolTipp img {vertical-align:top;}

div#IEM_HTML_Body
{
	margin: 0;
	/*Responsiv Fix Umgehung der Liveberechnung der Inhaltsbreite */
	width: 100%!important;
	background-color: #F7F7F7;
}

.body
{
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}

.popupBody {
	/*background-color:#F7F7F7;
	color:black;
	font-size:11px;
	line-height:1.5;
	margin:20px;
	padding:0pt; 
	*/
	height: 100%;
    margin: 0;
    background: #ededed no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	z-index:1;
	padding:10px;
	box-sizing: border-box;
}
.popupContainer {
	top: 0;
	left: 0;
	border:1px solid #CAC7BD;
 background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;  
  position: fixed;
  width: 100%;
}

div#IEM_Header_TrialNotificationBar {
	background: #FEFCD0 url(../../images/infoballon.gif) no-repeat fixed 7px 9px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #DDDA8C;
	border-width: 0 0 1px 0;
	font-size: 11px;
}

.helpTip
{
	font-size: 11px;
	line-height: 120%;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
}

form
{
	margin-top:0px;
	margin-bottom:0px;
}
.no-text-decoration {text-decoration:none !important;}

.subject-wrapper {padding:5px 20px 0 10px;}
.tab-intro {
	margin-bottom:20px;
    font-size: 1.25rem;
}

/* Input From-Fields
******************************/

input[type="number"], input[type="text"],input[type="password"],input[type="email"], textarea, select
{
 outline: none;
  display: inline-block;
  width: auto;
  height:30px;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
textarea  {height: auto; min-height: 30px;transition: height 0s, width 0s;}
textarea.manageaccount{
    height:120px;
}
input[type="number"], input[type="text"], input[type="password"],input[type="email"], select{
	padding: 5px 0px;
	border:none;
	border-bottom: 1px solid #d9d9d9;
}

select {height:auto;}


textarea { border: 1px solid #d9d9d9;}

.dark-bg {
	padding: 5px !important;
}

input[type=text]:focus,input[type="password"]:focus, textarea:focus, select:focus, input:focus {
  color: #333333;
  border-bottom: 1px solid #006980;
}

input[type="checkbox"]
{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px !important;
	margin-right: 5px;
	vertical-align: middle;
}
.ISSelect input[type="checkbox"] {
	margin-left: 5px;
}
input[type="radio"]
{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px !important;
}

input[type=submit], input[type=button], input[type="file"], .FormButton, .FormButton_wide, .SmallButton, .SmallButtonInverted{
  cursor: pointer;
  background-color: #83ac1b;
  width: auto;
  height:auto;
  padding: 0.75em 1em;
  /*margin-bottom: 25px;*/
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff !important;
  font-family: 'Play', sans-serif;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  text-shadow:none;
  outline: none;
}
input[type=submit]:hover, input[type=button]:hover, input[type=file]:hover, .FormButton:hover, .FormButton_wide:hover, .SmallButton:hover, .login-FormLoginButton:hover {
  background: #006980 !important;
  color:#ffffff;
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25) !important;
-moz-box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25) !important;
box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25) !important;
}
input[type=file]#newsletterfile {max-width: 300px;}
#files_list div {margin-top: 5px;}
#files_list div:first-child {margin-top: 10px;}
#DeleteAttechments_list div {margin-bottom: 10px;}
#DeleteAttechments_list div:last-child {margin-bottom: 0px;}
#DeleteAttechments_list div label {margin:0px !important}
.CancelButton, .cancelButton {background-color: #e74c3c !important;}
table.action-table .ui-button {
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 10px 17px !important;
    border: 1px solid transparent !important;
    text-decoration: none;
    color: #ffffff;
    font-family: 'Play', sans-serif !important;
    transition: background 0.3s linear;
	border-bottom: 1px solid #006980 !important;
	margin-bottom: -1px;
}
table.action-table .ui-button:hover {
	background-color: #83ac1b !important;
}
table.action-table .ui-state-active{
    border: 1px solid #006980 !important;
    background: #e5f0f2 !important;
	color: #006980 !important;
	border-bottom: 1px solid #e5f0f2 !important;
}
table.action-table .ui-state-active:hover{
    background: #e5f0f2 !important;
}
.ui-button {background-color: #006980 !important;}
.ui-button:focus, button:focus, input[type=button]:focus {outline: none !important;}
.ui-visual-focus {box-shadow: none !important;}
.SmallButtonInverted{
    background: #006980 !important;
}
.SmallButtonInverted:hover {
    background: #83ac1b !important;
    color: #ffffff;
}

.subject-input {
	width:100% !important;
	font-family: 'Play', sans-serif !important;
	font-size: 16px !important;
	color: #006980 !important;
	height:35px !important;
	
}

.subject-wrapper.emoji-picker-container{
  height: 40px;
}
.emoji-wysiwyg-editor.subject-input:focus {outline: none;}
.emoji-wysiwyg-editor:empty:before {color: #757575 !important;}
.emoji-wysiwyg-editor {
	border-radius: 0px !important;
	    -webkit-transition: all 0.3s linear 0s !important;
    -moz-transition: all 0.3s linear 0s !important;
    -ms-transition: all 0.3s linear 0s !important;
    -o-transition: all 0.3s linear 0s !important;
    transition: all 0.3s linear 0s !important;
}
.emoji-wysiwyg-editor.subject-input:focus {border-color: #006980 !important;}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  top: 7px;
  margin-right: 10px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #83ac1b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #83ac1b;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*** Favorite checkbox ***/

input[type=checkbox].favorite_checkbox { display:none; }
input[type=checkbox].favorite_checkbox + label:before {
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
}
input[type=checkbox].favorite_checkbox + label:before { content: "\f005"; color: #ccc; }
input[type=checkbox].favorite_checkbox:checked + label:before { color: #ffab13; }

/* Input Form Fields - END
************************************************/

.farbcode {
	display:table;
	margin:0px;
	padding:0px;
	width:100%;
}
.blue{
	display: table-cell;
	background-color: #006980;
	border-right: 5px solid #ffffff;
	width:86%;
	height:3px;
	}
.green{
	display: table-cell;
	background-color:#83ac1b;
	width:14%;
	height:5px;
	}
.dvdr-box {display: table-cell;width: 5px;}

.menu-button-wrapper {
	display:inline-block;
	position:relativ;
}
.nowrap { white-space: nowrap; }

.active-check { color: #83ac1b;}
.inactive-check { color: #c0c4c7; }
.red-cross { color: #e74c3c; }

.sort-up-icon { color:#ffffff; padding:0px 7px 0px 5px; }
.sort-down-icon { color:#ffffff; }
.sfx-status-warning, .import-in-progress {cursor: pointer;}

/* Action Buttons
***********************************************************/

.view-button, .send-action-button, .resend-action-button, .rss-button, .print-button, .export-button, .refresh-button, .pause-button, .play-button, .info-button, .approve-button,
.edit-button, .save-button, .break-button, .html-button, .comment-button,
.delete-button,
.addevent-button,
.list-add-contact-button,
.copy-button, button.ui-datepicker-trigger,
.editor-template-import-button  {
	cursor: pointer;
	width:25px;
	height:22px;
	padding: 3px 5px;	
	margin-right:3px;
	margin-bottom:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid;
/*	font-family: 'Play', sans-serif;*/
	font-size: 11px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	text-shadow:none;
	text-decoration:none;
	color: #ffffff;
	outline:none;
	background-color:transparent;
        z-index:0;
}
.editor-template-import-button {
	width: 37px;
	height: 37px;
	border-radius: 50%;
	background-color: #cccccc;
	border-color: #cccccc;
	margin: 0px;
    font-size: 12px;
    line-height: 0px;
}

.etib-editor:hover, .etib-editor.active {
	background-color: #83ac1b;
	border-color: #83ac1b;
}
.etib-file:hover, .etib-file.active {
	background-color: #006980;
	border-color: #006980;
}
.etib-url:hover, .etib-url.active {
	background-color: #e67e22;
	border-color: #e67e22;
}
.etib-generator:hover, .etib-generator.active {
	background-color: #2c3e50;
	border-color: #2c3e50;
}

.url_import_input {
	font-size: 1.15rem !important;
    padding: 25px 18px 27px !important;
    border: 1px solid #d9d9d9 !important;
	width: 100% !important;
	border-radius: 5px !important;
	display: block !important;
}
.url_import_input:focus {
	border-color: #006980 !important;
}

/* LogOut Button */
.LogOutWrap { padding-top:10px; }

.LogOutWrap a i {    
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.LogOutWrap a i:hover {color: #83ac1b !important;}

/* ADD-EVENT */
.addevent-button {
	background-color: #2980b9;
	border-color: #2980b9;
}

.addevent-button:hover {
	background-color: #ffffff;
	color: #2980b9 !important;
	}

/* RSS + Print BUTTON */
.rss-button, .print-button, .pause-button {
	background-color: #f39c12;
	border-color: #f39c12;
}

.rss-button:hover, .print-button:hover, .pause-button:hover {
	background-color: #ffffff;
	color: #f39c12 !important;
	}


/* Send + RE-SEND BUTTON auf E-Mail Actionen + Info */
.resend-action-button, .send-action-button, .info-button, .html-button {
	background-color: #006980;
	border-color: #006980;
}
.resend-action-button:hover, .send-action-button:hover, .info-button:hover , .html-button:hover {
	background-color: #ffffff;
	color: #006980 !important;
}

/* Allgemeiner VIEW-BUTTON */
.view-button {
	background-color: #16a085;
	border-color: #16a085;
}
.view-button:hover {
	background-color: #ffffff;
	color: #16a085 !important;
}


/*Recheck */
.recheck-button{
	background-color: #54961f;
	border-color: #54961f;
}
.recheck-button:hover {
	background-color: #ffffff;
	color: #54961f !important;
}             


/* EDIT */
.edit-button {
	background-color: #2c3e50;
	border-color: #2c3e50;
}
.edit-button:hover {
	background-color: #ffffff;
	color: #2c3e50 !important;
}

/* SAVE */
.save-button{
    background-color: #83ac1b;
    border-color: #83ac1b;
    color: #fff;
}
.save-button:hover {
	background-color: #006980;
	color: #fff !important;
}
/* ADD CONTACT + Export Button + Refresh */
.refresh-button{
    background-color: #83ac1b;
	border-color: #83ac1b;
}
.list-add-contact-button, .export-button {
	background-color: #2980b9;
	border-color: #2980b9;
}
.list-add-contact-button:hover, .export-button:hover, .refresh-button:hover {
	background-color: #ffffff;
	color: #2980b9 !important;
}

/* COPY Button */
.copy-button, .comment-button {
	background-color: #e67e22;
	border: 1px solid #e67e22;
}
.copy-button:hover, .comment-button:hover {
	background-color: #ffffff;
	color: #e67e22 !important;
}

/* DELETE */
.delete-button, .break-button {
	background-color: #e74c3c;
	border-color: #e74c3c;
}
.delete-button:hover, .break-button:hover  {
	background-color: #ffffff;
	color: #e74c3c !important;
}

.swal2-cancel.FormButton {
	background-color: #e74c3c !important;
	border-color: #e74c3c !important;
}

/* Hide Toast Button */
.hide-toast {    
	height: 20px;
    margin-top: -10px;
    text-align: center;
    vertical-align: middle;
    top: 50%;
    position: absolute;
    right: 12px;
    border: 0;
    background: transparent;
    outline: none;
    cursor: pointer;
	color: #006980;
	    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -ms-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}
.hide-toast:hover {color: #83ac1b;}

/* Kontaktlisten: Listen Darstellung */

.listview-type-button-wrapper {position:relative; display:inline;}

.listview-type-button, .listview-type-button-active, .search-button {
	cursor: pointer;
	padding: 6px 10px;	
	margin-right:3px;
	margin-bottom:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid;
	font-family: 'Play', sans-serif;
/*	font-size: 11px;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	text-shadow:none;
	text-decoration:none;
	color: #ffffff;
	outline:none;
}

.listview-type-button, .search-button, .play-button, .approve-button {
	background-color: #83ac1b;
	border-color: #83ac1b;
}
.listview-type-button:hover, .search-button:hover, .listview-type-button-active, .play-button:hover, .approve-button:hover {
	background-color: #ffffff;
	color: #83ac1b !important;
}

.listview-type-button i, .listview-type-button-active i { padding-right: 0px;}

.search-button {padding-left: 10px; vertical-align: middle;}

.listview-dropdown:hover {color:#006980;}

.GridRowBlacklist { color: #e74c3c;}

/* Kontakte
***********************************************************/
.searchbox {
	float: right;
	background-color: #fff;
    padding: 15px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	width: 377px;
	border-radius: 5px;
}
.searchbox form {margin-bottom:5px;}
.searchbox a {text-decoration:none;}
.searchbox a:hover {text-decoration:underline;}

/* Active Action Buttons
***********************************************************/
.paused-action-button{
	cursor: pointer;
	width:25px;
	height:22px;
	padding: 3px 5px;	
	margin-right:3px;
	margin-bottom:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid;
	font-family: 'Play', sans-serif;
	font-size: 11px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	text-shadow:none;
	text-decoration:none;
	outline:none;
	color:#006980;
}
.paused-action-button {
	background-color: #ffffff;
	border-color: #006980;
}
.paused-action-button:hover {
	background-color: #006980;
	color: #ffffff !important;
}

/* In-Active Action Buttons
***********************************************************/

.inactive-action-button, .inactive-html-button, .inactive-info-button, .inactive-comment-button {
	cursor: unset;
	width:25px;
	height:22px;
	padding: 3px 5px;	
	margin-right:3px;
	margin-bottom:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #c0c4c7;
	font-family: 'Play', sans-serif;
	font-size: 11px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	text-shadow:none;
	text-decoration:none;
	color: #ffffff !important;
	background-color:#c0c4c7;
	outline:none;
}

/* In-Active Regular Buttons
***********************************************************/

.inactive-button {
	cursor: unset;
	border:1px solid #c0c4c7;
	color: #ffffff !important;
	background-color:#c0c4c7;
	outline:none;
}

.inactive-button:hover {
	cursor: unset;
	border:1px solid #c0c4c7;
	color: #ffffff !important;
	background-color:#c0c4c7;
	outline:none;
}

/* ToolTips
***********************************************************/

.se-tooltips, .se-tooltips-large, .se-tooltips-large-right, .se-tooltips-small-bottom, .span.se-tooltips-card-titel {
  position: relative;
  display: inline-block;
  /*z-index: 10;*/
}
.se-tooltips span {
  position: absolute;
  width:auto;
  color: #FFFFFF;
  background: #394149;
  height: 30px;
  line-height:30px;
  padding: 0px 10px;
  text-align: center;
  visibility: hidden;
  display: none;
  opacity:0;
  border-radius: 3px;
  white-space:nowrap;
  vertical-align:middle;
  z-index: 10;
  margin-top: -14px;
  margin-right: 20px;
}

.se-tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #394149;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  z-index: 10;
}
.se-tooltips:hover span {
  visibility: visible;
  opacity: 1;
  right: 100%;
  top: 50%;
  margin-top: -17px;
  margin-right: 12px;
  z-index: 10;
  display: block;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 12px 0 rgba(0, 0, 0, 0.2);
}
.se-tooltips span:hover {display: none;}

.se-tooltips-large span, .se-tooltips-large-right span {
  position: absolute;
  width: 240px;
  color: #FFFFFF;
  background: #394149;
  height: auto;
  line-height:18px;
  padding: 10px 10px;
  text-align: left;
  visibility: hidden;
  opacity:0;
  border-radius: 3px;
  vertical-align:middle;
  z-index: 10;
  margin-top: -10px;
  margin-right: 20px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
  left: -278px;
    white-space: initial;
}
.se-tooltips-large-right span{
    left: 0px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;    
}

.se-tooltips-large:hover span,  .se-tooltips-large-right:hover span{
  visibility: visible;
  opacity: 1;
  right: 100%;
  top: 50%;
  margin-top: -10px;
  margin-right: 9px;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 12px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
  left: -68px;
}

.se-tooltips-large-right:hover span {
    left: 50px;
}
.se-tooltips-large-right span:hover, .se-tooltips-large span:hover {display: none;}
.se-tooltips-small-bottom span {
    position: absolute;
    width: auto;
    color: #FFFFFF;
    background: #394149;
    line-height: 30px;
    padding: 5px;
    text-align: center;
    visibility: hidden;
    display: none;
    opacity: 0;
    border-radius: 3px;
    white-space: normal;
    vertical-align: middle;
    z-index: 10;
    margin-top: -14px;
    margin-right: 19px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
    box-sizing: border-box;
    width: 120px;
    line-height: 1.5em;
	-webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.se-tooltips-small-bottom:hover span {
    visibility: visible;
    opacity: 1;
    right: -100%;
    top: 100%;
    margin-top: 9px;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 12px 0 rgba(0, 0, 0, 0.2);
    z-index: 10;
    display: block;
}
.se-tooltips-small-bottom span:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #394149;
    z-index: 10;
    border-right: 8px solid transparent;
}
.se-tooltips-small-bottom span:hover {display: none;}

.HelpToolTip_Placeholder {
	display:inline;
	position: absolute;
	width: 240px;
	background-color:#394149;
	color:#ffffff;padding:10px;
	z-index:9001;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 12px 0 rgba(0, 0, 0, 0.2);
}
.HelpToolTip_Placeholder div {padding-right: 5px;}
.helpTip b {color:#ffffff;}

/* Colors
***********************************************************/

.se-main-color, .se-blue, .se-main-blue, .main-blue {color: #006980 !important;}
.main-red, .se-red { color: #e74c3c; }
.main-red-border, .se-red-border { border: 1px solid #e74c3c; }
.main-green, .se-green { color: #83ac1b;}
.main-orange, .se-orange { color: #e67e22; }
.main-white, .se-white { color: #ffffff; }
.main-yellow, .se-yellow { color: #ffab13;}
td.is-fav-row i { color: #ffab13 !important;}
	
/* Tabellen
***********************************************************/

.table-head-button {
	min-width: 350px;
	max-width: 400px;
	text-align: left;
	vertical-align: middle;
}

.table-head-select {
	width:50%;
	min-width:200px;
	max-width:250;
	text-align: left;
	vertical-align: middle;
}
.table-head-pages {
	width: 50%;
	min-width: 200px;
	text-align: right;
	vertical-align: middle;
}

td.Heading2 span {
	font-size: 11px;
    color: #676767;
    font-family: 'Open Sans', sans-serif;
	}

	
tr.action-table-row td {background-color: #e5f0f2; padding: 20px; border-top: 1px solid #006980; border-bottom: 1px solid #006980;}
tr.action-table-row td:last-child {border-right: 1px solid #006980;}
tr.action-table-row td:first-child {border-left: 1px solid #006980;}

.ImportRow td {padding: 5px; font-size: 13px;}
.HighlightRow,
.ImportRow {-webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
.HighlightRow:hover, .ImportRow:hover {
	background-color: #e5f0f2;
}
.CustomFieldsEditRow td {padding: 10px}

.SubHeader {
	font-size: 1.1em;
    font-weight: bold;
    color: #006980;
}
td.SubHeader {
	padding: 10px 20px;
}
.FieldLabel-sfx {
	padding: 6px 10px 0px 10px;
    font-weight: normal;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    vertical-align: middle;
}

.import-report ul {
	padding: 0px;
    margin: 0px;
}
.import-report ul li {
	list-style: none;
    font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 1em;
}
.import-report ul li:last-child{
	padding-bottom: 0em;
}
.import-report ul li span {
	font-weight: 600;
}
td.please-wait {
	font-size: 1.2em;
    font-weight: 600;
}

/* Dashboard
************************************************************/

.get-start-button {
  cursor: pointer;
  background: #006980 !important;
  width: auto;
  height:auto;
  padding: 10px 15px;
  /*margin-bottom: 25px;*/
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff !important;
  font-family: 'Play', sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  text-shadow:none;
}
.get-start-button:hover {
  background: #83ac1b !important;
  color:#ffffff;
}

ul.quicklinks {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

ul.quicklinks li {
	line-height: 3em;
}
ul.quicklinks li i {
	margin-right: 11px;
}

.quicklink-button {
	display: inline-block;
	box-sizing: border-box;
    margin: 0px 5px 5px 0px;
}
.quicklink-button button {
	color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid transparent;
	cursor: pointer;
	cursor: pointer;
    line-height: 0px;
    height: 50px;
    width: 50px;
    text-align: center;
	outline: none;
	transform: scale(1);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.quicklink-button button:hover {
transform: scale(1.05);
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25);
box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25);
}

.quicklink-button button:focus {
    outline: none;
}

.quicklink-verwaltung {
	background-color: #006980;
	border: 1px solid #006980 !important;
}
.quicklink-verwaltung:hover {
	background-color: #ffffff;
	color: #006980;
}

.quicklink-stats {
	background-color: #83ac1b;
	border: 1px solid #83ac1b !important;
}
.quicklink-stats:hover {
	background-color: #ffffff;
	color: #83ac1b;
}

.quicklinks-headline, .sfx-card-content .headline {
	-webkit-font-smoothing: antialiased;
    font-size: 20px;
    color: #006980;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	margin: 0px 0px 15px;
}
.quicklinks-row {margin-bottom: 20px;}

/* Login Page
*************************************************************/

.popupContainer {
	border: 0px;
}
.login-form {
	position: relative;
	background: #ffffff;
	width:365px;
	margin: 40px auto 0;
	padding:0px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50,50,50,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50,50,50,0.75);
	box-shadow: 0px 0px 10px 0px rgba(50,50,50,0.75);
	transition: box-shadow 1s ease-in-out;
}
.login-form:hover{box-shadow: 0px 0px 20px 0px rgba(50,50,50,0.75);}
.login-blue{
	display: table-cell;
	border-top: 5px solid #006980;
	width:290px;
	height:5px;
	}
.login-green{
	display: table-cell;
	border-top: 5px solid #83ac1b;
	width:70px;
	height:5px;
	}
.login-dvdr-box {display: table-cell;width: 5px;}
.login-form_wrapper{padding:30px 40px 40px 40px;background:transparent;}
.login-form input {
	outline: none;
	display: block;
	width: 100%;
	height:35px;
	color: #333333;
	margin: 0px 0px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
    padding: 5px 0px;
    border:none;
    border-bottom: 1px solid #d9d9d9;
}

.login-form input:focus {
	color: #333333;
	border-bottom: 1px solid #006980;
}

.login-form input[type=submit] {
	cursor: pointer;
	background: #83ac1b !important;
	width: 100%;
	height:35px;
	padding: 10px 15px;
	margin: 25px 0px 10px 0px;
	line-height:0em;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #ffffff !important;
	font-family: 'Play', sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	text-shadow:none;
}
.login-form input[type=submit]:hover {
	background: #006980 !important;
	color:#ffffff;
}

.login-form footer {
	background: url(/admin/images/formbg.png) no-repeat 100% 100%;
	width: 100%;
	padding: 13px 40px 27px 40px;
	margin: 0 0 -40px -40px;
	color: #666666;
	font-size: 12px;
	text-align: center;
}
.login-form footer a {
	color: #333333;
	text-decoration: none;
}
.login-copyright {
	margin-top:20px;
	font-size:10px;
	color:#ffffff;
	text-align:center;
	background:transparent !important;
}
.login-copyright a {
	color: #ffffff;
}
.login-logo {
	width: 180px;
	height: 36px;
	background:url(/admin/images/sendeffect.svg) no-repeat;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
.login-logo a {
	display: block;
	height:36px;
	width:180px;
}
.login-massage {padding:50px 0px 15px; max-width:285px; font-size:11px;}

#popupBody-vignette {
	background: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
	height:100vh;
	overflow:hidden;
	z-index:1;
	opacity: 0;
	position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
	transition: opacity 1s ease-in-out;
	z-index:100;
}
.login {background:none;}

#overlay {
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #444444; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		opacity:1;
		transition: opacity 0.4s ease-in;
		-webkit-transition: opacity 0.4s ease-in;
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;

	}


/*
Dynemic Content Tags
*************************************************************/
.ContentBlocksList{min-height:100px;height:auto;clear:both;float:left;}
#blockListId { list-style-type: none; margin: 0; padding: 0; width: 60%;}
#blockListId input[type="checkbox"] {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    margin-top: 2px;
    margin-bottom: 3px;
    vertical-align: middle;}
#blockListId li { margin: 0px; padding: 0px; height: 3em;}
html>body #blockListId li { height: 3em; line-height: 3em;}
.ui-state-highlight {
	height: 3em;
    line-height: 3em;
    background-color:#006980;
}

#blockListId.ISSelect .ISSelectOptionHover, #FieldOrderList .ISSelectOptionHover {
	background-color: #e5f0f2 !important;
}

#blockContainers {position: relative;}
	
/*
Filter / Segmente
*************************************************************/

.RuleRowRemoveButton, .RuleRowAddButton { margin-left:5px;}
.RuleRow { margin:0 0 20px;}
.RuleRowRuleActions {white-space:nowrap;}

/* "NEW"-Badge for new segmentation options */
span.badge-new {
    padding: 3px 5px;
    background-color: #83ac1b;
    color: #ffffff;
    margin-left: 5px;
    font-size: 0.7em;
    border-radius: 3px;
    display: inline-block !important;
    line-height: 1em;
    letter-spacing: 1px;
}

/*
SimpleModal Box / iModal Box
*************************************************************/

.modal_wrapper {box-shadow: 0px 0px 20px 0px rgba(50,50,50,0.75);overflow: visible;}
.content-container {
	width:90vw;
	min-width:800px;
	height:90vh;
	min-height:500px;
}
.content-container .content {
	width:100%!important;
	min-width:780px;
	min-height: 450px;
	max-height:95%;
	overflow: auto;
	height: 100%!important;
	padding: 20px;
    box-sizing: border-box;
	margin-top: -2px;
}
.JobDetails-Table {
	background-color: #ffffff;
	margin-bottom: 30px;
}

.JobDetails-Table tr:nth-child(2n) {
	background-color: #eeeeee;
}
.JobDetails-Table tr td:first-child {
	width:280px;
}

/*
Sending steps, Options & Radio-Buttons
**************************************************************/

.cc-selector input[type="radio"]{
    margin:0;padding:0;
    display:none;
}

.send-to-contactlist{background-image:url(/admin/images/send-to-contactlist.png);}
.send-to-filter{background-image:url(/admin/images/send-to-filter.png);}
.send-to-segment{background-image:url(/admin/images/send-to-segment.png);}
.send-to-testlist{background-image:url(/admin/images/send-to-testlist.png);}

.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
	border-radius:5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	margin-right:15px;
    display:inline-block;
    width:100px;height:100px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
		    
			filter: brightness(1.8);
			filter: grayscale(100%) opacity(0.5);
    -webkit-filter: brightness(1.8);
	-webkit-filter: grayscale(100%) opacity(0.5);
       -moz-filter: brightness(1.8);
	   -moz-filter: grayscale(100%) opacity(0.5);
}
.drinkcard-cc:hover{
    -webkit-filter: opacity(.75);
       -moz-filter: opacity(.75);
            
			filter: opacity(.75);
}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
	}
 .cc-selector input:active +.drinkcard-cc{opacity: 1;}
 
span.se-tooltips {
  position: relative;
  display: inline;
  z-index: 10;
}
span.se-tooltips-etib {
font-size: 0px;
line-height: 0px;
}

span.se-tooltips span {
  position: absolute;
  width:auto;
  color: #FFFFFF;
  background: #394149;
  height: 30px;
  line-height:30px;
  padding: 0px 10px;
  text-align: center;
  visibility: hidden;
  border-radius: 3px;
  white-space:nowrap;
  vertical-align:middle;
  z-index: 10;
}
span.se-tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #394149;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  z-index: 10;
}
span:hover.se-tooltips span, span:hover.se-tooltips-etib span {
  visibility: visible;
  opacity: 1;
  right: 100%;
  top: 50%;
  margin-top: -15px;
  margin-right: 12px;
  z-index: 10;
}
span:hover.se-tooltips-etib span {
	margin-top: -20px;
	margin-right: 10px;
}

ul.CampaignSummary li { line-height:2em;font-size:13px; }

.SubscriberListViewPicker {
	display: none;
	width: 400px;
	position: static;
	background-color:#ffffff;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
}
.SubscriberViewPicker {
	background-color: #fff;
    padding: 5px 15px;
    border-bottom: 1px solid #d9d9d9;
	font-size: 20px;
}
.SubscriberViewPicker:hover {border-bottom: 1px solid #006980;}
.SubscriberViewPicker:hover i {color: #006980;}
.PopDownMenu_Resize:hover {text-decoration:none;}

.icon-wrapper {
    display: inline-block;
    width: 20px;
    text-align: center;
    margin: 5px 5px 0px 0px;
}
.titel-filter-once {
    margin-top: 44px;
}
/* Scroll-Bar
*****************/
div::-webkit-scrollbar, textarea::-webkit-scrollbar, select::-webkit-scrollbar
{
  width: 15px;  /* for vertical scrollbars */
  height: 15px; /* for horizontal scrollbars */
}

div::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track, select::-webkit-scrollbar-track
{
  background: rgba(0, 105, 128, 0.1);
}

div::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb, select::-webkit-scrollbar-thumb
{
  background: rgba(0, 105, 128, 1);
}

div::-webkit-scrollbar-button:vertical:decrement, textarea::-webkit-scrollbar-button:vertical:decrement, select::-webkit-scrollbar-button:vertical:decrement{
	background-image: url(../../images/scroll-up.png);
	background-color: rgba(0, 105, 128, 0.1);
	background-repeat: no-repeat;
	height:15px;
}
div::-webkit-scrollbar-button:vertical:decrement:hover, textarea::-webkit-scrollbar-button:vertical:decrement:hover, select::-webkit-scrollbar-button:vertical:decrement:hover {
	background-color: rgba(0, 105, 128, 1);
	background-image: url(../../images/scroll-up-active.png);
	}
div::-webkit-scrollbar-button:vertical:increment, textarea::-webkit-scrollbar-button:vertical:increment, select::-webkit-scrollbar-button:vertical:increment{
	background-image: url(../../images/scroll-down.png);
	background-color: rgba(0, 105, 128, 0.1);
	background-repeat: no-repeat;
	height:15px;
}
div::-webkit-scrollbar-button:vertical:increment:hover, textarea::-webkit-scrollbar-button:vertical:increment:hover, select::-webkit-scrollbar-button:vertical:increment:hover {
	background-color: rgba(0, 105, 128, 1);
	background-image: url(../../images/scroll-down-active.png);
	}

div::-webkit-scrollbar-button:horizontal:decrement, textarea::-webkit-scrollbar-button:horizontal:decrement, select::-webkit-scrollbar-button:horizontal:decrement{
	background-image: url(../../images/scroll-left.png);
	background-color: rgba(0, 105, 128, 0.1);
	background-repeat: no-repeat;
	height:15px;
}
div::-webkit-scrollbar-button:horizontal:decrement:hover, textarea::-webkit-scrollbar-button:horizontal:decrement:hover, select::-webkit-scrollbar-button:horizontal:decrement:hover {
	background-color: rgba(0, 105, 128, 1);
	background-image: url(../../images/scroll-left-active.png);
	}
div::-webkit-scrollbar-button:horizontal:increment, textarea::-webkit-scrollbar-button:horizontal:increment, select::-webkit-scrollbar-button:horizontal:increment{
	background-image: url(../../images/scroll-right.png);
	background-color: rgba(0, 105, 128, 0.1);
	background-repeat: no-repeat;
	height:15px;
}
div::-webkit-scrollbar-button:horizontal:increment:hover, textarea::-webkit-scrollbar-button:horizontal:increment:hover, select::-webkit-scrollbar-button:horizontal:increment:hover {
	background-color: rgba(0, 105, 128, 1);
	background-image: url(../../images/scroll-right-active.png);
	}




/* amCharts (Dashboard) und Dropdownmenu Z-Index
*************************************************************/
#CampaignStatsChartWrapperId {z-index: 10;}

/* Pagina
*************************************************************/
.pagina b {
	background-color: #006980;
    padding: 2px 8px 2px 7px;
    color: #fff;
    border-radius: 3px;
}
.pagina a {
    padding: 2px 7px !important;
	text-decoration:none;
}
.pagina a:hover {
	background-color: #83ac1b;
    padding: 2px 8px 2px 7px;
    color: #fff;
    border-radius: 3px;
	text-decoration:none;
}

/* Statistiken
*************************************************************/
.stats-wrapper {
	padding: 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #006980;
    border-left: 1px solid #006980;
    border-right: 1px solid #006980;
}
.Stats-Heading {margin: 15px 0px 20px;}
.calendar-table {width:100%;background-color:#e5f0f2;color:#006980;}
.calendar-table td {padding:10px;}

.stats-overview-table {display:block;margin-bottom: 25px;margin-top: -10px;}
.stats-overview-cell {display:inline-grid;margin-top:12px;border-radius:5px;margin-right:8px;min-width:200px;border: 1px solid #d9d9d9;transition: all 0.3s linear 0s;}
.stats-overview-cell-head {text-align:center;padding:7px 5px;background-color: #d9d9d9;color:#006980;transition: all 0.3s linear 0s;}
.stats-overview-cell-content {font-size:32px;font-weight:300;color:#006980;padding:27px 10px;text-align:center;}
.stats-overview-cell-content-links {padding:7px 10px;font-size:11px;}
.stats-overview-cell:last-child {margin-right:0px;}

.summary-mob-tab-desck { padding:23px 10px; font-size:28px; line-height: 25px;} 

.summary-mob-tab-desck span{ font-size:13px !important;}


.stats-overview-cell:hover {border: 1px solid #83ac1b;}
.stats-overview-cell:hover div.stats-overview-cell-head {background-color: #83ac1b;color: #ffffff;}

.stats-overview-cell-blue {border-color:#006980!important;}
.stats-overview-cell-head-blue {background-color:#006980!important;color:#ffffff;}
.stats-overview-cell-red {border-color:#e74c3c!important;}
.stats-overview-cell-head-red {background-color:#e74c3c!important;color:#ffffff;}
.stats-overview-cell-orange {border-color:#f39c12!important;}
.stats-overview-cell-head-orange {background-color:#f39c12!important;color:#ffffff;}
.stats-overview-cell-green {border-color:#83ac1b!important;}
.stats-overview-cell-head-green {background-color:#83ac1b!important;color:#ffffff;}
.stats-overview-cell-black {border-color:#000000!important;}
.stats-overview-cell-head-black {background-color:#000000!important;color:#ffffff;}

#adminTablenewsletter_linkclicksummary, #adminTablenewsletter_links {margin-top: 30px;}

#StatisticsNewsletterManageList a {text-decoration: none !important;}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-400 {max-width:400px;}
.ellipsis-700 {max-width: 700px;}
@media screen and (max-width: 1600px) {
	.ellipsis-700 {max-width: 300px!important;}
	.BodyContainer {margin: 10px 25px 30px;}
	.menuBar {padding: 0 25px !important;}
	.notify-wrapper {padding: 30px 25px !important;}
	.Header {padding: 0px 25px 7px !important;}
	#sticky_bar {padding: 10px 25px !important;}
}
@media screen and (max-width: 1400px) {
	.ellipsis-700 {max-width: 150px!important;}
	.stats-subhead-content {max-width: 200px!important;}
	.BodyContainer {margin: 10px 20px 30px;}
	.menuBar {padding: 0 20px !important;}
	.notify-wrapper {padding: 30px 20px !important;}
	.Header {padding: 0px 20px 7px !important;}
	#sticky_bar {padding: 10px 20px !important;}
}

div.stats-overview-cell-head div.HelpToolTip_Placeholder {text-align: left;}
div.stats-overview-cell-head span.HelpText {border-bottom: 1px dotted #ffffff;}
span.H2 {font-size:12px;}
.align-right {text-align:right;}
.action-last-col {padding-left:40px!important;}
h2.stats-head {margin: 0px;font-weight: 100;font-family: 'Open Sans', sans-serif;color: #006980;margin-bottom: 5px;font-size:1.5em;}
.stats-subhead-wrapper {display: block;}
.stats-subhead-content{display: inline-block;margin-right: 15px;max-width: 300px;color:#666666}
.table-subhead-content{display: inline-block;margin-right: 15px;color:#666666}
.stats-numbers {font-size: 20px!important;font-weight: 200;font-family: 'Open Sans', sans-serif;margin: 0px;line-height: 1em;color: #006980;padding-right:10px!important;}

.GridRowOver TD.stats-numbers-blue {background-color:#d2e1e5!important;}
.GridRowOver TD.stats-numbers-green {background-color:#f2f4ee!important;}
.GridRowOver TD.stats-numbers-purple {background-color:#f3eaf4!important;}
.GridRowOver TD.stats-numbers-orange {background-color:#f7e9d4!important;}
.GridRowOver TD.stats-numbers-grey {background-color:#f2f2f2!important;}

.stats-numbers-blue {color:#006980!important;font-weight:400;}
.stats-numbers-green {color:#83ac1b!important;font-weight:400;}
.stats-numbers-purple {color:#9c1f78!important;font-weight:400;}
.stats-numbers-orange {color:#f29501!important;font-weight:400;}
.stats-numbers-grey {color:#2c3e50!important;font-weight:400;}
div.innergridinfo {font-size: 10px;display: none;}
tr.GridRowOver TD div.innergridinfo {display: block;margin-top: -20px;}
/* 2026-11-03 stats list: per-row breakdown under the rate (total / unique / machine share, delivered vs bounces), faded in
   on row hover (GridRowOver, javascript.js). While hovered the number cells align at the top, so the big numbers stay in
   one line whatever the number of lines below them. */
.stats-breakdown {font-size: 11px;line-height: 16px;font-weight: 400;color: #666666;white-space: nowrap;opacity: 0;max-height: 0;margin-top: 0;overflow: hidden;transition: opacity .25s ease, max-height .25s ease, margin-top .25s ease;}
.stats-breakdown i {color: #999999;margin-left: 2px;}
tr.GridRowOver td.stats-numbers-breakdown {vertical-align: top;}
tr.GridRowOver .stats-breakdown {opacity: 1;max-height: 80px;margin-top: 5px;}

.wordwrap {word-wrap: break-word;}
.wordwrap a{display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}

#chooselink {max-width:200px;}

#list-type-radio .ui-checkboxradio-icon, #list-type-radio .ui-checkboxradio-icon-space {display: none !important;}


/*=================================================================*/
/* Grid layout */
/*=================================================================*/

.wrapper-1280 { max-width:1280px; }
.wrapper-640 { max-width:640px; }
.wrapper-400 { max-width:400px; }
.wrapper-full { width:100%; }

.se-wrapper {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

.se-wrapper [class*="span"] {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.se-wrapper .span1 { width:8.3333%; }
.se-wrapper .span2 { width:16.6666%; }
.se-wrapper .span3 { width:25%; }
.se-wrapper .span4 { width:33.3333%; }
.se-wrapper .span5 { width:41.6666%; }
.se-wrapper .span6 { width:50%; }
.se-wrapper .span7 { width:58.3333%; }
.se-wrapper .span8 { width:66.6666%; }
.se-wrapper .span9 { width:75%; }
.se-wrapper .span10 { width:83.3333%; }
.se-wrapper .span11 { width:91.6666%; }
.se-wrapper .span12 { width:100%; }

.se-wrapper .offset1 { margin-left:8.3333%; }
.se-wrapper .offset2 { margin-left:16.6666%; }
.se-wrapper .offset3 { margin-left:25%; }
.se-wrapper .offset4 { margin-left:33.3333%; }
.se-wrapper .offset5 { margin-left:41.6666%; }
.se-wrapper .offset6 { margin-left:50%; }
.se-wrapper .offset7 { margin-left:58.3333%; }
.se-wrapper .offset8 { margin-left:66.6666%; }
.se-wrapper .offset9 { margin-left:75%; }
.se-wrapper .offset10 { margin-left:83.3333%; }
.se-wrapper .offset11 { margin-left:91.6666%; }
.se-wrapper .offset12 { margin-left:100%; }

.se-wrapper .se-row{ margin:0 -10px; }

div.stats-wrapper .se-wrapper .se-row { margin-right:0px; }
div.notify-wrapper .se-row {margin: 0px;}

.se-wrapper .se-row:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.se-wrapper .unit { position:relative; margin-bottom:25px; }

/* Responsiveness
==================================== */
/* Wrapper-1280 */
@media all and (max-width:780px) {

	.wrapper-1280 .se-wrapper [class*="span"] { margin-right:0; width:100%; }

	.wrapper-1280 .se-wrapper [class*="offset"] { margin-left:0; }

}
/* Wrapper-640 */
@media all and (max-width:620px) {

	.wrapper-640 .se-wrapper [class*="span"] { margin-right:0; width:100%; }

	.wrapper-640 .se-wrapper [class*="offset"] { margin-left:0; }

}

/* Wrapper-400 */
@media all and (max-width:380px) {

	.wrapper-400 .se-wrapper [class*="span"] { margin-right:0; width:100%; }

	.wrapper-400 [class*="offset"] { margin-left:0;	}

}



#tabnav li input[type="radio"], #tabnav_text li input[type="radio"]{
	margin: 0;
    padding: 0;
    display: none;
}

#tabnav li input[type="radio"]:checked+label, #tabnav_text li input[type="radio"]:checked+label {
	border-bottom: 1px solid #fff;
    background: #fff;
    color: #006980;
}

#tabnav li label, #tabnav_text li label {
	float: left;
    background: #006980;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 17px;
    margin-right: 4px;
    border: 1px solid #006980;
    text-decoration: none;
    color: #ffffff;
    font-family: 'Play', sans-serif;
    transition: all 0.3s linear 0s;
}
#tabnav li label:hover, #tabnav_text li label:hover {
    background: #83ac1b;
    border-top: 1px solid #83ac1b;
    border-left: 1px solid #83ac1b;
    border-right: 1px solid #83ac1b;
}

.Heading-tab, tr.Heading-tab td {
	font-size: 20px !important;
    color: #006980;
    height: 35px !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background-color: #F7F7F7;
    padding-bottom: 20px !important;
}

div#myDevEditControl_html_path_row {
    max-width: 750px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.jobdetails-input, .jobdetails-input:focus {border:0px!important;border-bottom:0px!important;background-color:transparent!important;padding:0px!important;width:100%!important;}

/* Notifications
*************************************************************/

.notify-wrapper {
    padding: 30px 50px;
    background-color: #004a5a;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	display: none;
	background: url(/admin/images/sendeffect-background.jpg) center center;
    border: none;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #004a5a;
	-webkit-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.5);
	box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.5);
}

.notify-card {
	background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0px 10px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
}
.notify-icon {
	padding: 1.5em;
    background-color: #9c9c9c;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #ffffff;
    display: table-cell;
	vertical-align: middle;
	min-width: 77px;
    box-sizing: border-box;
    text-align: center;
}


.notify-content {
	padding: 1em;
	display: table-cell;
	vertical-align: middle;
	width: 90%;
}
.notify-content h2 {
	margin: 0px;
    line-height: 1em;
    font-family: play;
    font-weight: 600;
    color: #006980;
}

.notify-content p {
	margin: 5px 0 0;
	
}

.notify-action {
	padding: 1em 1.7em;
    text-align: right;
	display: table-cell;
	vertical-align: middle;
	min-width: 180px;
	position: relative;
}
.notify-action a {text-decoration: none;}

.notify-action a button i, .inbox-message-header-action a button i {
    margin-right: 5px;
}

.hide-notify-btn {
	cursor: pointer;
	border: 0;
	border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	text-shadow: none;
	text-decoration: none;
    padding: 5px;
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    color: #006980;
	position: absolute;
    top: 50%;
	margin-top: -14px;
    right: -15px;
	outline: none;
}


/* Notifications Inbox
*************************************************************/

.inbox-container { 
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -ms-grid-columns: minmax(300px, 25%) 0px minmax(350px, 1fr);
  grid-template-columns: minmax(300px, 25%) minmax(350px, 1fr);
  grid-auto-flow: column;
  grid-column-gap: 0px;
}
/*IE hack*/
.inbox-container > *:nth-child(1) { 
  -ms-grid-row:1; 
  -ms-grid-column:1;
}.inbox-container > *:nth-child(2) { 
  -ms-grid-row:1; 
  -ms-grid-column:3;
}
/*IE hack Ende*/

.inbox-message-list-container {
	padding: 0px 1.25rem;
}
.inbox-message-column { 
	border: 1px solid #efefef;
	border-radius: 5px;
}

.inbox-message-content {
	padding: 1.25rem;
	font-size: 16px;
	line-height: 1.5em;
}

.inbox-message-header {
    background-color: #efefef;
	padding: .9rem 1.25rem;
	display: table;
    width: 100%;
    box-sizing: border-box;
}
.inbox-message-header-action {
	min-width: 200px;
	display: table-cell;
    text-align: right;
	vertical-align: middle;
}
.inbox-message-header-title {
	display: table-cell;
	vertical-align: middle;
	width: 90%;
}
.inbox-message-header-title h2 {
	margin: 5px 0px 0px 0px;
	font-weight: 300;
    color: #006980;
    font-size: 25px;
}

ul.inbox-message-list, ul.inbox-message-list-items {
	list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.inbox-message-list {
	border: 1px solid #efefef;
	border-radius: 5px;
}

.inbox-message-list-items li {
	padding: 1em;
	border-bottom: 1px solid #efefef;
	background-color: transparent;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.inbox-message-list-items li.animation {
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.inbox-message-list-items li:hover {
	background-color: rgba(0, 105, 128, 0.05);
}

.inbox-message-list-items li:last-child {
	border-bottom: 0px;
}

.message-list-title {
	background-color: #efefef;
    font-weight: 600;
    padding: 0px 1em;
}

.inbox-messeage-list-items-type, .inbox-messeage-list-items-title {
    display: inline-block;
    vertical-align: top;
}

.inbox-messeage-list-items-type {
	padding: 10px;
	text-align: center;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    color: #fff;
	box-sizing: border-box;
}
.notify-info {background-color: #83ac1b;}
.notify-alarm {background-color: #f39c12;}
.notify-warning {background-color: #e74c3c;}
.notify-notice {background-color: #006980;}


.inbox-messeage-list-items-title {
    font-size: 1.2em;
    line-height: 1.3em;
	display: block;
    margin: 0 0 .5em;
}
span.inbox-message-time {
	font-weight: 300;
    color: #000;
    line-height: 1em;
    display: block;
}

#unread-notifications .inbox-messeage-list-items-title{
	font-weight: 600;
}

.inbox-messeage-list-items-type i {
	margin-top: 1px;
}
.active-notifiy-item {
	background-color: rgba(0, 105, 128, 0.05) !important;
}


/****** Inhalt-Formatierung *****/

.inbox-message-content p {
	margin: 0 0 1.25em;
}

.inbox-message-content h1, .inbox-message-content h2, .inbox-message-content h3, .inbox-message-content h4, .inbox-message-content h5 {
	font-weight: 400;
    color: #006980;
	margin: 1.5em 0 1em;
}

.inbox-message-content h2 {
    font-size: 25px;
	line-height: 1.4em;
}

.inbox-message-content h2:after {
    border-bottom: 1px solid #006980;
    content: '';
    display: block;
    margin-top: 14px;
}

.inbox-message-content h3 {
	font-size: 22px;
	line-height: 1.4em;
}
.inbox-message-content h4 {
    font-weight: 400;
    color: #006980;
    font-size: 20px;
	line-height: 1.3em;
}

.inbox-message-content ul li {
	line-height: 1.5em;
    margin-bottom: 10px;
	color: #676767;
}
.inbox-message-content ul.changelog li {
	font-size: 0.9em;
	line-height: 1.4em;
    margin-bottom: 7px;
	color: #676767;
}

.inbox-message-content .image-wrapper {
	margin-bottom: 1.4em;
	display: inline-block;
    width: auto;
	border: 5px solid #006980;
    border-radius: 5px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.inbox-message-content .image-wrapper:hover {
	border-color: #83ac1b;
}

.inbox-message-content img {
    max-width: 400px;
    height: auto;
	filter: grayscale(100%);
	-webkit-transform: rotate(8deg) scale(1.3);
	transform: rotate(8deg) scale(1.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.inbox-message-content img:hover {
	filter: grayscale(0%);
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}
.inbox-message-content hr.changelog {
    margin: 50px 0 30px;
}

/****** Inhalt-Formatierung ENDE *****/


/* sfx Card-Layout
*************************************************************/

.sfx-card-wrapper {
	width: 100%;
	background-color: #ffffff;
	position: relative;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.09), 0 1px 5px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05), 0 3px 1px -2px rgba(0,0,0,0.09), 0 1px 5px 0 rgba(0,0,0,0.05);
	/*margin: .5rem 0 1rem 0;*/
	margin: 1.5rem 0;
}

.sfx-card-header {
	padding: .75rem 1.25rem;
}

.sfx-card-title {
	font-family: OpenSans;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	font-size: 25px;
	color: #006980;
	border-bottom: 1px solid #efefef;
    margin-top: 5px;
    padding-bottom: 1rem;
	border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.sfx-card-content {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	padding: .5rem 1.25rem 1.4rem;
}

.title-border {
	position: relative;
}
.title-border:before {
	position: absolute;
    bottom: -1px;
    width: 100px;
    height: 1px;
    content: "";
    background: #83ac1b;
}

.inbox-padding {
	padding-left: 0px !important;
}

.sfx-card-title .HelpToolTip {font-size:13px;}
.sfx-card-title ul.nav li, .sfx-card-title button.dropdown-toggle {line-height: 1rem; font-size: 1rem;}

.HighlightRow:hover input[type="text"], .HighlightRow:hover .emoji-wysiwyg-editor
/*, input[type="text"]:focus*/ {
    padding-left: 5px;
}

/*
Font-Awesome Z-Index BUG-Fix
*************************************************************/
.fa{transform: none !important;}
.z-999 {z-index:999;}

.statmobile{
    
    min-width: 47%;
    display: inline-block;
    margin-left:20px;
}

.ISSelect .ui-state-default{
    border: 0px; 
    background: #fff;
    color: #006980;
}

#ui-datepicker-div.position {
       
    top: 435px !important;
    
    left: 298px !important;
    

}
.ui-widget-header{
    border: 1px solid #006980 !important;
    background: #006980 !important;
}
.ui-widget-content {
        color: #006980 !important;
}

.form-menu ul li a{padding: 0 20px;}
#dynamicContentTextButton {  white-space:nowrap;  }
#dynamicContentText{ 
    display:none;
    padding: 0;   
}
        
#dynamicContentBox:hover #dynamicContentText {
    display: block;  
    z-index: 100000; 
    position: absolute; 
    background-color: white;
}
#dynamicContentBox{            
    width:156px;
    position: relative;
    z-index: 100000; 
}
#dynamicContentText img { 
    border:0; 
    padding:0 5px 0 0; 
    margin:0; 
    vertical-align:middle }
#dynamicContentText .ItemContainer {width:210px;}
#dynamicContentText li{ white-space:nowrap}

/* Sweetalert */

.swal2-modal {
	font-family: 'Open Sans', sans-serif !important;
}
.swal2-title {font-size: 1.8em !important;}
.swal2-buttonswrapper .FormButton{font-family: 'Play', sans-serif !important; text-transform: uppercase;}


@-webkit-keyframes sfxZoomIn {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    visibility: visible;
  }

  to {
        -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sfxZoomIn {
  from {
        -webkit-transform: scale(0.5);
            transform: scale(0.5);
    visibility: visible;
  }

  to {
        -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.swal2-show {
	-webkit-animation-name: sfxZoomIn !important;
	animation-name: sfxZoomIn !important;
	animation-duration: 0.3s !important;
}

body.swal2-shown {background-color: #666666;}

.swal2-modal {
    -webkit-box-shadow: 0 0px 20px 10px rgba(0,0,0,0.07), 0 0px 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0px 20px 10px rgba(0,0,0,0.07), 0 0px 10px 5px rgba(0,0,0,0.1);
}
.swal2-container {
	z-index: 300000 !important;
	-webkit-backdrop-filter: blur(3px);
	-moz-backdrop-filter: blur(3px);
	-ms-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	-webkit-transition: all 0.3s ease 0.025s;
	-moz-transition: all 0.3s ease 0.025s;
	-ms-transition: all 0.3s ease 0.025s;
	-o-transition: all 0.3s ease 0.025s;
	transition: all 0.3s ease 0s, backdrop-filter 0.3s ease 0.04s;
}
.swal2-container.swal2-sfxbg {
opacity: 0 !important;
-webkit-transition: opacity 0.3s ease 0s !important;
-moz-transition: opacity 0.3s ease 0s !important;
-ms-transition: opacity 0.3s ease 0s !important;
-o-transition: opacity 0.3s ease 0s !important;
transition: opacity 0.3s ease 0s !important;
}

body{overflow: hidden;}
div#IEM_HTML_Body {
height: 100%;
width: 100%;
overflow: auto;
}
body.tox-fullscreen #IEM_HTML_Body {
    overflow: hidden;
}
#sfx-view {
	overflow: hidden !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	height: 100vh;
    width: 100vw;
}

body.swal2-shown #sfx-view {
    /*filter: blur(2px);*/
	transform: scale(0.95);    
	background-color: #F7F7F7;
	-webkit-transition: all 0.3s ease 0.025s;
	-moz-transition: all 0.3s ease 0.025s;
	-ms-transition: all 0.3s ease 0.025s;
	-o-transition: all 0.3s ease 0.025s;
	transition: all 0.3s ease 0s, filter 0.3s ease 0.04s;
}

body.swal2-sfx #sfx-view {
    filter: blur(0px);
    overflow: hidden !important;
    transform: scale(1);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s, filter 0.3s ease 0.04s;
}
@-webkit-keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.1) !important;
            transform: scale(0.1) !important;
    opacity: 0; } }

@keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.1) !important;
            transform: scale(0.1) !important;
    opacity: 0; } }
.swal2-hide {
  -webkit-animation: hideSweetAlert 0.4s forwards !important;
          animation: hideSweetAlert 0.4s forwards !important;
	animation-duration: 0.35s !important;
}


/* Off Menu */

.offmenu-content-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1060;
	display: none;
}

#offmenu {
	display:none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30em;
	right: 0;
	height: 100vh;
	-webkit-transform: translate(30em, 0px);
	-moz-transform: translate(30em, 0px);
	-o-transform: translate(30em, 0px);
	-ms-transform: translate(30em, 0px);
	transform: translate(30em, 0px);
	-webkit-transition: 0.25s ease;
	-moz-transition: 0.25s ease;
	-o-transition: 0.25s ease;
	transition: 0.25s ease;
	background: #006980;
	overflow: hidden;
	border-top: 5px solid #83ac1b;
	z-index: 99999;
}

 #offmenu.active {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

#IEM_HTML_Body {
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
   -webkit-transition: 0.25s ease;
   -moz-transition: 0.25s ease;
   -o-transition: 0.25s ease;
   transition: 0.25s ease;
}

#IEM_HTML_Body.active {
   -webkit-transform: translate(-30em, 0px);
   -moz-transform: translate(-30em, 0px);
   -o-transform: translate(-30em, 0px);
   -ms-transform: translate(-30em, 0px);
   transform: translate(-30em, 0px);
   overflow: hidden;
}

/*Blacklists*/
#switch {margin-top: 0px;}
#manage_blacklists .testlist td {
	background-color: rgba(230, 126, 34, 0.1);
}
#manage_blacklists .testlist:hover {
	background-color: rgba(230, 126, 34, 0.2);
}
#manage_blacklists .global td {
	background-color: rgba(131, 172, 27, 0.1);
	font-weight: bold;
}
#manage_blacklists .global:hover {
	background-color: rgba(131, 172, 27, 0.2);
}

/* Imports & Import History */
.additionalOption, .SourceSelect, .SourceName, .form-preview {display: inline-block; width: 100%; max-width: 350px;white-space: nowrap;}
.SourceSelect, .SourceName {margin-right:2px; height: 33px;}
.SourceSelect select, .SourceName input {max-width: 254px !important;}
.additionalOption {width: auto;}
.additionalOption a {
	font-size: 0.75em;
	height: 8px;
	box-sizing: content-box;
	width: 10px;
    padding: 1em;
}
.additionalOption a span {font-size: 1.25em;}
.HelpToolTip_Placeholder {white-space: normal;}
.form-preview select {
	width: 100%; max-width: 85% !important;
}

/* Spacing */
.mb-0 {margin-bottom: 0px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 15px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}

.mt-0 {margin-top: 0px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 15px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}

/* chosen */
.chosen-container {width: inherit !important; max-width: 320px; background-color: #fff;}
.chosen-container a {transition: all 0.3s linear 0s;}
.chosen-with-drop {background-color: #e5f0f2;}
.chosen-container-active a {border-color: #006980 !important;}

/* Bootstrap 4 Grid smooth migration - sb */
.emoji-wysiwyg-editor {
	box-sizing: content-box;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	label {margin-bottom: 0px;}
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/* Allgemeine Fixes*/

body {
	position: relative;
	height: 100% !important;
}

.text-center {text-align: center!important;}
.max-150w {width: 100% !important; max-width: 150px;}
.max-250w {width: 100% !important; max-width: 250px;}
.max-300w {width: 100% !important; max-width: 300px;}
.max-350w {width: 100% !important; max-width: 350px;}
.max-500w {width: 100% !important; max-width: 500px;}

.font-weight-normal {font-weight: normal;}

.search_checkbox_wrapper{
	display: block;
	width: 100%;
	height: auto;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #d9d9d9;
    background-color: #fff;
	border-top: 0px;
	white-space: normal;
}
.list-select-box, .Forms-Customfield-Drag-Drop {
	
	height: 400px;
	border: 1px solid #006980;
	overflow-y: scroll;
}
.search_checkbox_wrapper:hover {
	border-color: #006980;
}
.search_checkbox_wrapper ul li {padding: 10px 7px; line-height: 1.5em;}
.search_checkbox_wrapper ul li label {font-weight: normal}
.search_checkbox_wrapper ul li span {float: right;}

.list-select-box ul li {border-top: 1px solid #ccc;}
.list-select-box ul li:first-child {border: none;}
.list-select-box ul li label {padding: 5px 13px; display: block !important;}
.Customfields_list {padding: 0px 20px 20px;}
.Customfields_list ul li {border: 0px;}
.Customfields_list ul li:hover {background-color: #ffffff;}

#FieldOrderList li {padding: 5px 13px;border-bottom: 1px solid #ccc; font-weight: bold;}
#FieldOrderList .ui-sortable-placeholder {visibility: inherit !important; background-color: #83ac1b !important;}

.tox-tinymce-aux{
    z-index: 20001 !important;
}
.tox .tox-dialog-wrap__backdrop {
	background-color: rgba(0,0,0,.5) !important;
	-webkit-backdrop-filter: blur(3px);
    -moz-backdrop-filter: blur(3px);
    -ms-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	-webkit-transition: all 0.3s ease 0.025s;
    -moz-transition: all 0.3s ease 0.025s;
    -ms-transition: all 0.3s ease 0.025s;
    -o-transition: all 0.3s ease 0.025s;
    transition: all 0.3s ease 0s, backdrop-filter 0.3s ease 0.04s;
}
.sfx-editor-menubar-button {
	fill: #006980;
	color: #006980;
}
/* Sticky Bar */
#sticky_bar {
	width:100%;
	height:auto;
	background-color: #fff;
	display: none;
	z-index: 9000;
	top: 0px;
	padding: 10px 50px;

    position: absolute;
	/*transform: translate(0px, -60px);*/
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out 0s;
}
.sticky {
	position:fixed;
	/*transform: translate(0px, 0px) !important;*/
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25) !important;
    -moz-box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25) !important;
	box-shadow: 0px 5px 20px 0px rgba(0,40,46,0.25) !important;
}
div#sticky_content button {
     font-size: 0.85em;
}
html.tox-fullscreen div#sticky_bar {
    display: none !important;
}

/* Loading spinner (introduced in user account DPA form) */

.loader {
	display:inline-block;
	border: 3px solid #f3f3f3; /* Light grey */
	border-top: 3px solid #006980;
	border-bottom: 3px solid #006980;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 1.6s linear infinite;
	position: relative;
	top: 6px;
}

.loadertext {
	margin-left: 4px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}