/* 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;
}

/* 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;}

.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;
}