@font-face {
	font-family: HelveticaNeueLight;
    src: url("./fonts/HelveticaNeue-Light.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
}

@font-face {
	font-family: HelveticaNeueLight;
    src: url("./fonts/HelveticaNeue-Light.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: HelveticaNeueLight;
    src: url("./fonts/HelveticaNeue-Bold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

.developmentIssueForm {
	display: grid;
	gap: 24px;
	max-width: 850px;
	margin: 20px 0 35px;
	padding: 24px;
	background: #fffdfd;
	border: 1px solid #dedede;
	border-top: 3px solid #fe2342;
	border-radius: 8px;
	box-sizing: border-box;
}

.developmentIssueRow {
	display: flex;
	gap: 18px;
}

.developmentIssueRow .developmentIssueField {
	flex: 1;
}

.developmentIssueField {
	display: grid;
	gap: 8px;
}

.developmentIssueField label {
	display: block;
	font-weight: 600;
	color: #373942;
}

.developmentIssueField input,
.developmentIssueField select,
.developmentIssueField textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #c9cbd1;
	border-radius: 5px;
	box-sizing: border-box;
	background: #fffdfd;
	font: inherit;
}

.developmentIssueField textarea {
	min-height: 100px;
	resize: vertical;
	font-family: Consolas, Monaco, monospace;
	line-height: 1.45;
}

#developmentIssueDescription {
	min-height: 290px;
}

#developmentBacklogIssueBody {
	min-height: 250px;
}

.developmentIssueField input:focus,
.developmentIssueField select:focus,
.developmentIssueField textarea:focus {
	border-color: #fe2342;
	box-shadow: 0 0 0 2px rgba(254, 35, 66, .12);
	outline: none;
}

.developmentIssueHelp {
	margin: 0;
	color: #666;
}

.developmentIssueForm .select2-container {
	width: 100% !important;
}

.developmentIssueStakeholder {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px 12px;
	padding-top: 16px;
	border-top: 1px solid #dedede;
	color: #373942;
}

.developmentIssueStakeholder > span {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #777;
}

.developmentIssueStakeholder small {
	flex-basis: 100%;
	color: #666;
}

.developmentIssueActions {
	min-height: 40px;
}

.developmentIssueMessage {
	display: none;
	max-width: 850px;
	margin: 12px 0;
	padding: 12px 14px;
	border-radius: 5px;
	box-sizing: border-box;
}

.developmentIssueMessage:not(:empty) {
	display: block;
}

.developmentIssueMessageSuccess {
	background: #e6f5ec;
	color: #176c3a;
}

.developmentIssueMessageWarning {
	display: block;
	background: #fff4d6;
	color: #765600;
}

.developmentIssueMessageError {
	background: #fde8eb;
	color: #9c1730;
}

.developmentBacklog {
	max-width: 1180px;
	margin: 52px 0 40px;
}

.developmentBacklogHeading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 24px;
}

.developmentBacklogHeading h2,
.developmentBacklogHeading p {
	margin: 0;
}

.developmentBacklogHeading p {
	max-width: 70ch;
	margin-top: 8px;
	color: #666;
}

.developmentBacklogToolbar {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) 220px;
	gap: 16px;
	align-items: end;
	margin-bottom: 12px;
}

.developmentBacklogCount {
	margin: 8px 0;
	font-size: 12px;
	color: #666;
}

.developmentBacklogWorkspace {
	display: grid;
	grid-template-columns: minmax(300px, 38%) minmax(420px, 1fr);
	min-height: 620px;
	border: 1px solid #d9dadd;
	border-top: 3px solid #373942;
	background: #fffdfd;
}

.developmentBacklogList {
	max-height: 820px;
	overflow-y: auto;
	background: #f6f5f6;
}

.developmentBacklogLoading,
.developmentBacklogEmpty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 220px;
	padding: 32px;
	text-align: center;
	color: #6b686b;
	box-sizing: border-box;
}

.developmentBacklogEmpty strong {
	font-size: 16px;
	color: #373942;
}

.developmentBacklogItem {
	display: grid;
	gap: 8px;
	width: 100%;
	padding: 16px 18px;
	border: 0;
	border-bottom: 1px solid #dedede;
	background: transparent;
	color: #373942;
	text-align: left;
	cursor: pointer;
}

.developmentBacklogItem:hover {
	background: #eeecee;
}

.developmentBacklogItem.active {
	background: #fffdfd;
}

.developmentBacklogItem strong {
	font-size: 14px;
	line-height: 1.35;
}

.developmentBacklogItemMeta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 10px;
	font-size: 11px;
	color: #6b686b;
}

.developmentBacklogState {
	display: inline-block;
	padding: 2px 7px;
	border-radius: 20px;
	font-weight: 600;
}

.developmentBacklogStateopen {
	background: #dff3e7;
	color: #176c3a;
}

.developmentBacklogStateclosed {
	background: #ece9f5;
	color: #584180;
}

.developmentBacklogItemFooter {
	font-size: 11px;
	color: #777;
}

.developmentBacklogDetail {
	min-width: 0;
	border-left: 1px solid #d9dadd;
}

.developmentBacklogDetailContent {
	display: none;
	padding: 24px;
}

.developmentBacklogDetailHeader {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #dedede;
}

.developmentBacklogDetailHeader > div {
	display: grid;
	gap: 4px;
}

#developmentBacklogIssueReference {
	font-size: 12px;
	color: #777;
}

#developmentBacklogProjectStatus {
	font-size: 14px;
}

.developmentBacklogEditForm {
	display: grid;
	gap: 18px;
	padding: 24px 0 32px;
}

.developmentBacklogStateField {
	max-width: 220px;
}

.developmentBacklogComments {
	padding-top: 24px;
	border-top: 1px solid #dedede;
}

.developmentBacklogComments h3 {
	margin: 0 0 18px;
}

.developmentBacklogComment {
	padding: 16px 0;
	border-bottom: 1px solid #e6e4e6;
}

.developmentBacklogComment > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	font-size: 12px;
}

.developmentBacklogComment p {
	margin: 10px 0 0;
	white-space: pre-wrap;
	line-height: 1.5;
}

.developmentBacklogNoComments {
	color: #666;
}

#developmentBacklogCommentForm {
	display: grid;
	gap: 12px;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #dedede;
}

@media (max-width: 700px) {
	.developmentIssueRow {
		display: block;
	}

	.developmentIssueForm {
		padding: 18px;
	}

	.developmentBacklogHeading {
		align-items: start;
		flex-direction: column;
	}

	.developmentBacklogToolbar,
	.developmentBacklogWorkspace {
		grid-template-columns: 1fr;
	}

	.developmentBacklogStateField {
		max-width: none;
	}

	.developmentBacklogList {
		max-height: 420px;
	}

	.developmentBacklogDetail {
		border-top: 1px solid #d9dadd;
		border-left: 0;
	}

	.developmentBacklogDetailContent {
		padding: 18px;
	}
}

#mc-favorite-user-id-toggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

#mc-favorite-user-id-toggle > span {
    opacity: .3;
}

#mc-favorite-user-id-toggle.mc-favorite-user-id-true > span {
    opacity: 1;
}

#mc-favorite-user-id-toggle.mc-favorite-user-id-loading {
    animation-name: spin;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

table.mc-table-valign-top > tbody > tr > td {
    vertical-align: top;
}

#my_info .mc-account-id {
    margin-left: 4px;
    color: #ccc;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* Fix for items jumping when hovered on. */
.ui-menu .ui-menu-item a.ui-state-focus {
    margin: inherit !important;
}

div.mc-code-block {
    color: #fff;
    background-color: #333;
    font-family: "Courier New",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
    padding: .5rem 1rem;
    border-radius: 5px;
    max-width: 900px;
}

.mc-blog-item {
    padding: 4px;
}

.mc-blog-item-header {
    color: #0c84bd;
    font-weight: bold;
    padding: 3px 0 6px;
}

.mc-blog-item-timestamp {
    margin-left: 8px;
    color: #c1c1c1;
    font-weight: normal;
}

.mc-blog-item-content {
    color: #939ba7;
}

.mc-segments-form-days-ago {
    display: block;
    position: relative;
}

.mc-segments-form-days-ago-input {
    width: calc(100% - 9rem) !important;
    text-align: right;
}

.mc-segments-form-days-ago-text {
    width: 8rem;
    display: inline-block;
    padding-left: .5rem;
}

.mc-wf-queue-details-debug > td {
    font-style: italic;
}

.mc-wf-queue-details-debug > td > span {
    color: #d4b03f;
}

.mc-connector-warning {
    position: relative;
    color: #793d0d !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 1.4em !important;
}

.mc-connector-warning[data-wsid] {
    padding-right: 48px !important;
}

.mc-sync-warning-dismiss {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 24px;
    cursor: pointer;
}

.mc-sync-warning-dismiss:focus-visible {
    outline: 2px solid currentColor;
}

.mc-sync-warning-form label {
    display: block;
    margin-bottom: 12px;
}

.mc-sync-warning-status:not(:empty) {
    display: block;
    margin-top: 8px;
}

.mc-sync-warning-dialog {
    box-sizing: border-box;
    width: min(520px, calc(100% - 32px));
    max-height: calc(100% - 32px);
    margin: auto;
    padding: 0;
    overflow: auto;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
    font-family: 'AvenirLight', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    color: #515b69;
    background: #fff;
}

.mc-sync-warning-dialog::backdrop {
    background: rgba(27, 39, 54, .4);
}

.mc-sync-warning-dialog-content {
    padding: 24px;
}

.mc-sync-warning-dialog h4 {
    margin: 0 0 16px;
    font: inherit;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    color: #24374e;
}

.mc-sync-warning-dialog p {
    line-height: 1.6;
    margin: 0 0 12px;
}

.mc-sync-warning-dialog .mc-sync-warning-dialog-note {
    margin: 16px 0 0;
    font-size: 13px;
    color: #657183;
}

.mc-sync-warning-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid #e6ebf1;
    background: #f7f9fc;
}

.mc-sync-warning-dialog button,
.mc-sync-warning-form > button {
    appearance: none;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}

.mc-sync-warning-dialog .mc-sync-warning-cancel {
    border-color: #d4dde7;
    background: #fff;
    color: #384858;
}

.mc-sync-warning-dialog .mc-sync-warning-cancel:hover {
    background: #edf1f6;
}

.mc-sync-warning-dialog .mc-sync-warning-confirm,
.mc-sync-warning-form > button {
    background: #176da8;
    color: #fff;
}

.mc-sync-warning-dialog .mc-sync-warning-confirm:hover,
.mc-sync-warning-form > button:hover {
    background: #125987;
}

.mc-sync-warning-dialog button:focus-visible,
.mc-sync-warning-form > button:focus-visible {
    outline: 2px solid #24374e;
    outline-offset: 3px;
}

.mc-sync-warning-form > button:disabled {
    opacity: .6;
    cursor: wait;
}

@media (max-width: 480px) {
    .mc-sync-warning-dialog-content {
        padding: 20px;
    }

    .mc-sync-warning-dialog-actions {
        flex-direction: column;
        padding: 16px 20px;
    }
}

.mc-email-auth {
    width: 95%;
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 5px;
    text-shadow: none;
    padding: 10px;
}

.mc-email-auth-success {
    background-color: #f5fde9 !important;
    color: #6b9920;
}

.mc-email-auth-warning {
    background-color: #ffb13c !important;
    color: #ffffff;
}

.mc-email-auth-error {
    background-color: #ff6000 !important;
    color: #ffffff;
}

.mc-email-auth-dkim-cname {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.mc-trusted-shops-stars-container {
    display: block;
    overflow-x: hidden;
    width: 4.2rem;
}

.mc-trusted-shops-stars {
    height: .8rem;
    display: inline-block;
}

div.mc-export-select {
    padding: 1rem 0;
}

div.mc-export-select > span {
    color: #0F6FAA;
    cursor: pointer;
    font-size: 1rem;
    text-decoration: underline;
}

table.mc-table-timeline {
	display: table;
	width: 100%;
	max-width: 100%;
}

table.mc-table-timeline tr td {
    vertical-align: top;
}

table.mc-table-timeline tr > td:nth-child(1),
table.mc-table-timeline tr > td:nth-child(2),
table.mc-table-timeline tr > td:nth-child(3) {
	vertical-align: middle;
}

/* Time column */
table.mc-table-timeline tr > td:nth-child(1) {
	width: 104px;
	min-width: 104px;
}

/* Type column */
table.mc-table-timeline tr > td:nth-child(2) {
	width: 190px;
	min-width: 190px;
}

/* Event (`what`) column */
table.mc-table-timeline tr > td:nth-child(3) {
    width: 100%;
}

#message_popup
{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	width:400px;
	min-height:100px;
	margin-left:-230px;
	padding:20px;
	margin-top:-90px;
	background-color:#ffffff;
	border-radius:7px;
	z-index:999;
	-moz-box-shadow: 0px 0 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0 10px rgba(0,0,0,0.25);
	box-shadow: 0px 0 10px rgba(0,0,0,0.25);
	font-family: "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-size:13px;
	text-align:left;
}

#important_message
{
	position:fixed;
	z-index:499;
	display:block;
	left:0px;
	right:0px;
	top:0px;
	background-color:#dd0000;
	color:#ffffff;
	padding:9px;
	padding-left:20px;
	padding-top:8px;
	font-family: Arial, "Montserrat", "Esteban", "Montserrat", Arial, "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
	text-align:center;
	-moz-box-shadow: 0px 0 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0 1px rgba(0,0,0,0.25);
	box-shadow: 0px 0 1px rgba(0,0,0,0.25);
}

#important_message a
{
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer;
}

#strategy_call_button
{
	position:fixed;
	display:block;
	right:245px;
	top:51px;
	padding:7px 14px;
	border:1px solid #7568b2;
	border-radius:18px;
	z-index:70;
	background-color:#ffffff;
	color:#24374e !important;
	font-size:14px;
	font-weight:600;
	line-height:20px;
	text-decoration:none;
	white-space:nowrap;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	-o-transition: background-color 0.2s linear, color 0.2s linear;
	-moz-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
}

#strategy_call_button:hover,
#strategy_call_button:focus
{
	background-color:#7568b2;
	color:#ffffff !important;
	text-decoration:none;
}

#strategy_call_button:focus
{
	outline:2px solid #ae2e8d;
	outline-offset:2px;
}

#support_button
{
	position:fixed;
	display:block;
	right:74px;
	top:59px;
	padding:5px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:5px;
	border-radius: 4px;
	height:auto;
	width:auto;
	z-index:70;
	cursor:pointer;
	background-color:#ffffff;
	color:#24374e !important;
	font-size:14px;
    font-weight:normal;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
    padding: 0px 0px 0px 0px;
}

#support_button:hover
{
	text-decoration: underline;
}

#support_button .button
{
	width:160px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#kennis_button
{
	position:fixed;
	display:block;
	right:144px;
	top:59px;
	padding:5px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:5px;
	border-radius: 0px;
	height:auto;
	width:auto;
	z-index:70;
	cursor:pointer;
	background-color:#ffffff;
	color:#24374e !important;
	font-size:14px;
    font-weight:normal;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
    border-right:1px solid #aaaaaa;
    padding: 0px 20px 0px 0px;
}

#kennis_button:hover
{
	text-decoration: underline;
}

#kennis_button a
{
	text-decoration:none;
	color:#24374e;
}

#breadcrumbs
{
	position:fixed;
	display:block;
	top:44px;
	height:auto;
	left:221px;
	right:0px;
	background-color:rgba(255,255,255,0.95);
	background-color:#c3e9fb;
	width:auto;
	z-index:60;
	padding-top:7px;
	padding-bottom:8px;
	border-bottom:1px solid #a5def9;
	border-top:1px solid #a5def9;
	border-top:0px solid #eeeeee !important;
	border-bottom:1px solid #eeeeee !important;
	padding-top: 14px;
    padding-bottom: 13px;
	background: linear-gradient(90deg, #0084c0, #ff0081);
	background: linear-gradient(90deg, #ffffff, #ffffff);
	background-size: 200% 200%;
	-webkit-animation: AnimationName 15s ease infinite;
	-moz-animation: AnimationName 15s ease infinite;
	animation: AnimationName 15s ease infinite;
	min-height:20px;
}

#breadcrumbs ul
{
	list-style:none;
	display:block;
	padding:0px;
	margin:0px;
	margin-left:29px;
}

#breadcrumbs ul li
{
	display:inline-block;
	color:#000000;
	font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-size:11px;
	text-decoration:none;
}

#breadcrumbs ul li a
{
	color:#000000;
	font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-size:11px;
	text-decoration:none;
}

#breadcrumbs ul li span.arrow
{
	font-family: "entypo", Arial;
	text-align: center;
	width: 18px;
	display:block;
	color:#000000;
}


#back_button
{
	position:fixed;
	display:block;
	top:44px;
	height:auto;
	right:0px;
	width:300px;
	z-index:60;
	padding-top:7px;
	padding-bottom:8px;
	text-align:right;
}

#back_button ul
{
	align:right;
	list-style:none;
	display:block;
	padding:0px;
	margin:0px;
	margin-right:29px;
}

#back_button ul li
{
	display:inline-block;

	color:#333333;
	font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-size:11px;
	text-decoration:none;
}

#back_button ul li a
{
	color:#015d81;
	font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-size:11px;
	text-decoration:none;
}

#back_button ul li span.arrow
{
	font-family: "entypo", Arial;
	font-size: 0.9em;
	height: 18px;
	font-weight:normal;
	line-height: 18px;
	margin-left: 0px;
	text-align: center;
	width: 18px;
	display:block;
	margin-top:-1px;
	color:#333333;
}

#bootstrap_main_complete_menu
{
	display:block;
	position:fixed;
	top:44px;
	left:0px;
	width:220px;
	height:auto;
	bottom:0px;
	background-color:#2f4059;
	background:none;
	background-color: #1e6596;
	background-size: 200% 200%;
	-webkit-animation: AnimationName2 15s ease infinite;
	-moz-animation: AnimationName2 15s ease infinite;
	animation: AnimationName2 15s ease infinite;
	z-index:60;
	overflow-x:hidden;
	overflow-y:auto;
	box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.20);
    border-right:0px;
}

#bootstrap_main_complete_menu ul.main
{
	list-style:none;
	border:0px;
	position:relative;
	display:block;
	padding:0px;
	margin:0px;
}

#bootstrap_main_complete_menu ul.main li
{
	display:inline-block;
}

#bootstrap_main_complete_menu ul.main li div.number
{
	display:none;
}

#bootstrap_main_complete_menu ul.main li div.entypo
{
	display:inline-block;
	border:0px;
	font-family: "entypo", Arial;
	font-size: 1.8em;
	line-height: 1;
	text-align:center;
	width:40px;
	left:0px;
	height:40px;
	color:rgba(255,255,255,0.7);
	margin:0px;
	padding:0px;
	margin-top:0px;
	margin-left:5px;
	cursor:pointer;
	vertical-align:top;
	position:absolute;
	z-index:10;
}

#bootstrap_main_complete_menu ul.main li a
{
	display:block;
	padding:11px;
	padding-left:50px;
	width:155px;
	font-size:12px;
	letter-spacing: 0px;
	color:rgba(255,255,255,0.7);
	color:#ffffff;
	text-shadow:none;
	font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	border-bottom:1px solid rgba(0,0,0,0.2);
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

#bootstrap_main_complete_menu ul.main li a span.arrow
{
	font-family: "entypo", Arial;
	font-size: 1.5em;
	height: 18px;
	font-weight:normal;
	line-height: 18px;
	margin-left: 5px;
	text-align: center;
	width: 18px;
	display:block;
	position:absolute;
	right:10px;
	margin-top:-23px;
	color:rgba(255,255,255,0.7);
	color:#ffffff;
	display:none;
	-moz-transition: all .1s ease;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	transform-origin: 5px 13px;
}

#bootstrap_main_complete_menu ul.main li a:hover span.arrow
{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#bootstrap_main_complete_menu .open a span.arrow
{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#bootstrap_main_complete_menu ul.main li.active a.menu_a
{
	border-left: 2px solid #ffffff !important;
}

#bootstrap_main_complete_menu ul.main li.active a,
#bootstrap_main_complete_menu ul.main li a:hover
{
	background-color:rgba(0,0,0,0.2);
	color:rgba(255,255,255,1);
}

#bootstrap_main_complete_menu ul.main li.active a
{
	color:#ffffff;
}

#bootstrap_main_complete_menu ul.main li.active div.entypo
{
	color:#ffffff;
}

#bootstrap_main_complete_menu ul.main li:hover div.entypo
{
	color:#ffffff;
}

#bootstrap_main_complete_menu ul.main li ul.sub
{
	display:none;
	list-style:none;
	border:0px;
	position:relative;
	padding:0px;
	margin:0px;
}

#bootstrap_main_complete_menu ul.main li ul.sub li
{
	display:inline-block;
}

#bootstrap_main_complete_menu ul.main li ul.sub li a
{
	display:block;
	padding:10px;
	padding-left:50px;
	padding-right:0px;
	width:170px;
	font-size:12px;
	letter-spacing: 0px;
	color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.2);
	text-shadow:none;
	font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

#bootstrap_main_complete_menu ul.main li ul.sub li.active a
{
	background-color:rgba(0,0,0,0.4);
	color:#ffffff;
}

#bootstrap_main_complete_menu ul.main li ul.sub li a:hover
{
	background-color:rgba(0,0,0,0.4);
	color:#ffffff;
}

#bootstrap_main_complete_menu ul.main li ul.sub li a span.number
{
	font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	font-size:9px;
	color:#202529;
	background-color:#ffffff;
	border-radius: 3px;
	display:block;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	padding-bottom:0px;
	vertical-align:middle;
	text-align:center;
	min-width:13px;
	width:auto;
	height:14px;
	text-align:center;
	position:absolute;
	margin-left:58px;
	margin-top:-54px;
	display:inline-block;
	right:20px;
	margin-left:5px;
	margin-top:0px;
	margin-right:-10px;
	background-color:#2f4059;
	position:absolute;
	padding-right:3px;
	padding-left:3px;
	border:0px solid #0084c0;
	color:#ffffff;
	font-weight:normal;
	text-shadow:none;
}

@font-face {
	font-family: AvenirLight;
	font-weight:bold;
	src: url("./fonts/Avenir-Heavy.otf") format("opentype");
}

@font-face {
	font-family: AvenirLight;
	src: url("./fonts/Avenir-Book.otf") format("opentype");
}

@font-face {
	font-family: ProximaNova;
	font-weight:300;
	src: url("./fonts/ProximaNova-Light.otf") format("opentype");
}
@font-face {
	font-family: ProximaNova;
	font-weight:600;
	src: url("./fonts/ProximaNova-Bold.otf") format("opentype");
}

div.framework_left_menu_swipe_icon
{
	display:none !important;
}

html
{
	height:100%;
	width:100%;
}

body
{
	position: static !important;
	top: 0 !important;
	overflow-y: auto;
}

tspan
{
	text-shadow:none !important;
}

div.color_bar
{
	display:block;
	width:422px;
	height:8px;
	margin-left:-51px;
	margin-top:-39px;
	margin-bottom:39px;
}

#loggedin
{
	background-image:none;
	background:#f6f9ff;
	filter:none;
}

div.background,
div.background_back
{
	display:none;
}

div.search_form
{
	display:block;
	top:-3px;
	right:40px;
	left:auto;
	bottom:auto;
	position:fixed;
	z-index:100;
}

div.search_form input
{
	border:1px solid #eeeeee !important;
	border-radius: 5px;
	background-color:#f6f9ff !important;
	font-size:12px !important;
	color:#555555 !important;
	margin-right:20px !important;
	width:120px !important;
}

a.search_form_submit
{
	margin-left:130px !important;
	border-radius: 5px;
}

.menu_font_color
{
	color:#333333 !important;
}

div.bluritems
{
	transition: none;
}

a.logo
{
	background-image:none;
	background-color: #2f4059 !important;
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:220px;
	height:44px;
	cursor:pointer;
	z-index:149;
	border-bottom:0px solid #c7c4be;
	background-color: #1a2431 !important;
	border-right:0px solid #d6001a;
	border-bottom:1px solid rgba(255,255,255,0.1);
	background-color: #353535 !important;
}

a.logo:after
{
	content: '';
	position: absolute;
	z-index:148;
	top: 0px;
	left: 0px;
	width: calc(100% - 0px);
	height: 100%;
	background-image:url(https://manager.mailcampaigns.nl/images/logos/MailCampaigns-logo-white.svg);
	background-size:58% auto;
	background-repeat:no-repeat;
	background-position:center center;
}

a.toggleSmallMenu
{
	z-index:95;
	position:fixed;
	bottom:25px;
	left:15px;
}

a.toggleSmallMenu img{
	transform: rotate(0deg);
}

.smallmenu a.toggleSmallMenu img
{
	transform: rotate(180deg);
}

a.toggleSmallMenu.small
{
	transform: rotate(0deg);
}
a.toggleSmallMenu img{
	z-index:1000;
	height:20px;
}

div.framework_body
{
	z-index:5;
	display:block;
	position:absolute;
	top:0px;
	width:auto;
	left:220px;
	right:0px;
	bottom:0px;
	height:auto;
	padding:30px;
	padding-top:30px;
	padding-right:25px;
	background-color:transparent;
}

div.framework_body_swipe
{
	z-index:151;
	display:block;
	position:fixed;
	top:0px;
	left:290px;
	width:auto;
	height:auto;
	right:0px;
	bottom:0px;
	padding:30px;
	margin-left:0px;
	margin-top:0px;
	background-color:#ffffff;
	display:none;
	-moz-box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
	box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
	overflow:auto;
	border-radius: 0px;
	padding-top:0px;
	overflow-x:hidden;
}

#data_content
{
	width:99%;
}

#data_content_swipe h1
{
	border:0px;
	display:block;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight:400;
	left:290px;
	right:0px;
	padding-left:30px;
	height:26px;
	padding-top:7px;
	margin-top:0px;
	top:0px;
	border-bottom:0px solid #eee;
	-moz-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
	box-shadow: -5px 0 5px rgba(0,0,0,0.1);
	margin-right:-30px;
	position:fixed;
	width:auto;
	z-index:100;
	text-shadow:none;
	background-color:#ffffff;
	border-top:0px solid #ebeae8;
	border-bottom:1px solid #ebeae8;
	color:#333333;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:0px;
	border-bottom:1px solid #e7e9eb;
	font-weight:bold;
}

#data_content_swipe h2
{
	text-shadow:none!important;
	color:#2f4059 !important;
	font-weight:bold !important;
	position:relative !important;
	display:block !important;
	height:auto!important;
	width:auto!important;
	margin:0px!important;
	top:0px!important;
	left:0px!important;
	right:0px!important;
	bottom:auto!important;
	background-color:none !important;
	text-transform:none !important;
	font-size:16px !important;
	padding:0 0 10px 0 !important;
	padding-left:0px !important;
}

#swipe_close
{
	position:fixed !important;
}

div.framework_body_swipe div.data_content
{
	min-height:500px;
	background-color:#ffffff;
}

div.framework_body_swipe_sub
{
	z-index:153;
	display:block;
	position:fixed;
	top:0px;
	left:350px;
	width:auto;
	height:auto;
	right:0px;
	bottom:0px;
	padding:30px;
	margin-left:0px;
	margin-top:0px;
	background-color:#ffffff;
	display:none;
	-moz-box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
	box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
	overflow:auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-top:20px;
	overflow-x:hidden;
}

	#data_content_swipe_sub h1
	{
		border:0px;
		display:block;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:16px;
		color:#ffffff;
		font-weight:400;

		left:0px;
		right:0px;
		padding-left:30px;
		height:26px;
		padding-top:7px;
		margin-top:0px;
		top:0px;
		border-bottom:0px solid #eee;
		-moz-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
		-webkit-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
		box-shadow: -5px 0 5px rgba(0,0,0,0.1);
		margin-right:-30px;
		position:absolute !important;
		width:auto;
		z-index:100;
		text-shadow:none;

		background-color:#ffffff;
		border-top:0px solid #ebeae8;
		border-bottom:1px solid #ebeae8;
		color:#333333;

		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;

		border:0px;
		border-bottom:1px solid #e7e9eb;

		font-weight:bold;
	}

	#data_content_swipe_sub h2
	{
		text-shadow:none!important;
		color:#2f4059 !important;
		font-weight:bold !important;
		position:relative !important;
		display:block !important;
		height:auto!important;
		width:auto!important;
		margin:0px!important;
		top:0px!important;
		left:0px!important;
		right:0px!important;
		bottom:auto!important;
		background-color:none !important;
		text-transform:none !important;
		font-size:16px !important;
		padding:0px !important;
		padding-left:0px !important;
	}

		div.framework_body_swipe_sub div.data_content
		{
			min-height:500px;
			background-color:#ffffff;
		}

	div.framework_body_popup
	{
		z-index:153;
		display:block;
		position:fixed;
		top:50%;
		left:50%;
		width:900px;
		height:600px;
		right:auto;
		bottom:auto;
		padding:30px;
		margin-left:-480px;
		margin-top:-330px;
		background-color:#ffffff;
		display:none;

		-moz-box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 10px 30px rgba(0,0,0,0.25);
		box-shadow: 0px 10px 30px rgba(0,0,0,0.25);

		overflow:auto;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding-top:20px;

		overflow-x:hidden;
	}

	#data_content_popup h1
	{
		border:0px;
		display:block;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:16px;
		color:#ffffff;
		font-weight:400;

		left:0px;
		right:0px;
		padding-left:30px;
		height:26px;
		padding-top:7px;
		margin-top:0px;
		top:0px;
		border-bottom:0px solid #eee;
		-moz-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
		-webkit-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
		box-shadow: -5px 0 5px rgba(0,0,0,0.1);
		margin-right:-30px;
		position:absolute !important;
		width:auto;
		z-index:100;
		text-shadow:none;

		background-color:#ffffff;
		border-top:0px solid #ebeae8;
		border-bottom:1px solid #ebeae8;
		color:#333333;

		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;

		border:0px;
		border-bottom:1px solid #e7e9eb;

		font-weight:bold;
	}

	#data_content_popup h2
	{
		text-shadow:none!important;
		color:#2f4059 !important;
		font-weight:bold !important;
		position:relative !important;
		display:block !important;
		height:auto!important;
		width:auto!important;
		margin:0px!important;
		top:0px!important;
		left:0px!important;
		right:0px!important;
		bottom:auto!important;
		background-color:none !important;
		text-transform:none !important;
		font-size:16px !important;
		padding:0px !important;
		padding-left:0px !important;
	}

		div.framework_body_popup div.data_content
		{
			min-height:500px;
			background-color:#ffffff;
		}

form.statistics_form
{
	z-index:40 !important;
	left:220px !important;
	top:43px !important;
	height:65px !important;
	padding-top:15px !important;
	position:fixed !important;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.8)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccffffff',GradientType=0 );
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-left:30px;
}

	form.statistics_form table tr td
	{
		font-weight:bold;
	}

	#mailing_id, #campaign_id
	{
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif !important;
	}

div.framework_left_menu_bg_color
{
	display:none;
}

div.framework_left_menu
{
	position:fixed;
	display:block;
	border:0px;
	top:0px;
	bottom:0px;
	width:80px;
	height:auto;
	z-index:45;
	left:0px;
	background-color:#1c212b;
	padding:0px;
	border-right:0px solid rgba(255,255,255,0.1); /*  #3a3c44; */
}

	div.framework_left_menu ul
	{
		list-style:none;
		border:0px;
		position:relative;
		display:block;
		padding:0px;
		margin:0px;
		margin-top:40px !important;
	}

	div.framework_left_menu ul li
	{
		display:inline-block;
		margin:0px;
	}

	div.framework_left_menu ul li.first
	{
		border-left:0px;
	}

	div.framework_left_menu ul li a
	{
		font-family: arial, "ProximaNova", Arial;
		font-size:9.5px;
		letter-spacing: -0.5px;
		color:rgba(255,255,255,0.5);
		padding:0px;
		margin:0px;
		text-decoration:none;
		font-weight:bold;
		text-transform:uppercase;
		cursor:pointer;
		background-color:transparent;
		padding-left:0px;
		padding-right:2px;
		padding-top:40px;
		margin-bottom:0px;
		display:block;
		width:78px;
		height:22px;
		display:block;
		text-align:center;
		background-repeat:no-repeat;
		background-position:center 10px;
		border-bottom:1px solid rgba(255,255,255,0.05);
		border-top:0px solid #3a3c44;

		text-shadow: none;
		position:relative;

		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	div.framework_left_menu ul li:hover a
	{
		color:#fff;
		background-color:rgba(0,0,0,0.4);
		border-top:0px solid #25282e;
	}

	div.framework_left_menu ul li.active a,
	div.framework_left_menu ul li.active:hover a
	{
		color:#fff;
		background-color:rgba(254,35,66, 1);
		border-left:0px solid #fe2342;
		border-top:0px solid #202228;
		width:78px;
	}

	div.framework_left_menu ul li.active a:after
	{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: calc(100% - 0px);
		height: 50%;
		background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.05));
	}

	div.entypo
	{
		display:inline-block;
		border:0px;
		font-family: "entypo", Arial;
		font-size: 2.5em;
		line-height: 1;
		text-align:center;
		width:75px;
		left:0px;
		height:40px;
		color:rgba(255,255,255,0.5);
		margin:0px;
		padding:0px;
		margin-top:-7px;
		cursor:pointer;
		vertical-align:top;
		position:absolute;
		z-index:10;
	}

	div.framework_left_menu ul li div.entypo:hover,
	div.framework_left_menu ul li.active div.entypo,
	div.framework_left_menu ul li:hover div.entypo,
	div.framework_left_menu ul li.active:hover div.entypo
	{
		color:#fff;
	}

	div.framework_left_menu ul li.active div.entypo
	{
		color:#fff;
	}

	div.framework_left_menu ul li a div.number,
	div.framework_left_menu ul li.active a div.number,
	div.framework_left_menu ul li:hover a div.number,
	div.framework_left_menu ul li.active:hover a div.number
	{
		font-family:AvenirLight;
		font-size:9px;
		color:#202529;
		background-color:#ffffff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		display:block;
		overflow-x:hidden;
		overflow-y:hidden;
		padding-left:3px;
		padding-right:3px;
		padding-top:2px;
		padding-bottom:0px;
		vertical-align:middle;
		text-align:center;
		min-width:13px;
		width:auto;
		height:14px;
		text-align:center;
		position:absolute;
		margin-left:58px;
		margin-top:-54px;

		display:inline-block;
		right:auto;
		margin-left:5px;
		margin-top:-49px;
		margin-right:-10px;
		background-color:#ffffff;
		position:relative;
		padding-right:3px;
		padding-left:3px;
		border:0px solid #0084c0;
		color:#202529;
		font-weight:normal;
		text-shadow:none;
	}

	div.framework_left_menu ul li a div.number:after
	{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: calc(100% - 0px);
		height: 50%;
		background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.1));
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	div.framework_left_menu ul li div.number
	{
		display:none;
	}

	div.framework_left_menu_swipe_icon
	{
		display:none;
		width:80px;
		height:60px;
		position:fixed;
		top:0px;
		left:0px;
		cursor:pointer;
		z-index:60;
	}

	div.framework_left_menu_swipe_icon span.normal_icon
	{
		color:#f32043 !important;
	}



div.framework_middle_menu_header
{
	position:fixed;
	left:80px;
	top:52px;
	right:auto;
	height:45px;
	width:203px;
	border-bottom:0px solid #c7c4be;
	border-right:0px solid rgba(0,0,0,0.05);
	z-index:70;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color:#31373d;

	display:none;
}

	#framework_middle_menu_header_name
	{
		color:rgba(255,255,255, 1);
		display:inline-block;
		width:170px;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:16px;
		font-weight:300;
		padding-top:11px;
		background-color:transparent;
	}

div.framework_middle_menu
{
	display:block;
	z-index:10;
	left:80px;
	top:22px;
	border-right:0px solid #c7c4be;
	width:203px;
	padding-top:0px;
	bottom:0px;
	overflow-x:hidden;
	overflow-y:auto;

	background-color:#2f4059;
	border-bottom:0px solid #c0bcb5;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;

	background-repeat:repeat;
	background-size:auto;

	padding-bottom:200px;
}

	div.framework_middle_menu ul
	{
		list-style:none;
		border:0px;
		position:relative;
		display:block;
		padding:0px;
		margin:0px;
		margin-top:20px;
		width:203px;
	}

	div.framework_middle_menu ul li
	{
		display:inline-block;
		margin:0px;
	}

	div.framework_middle_menu ul li.first
	{
		border-left:0px;
	}

	div.framework_middle_menu ul li a
	{
		position:relative;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:13px;
		color:#ffffff;
		padding:0px;
		margin:0px;
		text-decoration:none;
		font-weight:normal;
		cursor:pointer;
		background-color:transparent;
		padding-left:17px;
		padding-right:0px;
		padding-top:11px;
		display:block;
		width:186px;
		height:29px;
		display:block;
		text-align:left;
		text-shadow: none;
		border-bottom:1px solid rgba(255,255,255, 0.05);
		text-shadow: none;
	}

	div.framework_middle_menu ul li.active
	{
		background:none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	div.framework_middle_menu ul li:hover a
	{
		background-color:#454e57;
		color:#ffffff;
		font-weight:normal;
		-webkit-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-ms-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

	div.framework_middle_menu ul li.active a
	{
		background-color:#454e57;
		color:#ffffff;
		font-weight:normal;
		padding-left:17px;
		font-weight:bold;
	}

	div.framework_middle_menu ul li.active:hover a
	{
		color:rgba(255,255,255, 1);
	}

	div.framework_middle_menu ul li div.number
	{
		font-family: AvenirLight;
		font-size:10px;
		background-color:#fe2342;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:0px solid #fff;
		color:rgba(255,255,255, 1);
		display:block;
		padding-left:5px;
		padding-right:6px;
		padding-top:1px;
		padding-bottom:1px;
		width:auto;
		text-align:center;
		position:absolute;
		right:9px;
		margin-top:-29px;
		font-weight:bold;

		color:#ffffff;
		background-color:#454e57;
	}

	div.framework_middle_menu ul li:hover div.number,
	div.framework_middle_menu ul li.active div.number,
	div.framework_middle_menu ul li.active:hover div.number
	{
		border:0px solid #fff;
		color:rgba(254,35,66, 1);
		background-color:rgba(255,255,255, 1);
		-webkit-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-ms-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}



ul.split_sub_menu,
div.split_sub_menu
{
	display:block;
	height:auto;
	top:92px;
	left:220px;
	bottom:0px;
	width:204px;
	background-color:#f6f9ff;
	position:fixed;
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:10px;
	z-index:61;
	overflow-x:hidden;
	overflow-y:auto;
	border-radius: 0px 20px;
}

	div.framework_body_swipe ul.split_sub_menu,
	div.framework_body_swipe div.split_sub_menu
	{
		top:49px;
		left:auto;
		bottom:0px;
		margin-left:-232px;
		margin-top:-40px;
		position:fixed;
	}

	div.framework_body_swipe_sub ul.split_sub_menu,
	div.framework_body_swipe_sub div.split_sub_menu
	{
		top:49px;
		left:auto;
		bottom:0px;
		margin-left:-232px;
		margin-top:-40px;
		position:fixed;
	}

	ul.split_sub_menu li
	{
		display:inline-block;
		margin:0px;
		padding:0px;
	}

	ul.split_sub_menu li:first-child a
	{

	}

	ul.split_sub_menu li a
	{
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:12px;
		color:#687992;
		padding:0px;
		margin:0px;
		text-decoration:none;
		font-weight:normal;
		cursor:pointer;
		background-color:#f6f9ff;
		padding-left:25px;
		padding-right:20px;
		padding-top:9px;
		padding-bottom:9px;
		display:block;
		width:178px;
		display:block;
		text-align:left;
		text-shadow: none;
		border-radius:0px;
		border-bottom:1px solid #e5efff;
		margin-bottom:0px;
	}

	ul.split_sub_menu li.active a
	{
		background-color:#ffffff;
		color:#2f4059;
		font-weight:bold;
		background-size:10px 16px;
		background-repeat:no-repeat;
		background-position:right;
	}

	ul.split_sub_menu li a:hover
	{
		background-color:#ffffff;
		-webkit-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-ms-transition: all 0.1s linear;
		transition: all 0.1s linear;
	}

	div.split_sub_menu
	{
		padding-left:15px;
		padding-right:15px;
		line-height:20px;
		width:173px;
		padding-top:58px;
	}

		div.split_sub_menu h6
		{
			font-family: "Helvetica Neue", "Open Sans", "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
			-webkit-font-smoothing: antialiased;
			font-size:16px;
			color:#2f4059;
			font-weight:600;
			padding:0px;
			padding-top:10px;
			padding-bottom:10px;
			margin:0px;
		}

		div.split_sub_menu select
		{
			background-color:#f9f9f9 !important;
			background-image:none;
		}

	ul.split_sub_menu.wide
	{
		width:293px !important
	}

		ul.split_sub_menu.wide li a
		{
			width:258px !important;
		}

	.split_sub_menu .header
	{
		color:#30415a;
		font-size:16px;
		font-weight:600 !important;
		padding-left:25px;
		padding-top:10px;
		padding-bottom:10px;
		font-family:Montserrat,Arial,Verdana;
	}

.notification_message
{
	position:fixed;
	display:block;
	border:0px;
	bottom:20px;
	width:230px;
	height:auto;
	z-index:61;
	left:auto;
	right:20px;
	border-top:0px solid rgba(255,255,255,0.20);
	padding:15px;
	padding-top:15px;
	padding-bottom:13px;
	background-color:#fe2342;
	border-right:0px solid #c7c4be;
	background-repeat:no-repeat;
	background-position:0px -530px;
	cursor:pointer;
	-moz-box-shadow: 0px 0 10px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0px 0 10px rgba(0,0,0,0.35);
	box-shadow: 0px 0 10px rgba(0,0,0,0.35);
	background-color: rgba(30,101,150,0.95);
	border-radius:7px;
}

	.notification_message p
	{
		font-family: 'Open Sans', 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:11px;
		color:#ebebeb;
		margin:0px;
		padding:0px;
		margin-bottom:5px;
	}

	.notification_message div.usage_bar_kpi
	{
		font-family: 'Open Sans', 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:11px;
		color:#ebebeb;
		width:181px;
		text-align:right;
		display:block;
		margin-top:-18px;
		position:absolute;
		display:none;
	}

	.notification_message div.usage_bar_back_bar
	{
		margin-top:13px;
		display:block;
		height:14px;
		width:100%;
		background-color:rgba(0,0,0,0.8);
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.notification_message div.usage_bar_front_bar
	{
		display:block;
		height:14px;
		width:100%;
		margin-top:-13px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;

		filter: none;
		background: none;
		background-color:#ffffff;

		box-shadow: inset 3px 5px rgba(255,255,255,0.1),
		inset 0 -5px 5px rgba(0,0,0,0.1);
	}

	#my_info
	{
		position:fixed;
		display:block;
		border:0px;
		top:12px;
		height:auto;
		min-height:30px;
		z-index:100;
		right:15px;
		left:auto;
		border-top:0px solid rgba(255,255,255,0.10);
		padding:10px;
		padding-left:60px;
		padding-top:15px;
		padding-bottom:12px;
		background-color:transparent;
		border-right:0px solid #c7c4be;
		background-repeat:no-repeat;
		background-position:0px -530px;
		cursor:pointer;
		font-size:13px;
		text-align:right;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		color:#24374e;
		margin-left:-10px;
		padding-right:60px;
		margin-top:-20px !important;
		margin-bottom:8px !important;
		border:0px !important;
	}

		#my_info div.profile_picture.icon.my_info
		{
			position:absolute;
			margin:0px;
			padding:0px;
			height:36px;
			width:36px;
			margin-top:0px !important;
			-webkit-border-radius: 100px;
			-moz-border-radius: 100px;
			border-radius: 100px;
			box-shadow: none;
			position:absolute;
			top:12px;
			right:10px;
			margin:0px;
			padding:0px;
			background-color:#ffffff;
			border:0px solid #cccccc !important;
		}

		#my_info div.profile_picture.icon.my_info:hover
		{
			background-size:100% !important;
		}

		#logout
		{
			font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
			color:#2d9bf3;
			font-size:11px;
			margin-top:-2px;
			display:block;
		}


p.info
{
	background-color:transparent;
	color:#999999;
	text-shadow:none;
	border-left:4px solid #fe2342;
	border-bottom:0px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:12px;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	line-height:20px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding:0px;
	font-style:normal;
	margin-top:-10px;
	border-left:#fe2342 0px solid;
	color:#2f4059;
	position: relative;
	background-color:#ffffff;
	color:#35455e !important;
	border:0px solid #ececec;
	padding:0px;
    color:#687992 !important;
}

	p.info a
	{
		color:#2d2d2d !important;
	}

	p.info.red
	{
		background-color:#ff6000;
		color:#ffffff !important;
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #ff6000;
	}

		p.info.red strong
		{
			font-weight:bold;
			color:#ffffff !important;
		}

		p.info.red a
		{
			font-weight:normal;
			text-decoration:underline;
			color:#ffffff !important;
		}

	p.info.yellow
	{
		background-color:#fbf2d7;
		color:#4a482a !important;
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #fbf2d7;
	}

		p.info.yellow strong
		{
			font-weight:bold;
			color:#4a482a !important;
		}

		p.info.yellow a
		{
			font-weight:normal;
			text-decoration:underline;
			color:#4a482a !important;
		}

	p.info.grey
	{
		background-color:#f6f9ff;
		color:#000000 !important;
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #eeeeee;
	}

		p.info.grey strong
		{
			font-weight:bold;
			color:#000000 !important;
		}

		p.info.grey a
		{
			font-weight:normal;
			text-decoration:underline;
			color:#000000 !important;
		}


	p.info.blue
	{
		background-color:#e5f3fb;
		color:#2d2d2d !important;
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #e5f3fb;
	}

		p.info.blue strong
		{
			font-weight:bold;
			color:#2d2d2d !important;
		}

		p.info.blue a
		{
			font-weight:normal;
			text-decoration:underline;
			color:#2d2d2d !important;
		}


	p.info.green
	{
		background-color:#7ca60a;
		color:#ffffff !important;
		text-shadow:none;
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

.belangrijkeMeldingen p.warning {
	background: #ff9900;
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 0px solid #ffa1a1;
    color: #ffffff;
    font-family: Arial, "Museo", "ProximaNova", Tahoma, Arial, Microsoft New Tai Lue, Arial;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    margin-bottom: 20px;
    padding: 15px 15px 15px 30px;
    text-shadow: none;
}

div.background_right
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index:1;
	right:0px;
	top:0px;
	bottom:0px;
	left:220px;
	display:block;
	background-color:#f3f3f3;
	position:fixed;
}

div.background_back
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index:4;
	left:220px;
	display:block;
	background-color:#ffffff;
	position:fixed;
}

div.wallpaper
{
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	bottom:0px;
	width:auto;
	height:auto;
	right:0px;
	background-color:#ff3756;
	background-image:url(../library/generate.wallpaper.php);
	background-attachment:fixed;
	background-repeat:repeat-x;
	background-position:left center;
	-webkit-background-size: auto 100%;
	-moz-background-size:  auto 100%;
	-o-background-size:  auto 100%;
	background-size:  auto 100%;
	z-index:2;
	display:none;
}

.blur_me
{
	-webkit-filter: blur(5px) !important;
	-moz-filter: blur(5px) !important;
	-o-filter: blur(5px) !important;
	-ms-filter: blur(5px) !important;
	filter: blur(5px) !important;
}

div.data_content
{
	margin-top:71px;
	margin-bottom:70px;
	padding-bottom:0px;
	background-color:transparent;
	height:100%;
}

.data_content
{
	height:calc(100% - 0px);
	margin-bottom:40px !important;
}

div.data_content h1
{
	border:0px;
	display:block;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight:400;
	left:220px;
	right:0px;
	padding-left:29px;
	height:26px;
	padding-top:7px;
	margin-top:0px;
	top:0px;
	border-bottom:0px solid #eee;
	-moz-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: -5px 0 5px rgba(0,0,0,0.1);
	box-shadow: -5px 0 5px rgba(0,0,0,0.1);
	margin-right:-30px;
	position:fixed;
	width:auto;
	z-index:100;
	text-shadow:none;
	background-color:#f6f9ff;
	border-top:0px solid #ebeae8;
	border-bottom:1px solid #ebeae8;
	color:#2f4059 !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:0px;
	border-bottom: 1px solid #f4f4fc;
	font-weight:400 !important;
}

.menu_a
{
	border-left-color:	#F32043 !important;
	-webkit-transition: all 0.3s linear !important;
	-o-transition: all 0.3s linear !important;
	-moz-transition: all 0.3s linear !important;
	-ms-transition: all 0.3s linear !important;
	transition: all 0.3s linear !important;
}

div.data_content h2
{
	color:#2f4059;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:24px;
	font-weight:600;
	margin:0px;
	padding:0px;
	margin-top:80px !important;
	margin-bottom:10px;
	text-align:left;
	text-shadow:none;
}

div.data_content h3
{
	color:#2f4059;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:16px;
	font-weight:600;
	margin:0px;
	padding:0px;
	margin-top:35px !important;
	margin-bottom:10px;
	text-align:left;
	text-shadow:none;
}

div.data_content h2.center
{
	text-align:center;
}

div.data_content h4
{
	color:#2f4059;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-weight:400 !important;
	font-size:18px;
	margin-top:0px;
	margin-bottom:10px;
	text-shadow:none;
}

div.data_content p.info b,
div.data_content p.info strong
{
	color:#2f4059;
}

.formatted_table .expandable .arrow{
	transition: all 0.1s ease;
	font-size: 1.5em;
}
.formatted_table .expandable:hover .arrow, .formatted_table .expandable.expanded .arrow{
	-webkit-transform: rotate(90deg) translate(2px, 0px);
    transform: rotate(90deg) translate(2px, 0px);
}

div.data_content .formatted_table tbody tr td{
	position:relative;
}

div.data_content .formatted_table tbody .step{
	display:inline-block;
	margin-left:-30px;
	height:103%;
	position:absolute;
	width:20px;
	border-left:4px solid #e5efff;
	margin-top:-12px;
}
div.data_content .formatted_table tbody tr:last-child .step{
	height:0px;
}
div.data_content .formatted_table tbody .step_hook{
	display:inline-block;
	margin-left:-30px;
	height:20px;
	position:absolute;
	width:20px;
	border-left:4px solid #e5efff;
	border-bottom:4px solid #e5efff;
	border-bottom-left-radius:25px;
	margin-top:-12px;
}

div.campaign_kpi
{
	background-color:#f6f9ff !important;
	display:inline-block;
	margin-right:5px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	min-width:100px;
	border:1px solid #e5efff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	margin-bottom:5px;

	background: #f6f9ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

span.highlight
{
	background-color:#ffffff;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border:1px solid #dddddd;
	color:#ff6000;
	text-shadow:none;
	font-weight:normal;
	font-size:0.8em;
}

	h4 span.highlight
	{
		background: #c3e9fb;
		color:#2f4059;
		padding:5px;
		padding-left:15px;
		padding-right:15px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border:0px solid #125778;
		text-shadow:none;
		font-weight:normal;
	}

	div.data_content h5,
	h5
	{
		background-color:#ff6000;
		padding:3px !important;
		padding-left:6px !important;
		padding-right:6px !important;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		border:1px solid #ff6000;
		color:#ffffff;
		text-shadow:none;
		font-weight:normal;
		width:auto;
		text-shadow:none;
		padding:3px;
		font-size:12px;
		display:inline-block;
		min-width:100px;
		text-align:center;
	}

	span.highlight.invert
	{
		background-color:#ffffff;
		border:1px solid #ff6000;
		color:#ff6000;
	}

table tr td
{
	padding-left:0px;
}

table.formatted_table thead tr td,
table.formatted_table tbody tr td a.submit,
table.formatted_table tbody tr td a,
table.white tr td,
div.data_content form.form,
table.add tr td,
div.data_content table tr td,
div.data_content div.whitediv p,
div.data_content div.blue p,
div.data_content div.yellow p,
div.data_content
{
	color:#2f4059;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:12px;
}

div.data_content form.form input,
div.data_content form.form select,
div.data_content form.form textarea,
div.data_content div.blue input,
div.data_content div.blue select,
div.data_content div.blue textarea,
div.data_content div input,
div.data_content div select,
div.data_content div textarea,
select
{
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color:#2f4059;
	padding-right: 5px;
}

#field_calculation
{
	color:#e00524 !important;
}

table.formatted_table
{
	border:1px solid #ececec;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-spacing: 0px;
    border-collapse: separate;
	text-shadow:none;
	margin-bottom:20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.shadow table.formatted_table
{
	margin-top:9px;
	margin-bottom:9px;
}

table.formatted_table thead tr td
{
	color:#33455f;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background:#ffffff;
	filter:none;
	text-shadow:none;
	font-weight:bold;
	border-right:0px solid #e5efff;
	border-bottom:1px solid #e5efff;
	border-top:0px solid #e5efff;
	background: #f6f9ff; /* Old browsers */
}

table.formatted_table tbody tr
{
	min-height:36px;
}

div.shadow table.formatted_table
{
	margin-bottom:0px;
}

table.formatted_table tbody tr td:first-child
{
	background: #ffffff;
	border-left:0px solid #ffffff;
}

table.formatted_table tbody tr:last-child td:first-child
{
	-webkit-border-radius: 0px 0px 0px 7px;
	-moz-border-radius: 0px 0px 0px 7px;
	border-radius: 0px 0px 0px 7px;
}

table.formatted_table tbody tr:last-child td:last-child
{
	-webkit-border-radius: 0px 0px 7px 0px;
	-moz-border-radius: 0px 0px 7px 0px;
	border-radius: 0px 0px 7px 0px;
}

table.formatted_table thead tr td:first-child
{
	-webkit-border-radius: 7px 0px 0px 0px;
	-moz-border-radius: 7px 0px 0px 0px;
	border-radius: 7px 0px 0px 0px;
}

table.formatted_table thead tr td:last-child
{
	-webkit-border-radius: 0px 7px 0px 0px;
	-moz-border-radius: 0px 7px 0px 0px;
	border-radius: 0px 7px 0px 0px;
}


table.formatted_table tbody tr:last-child td
{
	border-bottom:0px;
}

table.formatted_table tbody tr:hover td,
table.formatted_table tbody tr:hover
{
	background: #f9fcfe;
	color:#fe2342 !important;
	color:#000000 !important;
	font-weight:normal;
}

table.formatted_table tbody tr:hover td:first-child
{
	border-left:0px solid #015d81;
}

table.formatted_table tbody tr:hover td a
{
	color:#fe2342 !important;
	color:#000000 !important;
}

table.formatted_table tbody tr.selected td,
table.formatted_table tbody tr.selected:hover td
{
	background-color:#fe2342;
	color:#ffffff;
}

table.formatted_table tfoot tr td
{
	text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 17px;
    border-top: 1px solid #ececec;
}


#editor
{
	z-index:152;
	left:50px;
	right:0px;
	top:0;
	bottom:0px;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.showlargemenu #editor
{
	left: 0px;
}


#user_details
{
	position:fixed;
	width:auto;
	z-index:100;
	background:none;
	border:0px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	right:0px;
	left:auto;
}

#user_details div.details
{
	position:fixed;
	background-color:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height:37px;
	color:#5f5f5f;
	padding-left:20px;
	margin-right:-5px;
	padding-top:18px;
	top:0px;
	display:block;
	width:auto;
	z-index:20;
	font-size:13px;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
}

div.profile_picture.icon
{
	width:30px;
	height:30px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin:0px !important;
	border:0px solid #333333 !important;
	background-color:#f1f1f1;
}

div.profile_picture.mailings
{
	position:relative;
	margin-top:10px;
	width:43px;
	height:43px;
	margin-top:0px !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right:10px;
	margin-left:10px;
	border:0px !important;
	border:0px solid #658c92 !important;
	background-color:#fff;
	background-size:150%;
	box-shadow: inset 0 20px rgba(255,255,255,0.2),
	inset 0 0px 5px rgba(0,0,0,0.4);
}

div.profile_picture,
div.profile_picture.medium
{
	background-size: cover;
	border:0px;
}

div.profile_picture.login
{
	width:110px;
	height:110px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	border:0px solid #ffffff !important;
	background-color:#f1f1f1;
	position:relative;
	top:50%;
	margin-top:-155px !important;
	margin-left:-50px !important;
	margin-right: 0px !important;
	margin-bottom:45px !important;
	left:50%;
}

div.profile_picture.small
{
	width:50px;
	height:50px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	margin:0px !important;
	border:5px solid #ffffff !important;
	background-color:#f1f1f1;
}

#administrator_user_id
{
	background-color:none;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	color:#333;
	padding:3px;
    padding-top:2px;
	position:fixed;
	top:0px;
	left:50%;
	margin-left:-70px;
	z-index:227;
	font-weight:normal;
	padding-left:15px;
	font-size:13px;
    border:0px solid #f6f9ff;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#administrator_user_id:hover
{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

#administrator_user_id select
{
	background-color:none;
	border:1px solid #ddd !important;
	width:160px;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color:#fe2342 !important;
	margin-top:0px !important;
	margin-bottom:0px;
	margin-right:3px;
	text-shadow: 0px 1px 0px #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image:url(../images/icons/drop-down-arrow_closed.png);
	background-position:220px center;
	background-repeat:no-repeat;
	text-shadow:none;
	border:1px #f6f9ff !important;
	padding-left:8px !important;
	color:#fe2342 !important;
	opacity:1;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor:pointer;
    outline-color: transparent;
    outline-style: none;
}

#administrator_user_id select:hover
{
	opacity:1;
    outline-color: transparent;
    outline-style: none;
}

#administrator_user_id input
{
    outline-color: transparent;
    outline-style: none;
    outline:0px !important;
    background:none;
}

select
{
	-webkit-appearance: button;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

	background-image:url(../images/framework/dropdownicon.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	border:1px solid #e7e7e7;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color:#333;
	margin: 0;
	overflow: hidden;
	padding-top: 2px;
	padding-bottom: 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#kpi_update g.highcharts-axis path
{
	display:none;
}

#chat_with_user
{
	background-color:#FFF;
	border:1px solid #ddd !important;
	width:230px;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color:#000;
	margin-top:3px;
	margin-bottom:2px;
	margin-right:-3px !important;
	text-shadow: 0px 1px 0px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

table.add
{
	background: transparent; /* Old browsers */
	filter:none;
	border:0px;
}

table.add tr td
{
	border-bottom:1px solid #eaeaea;
}

table.add tr:last-child td
{
	border-bottom:0px solid #e5e5e5;
}

div.data_content form.form
{
	border:0px;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.button
{
	position: relative;
	display: inline-block;

	color:#fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	border:0px solid #fff;
	margin-top:5px !important;
	font-size:13px;
	margin-bottom:20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 4px;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;

	border-bottom:0px solid #ea0f2e;

	background: #2d9bf3;


	text-transform:none;
	font-weight:bold;
}

a.button.inline
{
	margin-top:15px;
	margin-bottom:0px;
}

a.button:hover
{
	border:0px solid #fff;
	border-bottom:0px solid #7fce0c;
	background: #7fce0c;
}

a.button.grey.disabled{
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
	-webkit-user-select: none;
}

.datepicker_filter {
	background-image:url(https://manager.mailcampaigns.nl/images/icons/dashboards/calendar.svg);
	background-size:16px;
	background-repeat:no-repeat;
	background-position:12px center;
	cursor:pointer;
	user-select:none;
}

div.kpi
{
	display:block;
	width:140px;
	height:30px;
	font-size:24px;
	font-weight:normal;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	color:#115879;
	text-align:right;
	padding-top:14px;
	padding-right:10px;
	margin-right:10px;
	background-color:transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:0px;
	border-right:1px solid #015d81;
	text-shadow:none;
	background-image:none;
}

div.yellow,
div.whitediv
{
	border:0px !important;
	color:#ffffff !important;
	background-color:transparent !important;
}

div.yellow p, div.yellow h6
{
	color:#115879 !important;
	text-shadow:none !important;
}

div.shadow
{
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border:1px solid #e5e5e5;
	background:none !important;
	padding-bottom:0px !important;

	background-color:#f6f9ff !important;
	margin-left:0px;
	margin-right:0px;
	padding:5px !important;
	padding-left:15px !important;
	padding-right:15px !important;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:0px;
}

div.shadow:hover
{
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

div.kpis
{
	background: #f6f9ff !important;
	border:1px solid #e5efff;
}

div.greyline
{
	border:1px solid #e5e5e5;
	background:none !important;
	padding-bottom:0px !important;

	background-color:#ffffff !important;
	margin-left:0px;
	margin-right:0px;
	padding:5px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.shadow.campaign:hover
{
	background-color:#ffffff !important;
	-moz-box-shadow: 0px 0 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0 15px rgba(0,0,0,0.1);
	box-shadow: 0px 0 15px rgba(0,0,0,0.1);
}


div.yellow h6
{
	padding:0px;
	margin:0px;
	font-family: Arial, "Museo", "ProximaNova", Tahoma, Arial;
	font-size:14px;
	margin-top:-2px;
	margin-bottom:0px;
	font-weight:normal;
	color:#ffffff;
}

#black
{
	left:0px;
	z-index:150 !important;
	top:0px;
	background-color:rgba(0,0,0,0.2) !important;
	opacity:1 !important;
}

#black_sub
{
	left:0px;
	z-index:152 !important;
	top:0px;
	background-color:rgba(0,0,0,0.2) !important;
	opacity:1 !important;
}

#loading
{
	position:fixed;
	display:block;
	height:auto;
	width:auto;
	margin-bottom:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	left:220px;
	bottom:0px;
	right:0px;
	top:0px;
	margin-top:0px;
	margin-left:0px;
	z-index:225;
	background:rgba(0,0,0,0.1);
}

#logout_icon
{
	border:11px solid #eee;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-top:-11px !important;
	margin-bottom:-20px !important;
}

ul.contact_categories
{
	margin-bottom:20px;
	border:1px solid #ddd;
	padding:10px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

ul.contact_categories li a
{
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background:#fff;
	filter:none;
	color:#fe2342;
	border:0px;
	border-bottom:2px solid #e5e5e5;
}

	ul.contact_categories li a:hover,
	ul.contact_categories li.active a
	{
		background:#fe2342;
		color:#fff;
		filter:none;
		border:0px;
		border-bottom:2px solid #ea0f2e;
	}



ul.contact_categories.tabs
{
	margin-bottom:-2px;
	border:0px solid #ddd;
	padding:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

ul.contact_categories.tabs li
{

}

ul.contact_categories.tabs li a
{
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;

	background:#fff;
	filter:none;
	border:0px;
	border:1px solid #ebecef;
	border-bottom:0px;
	margin-right:-1px;

	color:#ffffff;
	background: #fe2342; /* Old browsers */
}

	ul.contact_categories.tabs li a:hover,
	ul.contact_categories.tabs li.active a
	{
		background: #ffffff; /* Old browsers */
		color:#222222;

		filter:none;
		border:0px;
		border:1px solid #ebecef;
		border-top:1px solid #ebecef;
		border-bottom:0px;
		padding-top:10px;
		font-weight:bold;
	}

	div.profile_picture.block
	{
		border:0px solid #eee !important;
		background-color:transparent;
		-webkit-border-radius:  300px !important;
		-moz-border-radius:  300px !important;
		border-radius:  300px !important;
	}


div.profile_picture.large
{
	border:2px solid #eee !important;
	-webkit-border-radius:  80px !important;
	-moz-border-radius:  80px !important;
	border-radius:  80px !important;
}

div.chat_entry_message p
{
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#000;
	text-shadow:none;
	margin:0px;
	padding:0px;
}

div.chat_entry
{
	min-height:90px;
	padding-top:0px;
}

div.chat_entry_datetime,
div.chat_entry_read_datetime
{
	color:#ddd;
}

div.chat_entry.right
{
	background-color:rgba(254,35,66, 0.1);
	border:0px solid rgba(254,35,66, 0.15);
	border-left:0px solid rgba(254,35,66, 0.15);
	text-align:left;
}

div.chat_entry.right div.chat_entry_message p,
div.chat_entry.right b,
div.chat_entry.right div.chat_entry_datetime,
div.chat_entry.right div.chat_entry_read_datetime,
div.chat_entry.right div.chat_entry_message
{
	color:#fe2342;
	text-shadow:none;
}

div.chat_entry.left
{
	background-color:#ffffff;
	border-left:0px solid #eeeeee;
	border:0px;
	text-align:left;
}

div.chat_entry div.profile_picture.large
{
	border:0px !important;
	-webkit-border-radius:  50px !important;
	-moz-border-radius:  50px !important;
	border-radius:  50px !important;
	position:absolute;
	left:24px;
	margin-top:10px;
	width:50px;
	height:50px;
}


div.messagebar_success,
div.messagebar_error
{
	position:fixed;
	display:block;
	bottom:auto;
	right:0px;
	width:auto;
    top:0px;
	left:220px;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:14px;
	color:#595959;
	padding:13px;
    padding-bottom:12px;
	padding-left:50px;
	text-align:left;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	margin:0px;
	font-weight:normal;
}

div.messagebar_success
{
	background-color:#fbf2d7;
	border-top:0px;
	color:#4a482a !important;
	text-shadow: none;

	background-repeat:no-repeat;
	background-position:10px center;
	background-image:url(../images/icons/icon_success-green.svg);
	background-size: 17px 17px;
	padding-left:40px;
}

	div.messagebar_success pre
	{
		line-height:14px;
		font-size:10px;
		font-family:"courier new";
	}


div.messagebar_error
{
	border-top:0px;
	color:#ffffff;
	text-shadow: none;
	padding-left:30px;

	background: none;
	filter:none;
	background-color:#dd0000;

	background-repeat:no-repeat;
	background-position:10px center;
	background-size: 19px 19px;
	padding-left:40px;
	border-left:0px solid #fe2342;
}

div.support_message
{
	display:block;
	position:fixed;
	bottom:10px;
	left:10px;
	height:auto;
	min-height:100px;
	top:auto;
	right:auto;
	margin-top:0px;
	margin-left:0px;
	width:288px;
	overflow:hidden;
	background-color:#fe2342;
	color:#ffffff;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:11px;
	line-height:16px;
	z-index:10;
	padding:5px;
	padding-left:10px;
	cursor:pointer;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top:0px solid #ffffff;
}

	div.support_message strong,
	div.support_message b
	{
		margin-bottom:-10px;
		margin-top:-15px;
		margin-right:10px;
		display:block;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:11px;
		color:#ffffff;
		font-weight:normal;
	}

	div.support_message a
	{
		margin-bottom:10px;
		margin-right:10px;
		display:inline-block;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:11px;
		color:#ffffff;
		font-weight:normal;
	}
	
div.push_message
{
	position:fixed;
	display:block;
	bottom:auto;
    top:50%;
    height:auto;
	right:auto;
	width:600px;
	left:50%;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	font-size:14px;
	color:#595959;
	padding:10px;
	padding-left:50px;
	text-align:left;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	
	margin:0px;
    margin-left:-300px;
    margin-top:-80px;
	font-weight:normal;
	padding-bottom:30px;
	padding-top:30px;
	
	background-color:#ffffff;
	border-top:0px;
	color:#333333;
	text-shadow: none;

	background-repeat:no-repeat;
	background-position:15px 30px;
	background-image:url(../images/icons/info_icon.png);
	background-size: 17px 17px;
	padding-left:40px;
}
	
	div.push_message strong,
	div.push_message b
	{
		margin-bottom:5px;
		margin-top:0px;
		margin-right:10px;
		display:block;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:14px;
		color:#333333;
		font-weight:bold;
	}

	div.push_message a
	{
		margin-bottom:10px;
		margin-right:10px;
		display:inline-block;
		font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
		font-size:11px;
		color:#ffffff;
		font-weight:normal;
	}

.dropdown
{
	color: #555;
	margin: 3px 0px 0 0;
	width: 200px;
	position: relative;
	height: 17px;
	text-align:left;
	padding:5px;
	padding-left:2px;
	border:1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:-5px;
	margin-bottom:-5px;

	background: url(../images/icons/drop_arrow.png) 196px 13px no-repeat;
	background-color: #fff;
	margin-right:20px;
	font-family: 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
}

	.submenu
	{
		background: #fff;
		position: absolute;
		top: -1px;
		left: -1px;
		z-index: 150;
		width: 207px;
		display: none;
		margin-left: 0px;
		padding: 0px 0 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		border:1px solid #ddd;
	}

span.circle
{
	font-family: "ProximaNova", Arial;
	font-size:12px;
	color:#333333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	margin:0px;
	padding:6px;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	text-align:left;
	min-width:70%;
	background: #ffffff;
	text-shadow: none;
	border:0px solid #dddddd;
}

span.circle_icon
{
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	color:#0084c0 !important;
	font-size:34px;
	padding-top:5px;
	border:0px;
	padding-left:5px;
	text-align:left;
	width:25px;
}

span.circle_icon.red
{
	color:#ffffff !important;
	background-color:#988f7b !important;
}

table tbody tr td.chart
{
	background-color:#f1f1f1 !important;
}

table tbody tr td.chart_front
{
	background-color:#fec100 !important;
}

table tbody tr:hover td.chart_front
{
	background-color:#fec100 !important;
}

div.stats_blue_bar
{
	background-color:#fec100;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
}

table.select_groups div.checkbox
{
	background-color:#f6f9ff !important;

	border-radius:3px;
	border:1px solid #f6f9ff;
	font-family: "Open Sans", AvenirLight, "AvenirLight", AvenirLight, Helvetica, sans-serif;
	font-size:13px;
	color:#777;
	text-shadow:none;

	background-image:url(../images/icons/checkbox_unchecked.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position: 15px 50%;

	height:27px;
	padding-top:4px;
	font-size:12px;
}

table.select_groups div.checkbox.checked
{
	background-color:#566f8c !important;
	border:1px solid #566f8c;
	color:#ffffff;

	background-image:url(../images/icons/checkbox_checked.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position: 15px 50%;
}

table.select_groups div.checkbox:hover
{
	background-color:#429bde !important;
	border:1px solid #429bde;
	color:#ffffff;
}

table.select_groups div.checkbox.checked:hover
{
	background-color:#429bde;
	border:1px solid #429bde;
	color:#ffffff;
}

	div.shadow table.select_groups div.checkbox
	{
		color:#2f4059;
		background-color:#ffffff !important;
		border:1px solid #dddddd;
		margin-left:-10px;
	}

	div.shadow table.select_groups div.checkbox:hover
	{
		border:1px solid #8eb2ce;
	}

	div.shadow table.select_groups div.checkbox.checked
	{
		background-color:#429bde !important;
		border:1px solid #429bde;
		color:#ffffff;
	}

	div.shadow table.select_groups div.checkbox.checked:hover
	{
		background-color:#429bde;
		border:1px solid #429bde;
		color:#ffffff;
	}


pre
{
	color:#555;
	padding:20px;
	background-color:#ffffff;
	border:1px solid #eeeeee;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.stats_front_bar
{
	background-color:#5d7494 !important;
	text-shadow:none !important;
	font-size:10px !important;
	font-weight:bold !important;
}

td.first
{
	background-color:#f1f1f1;
	font-weight:bold;
}

.blur-filter {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

#bluritems
{
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
	height:100%;
}

code
{
	background-color:#ffffff !important;
	margin: 1em 0;
	display:block;
	line-height:22px !important;
	color:#333333 !important;
	padding:20px;
	-webkit-border-radius : 7px;
	-moz-border-radius    : 7px;
	-ms-border-radius     : 7px;
	-o-border-radius      : 7px;
	border-radius         : 7px;
	border:1px solid #eeeeee;
	text-shadow:none;
	font-family: 'Courier New', monospace, 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	word-break: break-all;
	white-space: pre;
}

debug
{
	background-color:#ffffff !important;
	margin:0px;
	display:block;
	line-height:22px !important;
	color:#333333 !important;
	padding:30px;
	border:1px solid #eeeeee;
	text-shadow:none;
	font-family: 'Courier New', 'AvenirLight', 'Helvetica Neue', AvenirLight, Helvetica, Verdana, sans-serif;
	word-break: break-all;

	position:fixed;
	z-index:99999;
	bottom:0px;
	left:80px;
	right:40px;
	width:auto;
	height:auto;
	box-shadow:0px 0px 0px rgba(0,0,0,0.2);
	border-radius:0px;
}

/****************************************************************
 *
 * CSS Percentage Circle
 * Based on CSS provided by Andre Firchow
 *
*****************************************************************/

.prog-circle .slice {
  position : absolute;
  width    : 1em;
  height   : 1em;
  clip     : rect(0em, 1em, 1em, 0.5em);
}
.prog-circle .slice.clipauto {
  clip : rect(auto, auto, auto, auto);
}
.prog-circle .fill, .prog-circle .bar {
	position              : absolute;
	border                : 0.08em solid #fe2342;
	width                 : 0.84em;
	height                : 0.84em;
	clip                  : rect(0em, .5em, 1em, 0em);
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-ms-border-radius     : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transform     : rotate(20deg);
	-moz-transform        : rotate(20deg);
	-ms-transform         : rotate(20deg);
	-o-transform          : rotate(20deg);
	transform             : rotate(20deg);
}
.prog-circle {
	position              : relative;
	font-size             : 120px;
	width                 : 1em;
	height                : 1em;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-ms-border-radius     : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	margin                : 0 0.1em 0.1em 0;
	background-color      : #f6f9ff;
	border:2px solid #fff;
}
.prog-circle .description {
	position                           : absolute;
	width                              : 100%;
	height                             : 1em;
	z-index                            : 1;
	margin                             : auto;
	top                                : 40px;
	left                               : 0;
	right                              : 0;
	bottom                             : 0;
	font-size                          : 0.1em;
	color                              : #fe2342;
	display                            : block;
	text-align                         : center;
	white-space                        : nowrap;
	line-height                        : 100%;
	font-family						   : Montserrat;
}
.prog-circle .percenttext {
	position                           : absolute;
	width                              : 100%;
	height                             : 1em;
	z-index                            : 1;
	margin                             : auto;
	top                                : 0px;
	left                               : 0;
	right                              : 0;
	bottom                             : 0;
	font-size                          : 0.2em;
	color                              : #33455f !important;
	display                            : block;
	text-align                         : center;
	white-space                        : nowrap;
	line-height                        : 100%;
	font-family						   : Montserrat;
}
.prog-circle .after {
  position              : absolute;
  top                   : 0.08em;
  left                  : 0.08em;
  display               : block;
  content               : " ";
  -webkit-border-radius : 50%;
  -moz-border-radius    : 50%;
  -ms-border-radius     : 50%;
  -o-border-radius      : 50%;
  border-radius         : 50%;
  background-color      : #FFFFFF;
  width                 : 0.84em;
  height                : 0.84em;
}

.spinner {
	position:fixed;
	top:50%;
	left:50%;
	width: 70px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fe2342;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #fe2342;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #fe2342;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




.sk-folding-cube
{
	position:fixed;
	top:50%;
	left:50%;
	width: 70px;
	height:70px;
	margin-top:-35px;
	margin-left:-35px;
	background-image:url(../images/framework/iconv7.png);
	background-size:100%;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation-name: spin 1s infinite linear;
	-ms-animation-name: spin 1s infinite linear;

	display:none;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

div.float_bottom
{
	position:fixed;
	bottom:0px;
	z-index:100;
	left:203px;
	right:0px;
	background-color:rgba(255,255,255,0.9) !important;
	-moz-box-shadow: 0px 0 15px rgba(0,0,0,0.10);
	-webkit-box-shadow: 0px 0 15px rgba(0,0,0,0.10);
	box-shadow: 0px 0 15px rgba(0,0,0,0.10);
	width:auto;
	height:auto;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
	padding-top:20px;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

div.float_bottom.move
{
	bottom:0px;
}

div.float_bottom:hover
{
	bottom:0px;
	-moz-box-shadow: 0px 0 15px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0px 0 15px rgba(0,0,0,0.20);
	box-shadow: 0px 0 15px rgba(0,0,0,0.20);
}

div.float_bottom h4
{
	margin-left:10px;
	padding:0px;
	margin-bottom:0px;
	color:#555555;
	text-shadow:none;
}

div.float_bottom form
{
	background-color:transparent !important;
}

div.float_bottom textarea
{
	margin-left:-10px;
	padding:0px;
}

div.float_bottom .button
{
	margin-left:10px;
}

div.devider
{
	display:block;
	width:calc(100% + 60px);
	margin-left:-30px;
	margin-right:00px;
	height:20px;
	margin-top:0px;
	margin-bottom:10px;
	
	margin-top:0px;
	margin-bottom:35px;
	height: 40px !important;

	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
}

.ui-sortable-helper
{
	-moz-box-shadow: 0px 0 15px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0px 0 15px rgba(0,0,0,0.20);
	box-shadow: 0px 0 15px rgba(0,0,0,0.20);
}

.editable-select
{
	width:100% !important;
}

.label_error
{
	text-shadow:none; padding:20px !important; background-color:#f9f2f4 !important; border:1px solid #c7254e !important; color:#c7254e !important;
}

.label_ok
{
	text-shadow:none; padding:20px !important; background-color:#83bd50 !important;  border:1px solid #83bd50 !important; color:#ffffff !important;
}

div.backname
{
	display:block;
	position:fixed;
	bottom:40px;
	right:70px;
	font-size:80px;
	color:#dddddd;
	width:auto;
	height:auto;
	z-index:4;
	font-family: "Alex Brush", Georgia,"Times New Roman",Arial;
	text-transform:lowercase;
	font-weight:normal;
}

	div.backname div.name
	{
		display:block;
		position:fixed;
		bottom:25px;
		right:50px;
		font-size:30px;
		color:#dddddd;
		width:auto;
		height:auto;
		z-index:4;
		font-family: "Alex Brush", Georgia,"Times New Roman",Arial;
		text-transform:lowercase;
		font-weight:normal;
	}

#appinit
{
	position:fixed;
	display:block;
	width:auto;
	height:auto;
	margin-bottom:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	left:0px;
	bottom:0px;
	right:0px;
	top:0px;
	margin-top:0px;
	margin-left:0px;
	z-index:9999;
	color:#999999;
	text-align:center;
	vertical-align:middle;
	padding:100px;
	font-size:11px;
	font-family:arial;
	background:rgba(255,255,255,0.4);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../images/icons/ellipsis.gif); 
	background-size:70px; 
	background-repeat:no-repeat; 
	background-position: center center;
}

#appinit td
{
	font-size:11px;
	font-family:arial;
	padding-top:130px;
	background-size:185px auto;
	background-repeat:no-repeat;
	background-position:center center;
}


div.row
{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:0px;
	box-sizing: border-box;
}

div.col-lg-3
{
	display:inline-block;
	margin:0px;
	width:100%;
	margin-right:0px;
	padding-bottom:4px;
	padding-top:0px;
	height:100%;
	padding-right:2px;
	padding-left:2px;
	box-sizing: border-box;
}

div.col-lg-3.float
{
	display:inline-block;
	float:left;
}

table.dashboard tr.dashboardRow{
	height:auto;
}

table.dashboard tbody tr td
{
	height:100%;
}

table.dashboard tbody tr td:first-child div.col-lg-3
{
	padding-left:0px;
}

table.dashboard tbody tr td:last-child div.col-lg-3
{
	padding-right:0px;
}

	div.smallstat
	{
		background-color:#fff;
		border:1px solid #ddd;
		border-bottom:2px solid #ddd;
		box-sizing: border-box;
		padding:10px;
		padding-bottom:15px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

		div.smallstat i.fa
		{
			display:block;
			float:left;
			margin-right:20px;
			height:50px;
			width:50px;
			background-color:#43c3d9;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}

		div.smallstat span.value
		{
			color:#333;
			font-size:18px;
			font-weight:bold;
			display:block;
			width:100%;
			margin-bottom:5px;
			padding-top:5px;
		}

		div.smallstat span.title
		{
			color:#333;
			font-size:12px;
			font-weight:normal;
			display:block;
			width:100%;
			height:auto;
		}

	div.info-box
	{
		position: relative;
		background-color:#f6f9ff;
		box-sizing: border-box;
		padding:10px;
		padding-bottom:25px;
		padding-right:35px;
		padding-left:20px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border:0px solid #b9d4ed;
		box-sizing:border-box;
		-webkit-transition:all .2s ease;
		transition:all .2s ease;
		display:inline-block;
		height: 100%; width: 100%;
		min-height: 150px;
	}

		div.info-box i.fa
		{
			display:inline-block;
			float:left;
			margin-right:10px;
			height:100px;
			width:5px;
			background-color:transparent;

			display:none;
		}

		div.info-box div.count
		{
			color:#283346;
			font-size:21px;
			font-weight:600 !important;
			display:block;
			width:100%;
			margin-bottom:10px;
			padding-top:15px;
			text-shadow:none;
		}

		div.info-box div.title,
		div.info-box div.desc
		{
			color:#2f4059;
			font-size:14px;
			font-weight:normal;
			display:block;
			width:100%;
			height:auto;
			text-shadow:none;
		}

		div.info-box div.desc
		{
			display:block;
			padding-left:0px;
			font-size:12px;
			color:#2f4059;
		}

		div.info-box div.long
		{
			min-height:70px;
		}

		div.info-box div.title
		{
			font-weight:600;
			font-size:14px;
			margin-bottom:3px;
			margin-top:20px;
		}

		div.info-box div.count img
		{
			margin-bottom:8px;
		}

		td.integration{
			height:inherit!important;
		}

		div.info-box div.count .integration__logoContainer{
			width: auto;
			height: auto;
			max-height: 45px;
			display: inline-block;
			max-width: 250px;
		}

		div.info-box div.count .integration__logo{
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 100%;
		}

		div.info-box:hover,
		div.info-box.selected
		{
			background-color:#fe2342;
		}

		div.info-box:hover div.title,
		div.info-box:hover div.desc,
		div.info-box:hover div.count,
		div.info-box.selected div.title,
		div.info-box.selected div.desc,
		div.info-box.selected div.count
		{
			color:#ffffff;
		}


		div.info-box.alarm
		{
			background-color:#ff6600;
			border:1px solid #ff6600;
		}

		div.info-box.warning
		{
			background-color:#ff6600;
			border:1px solid #ff6600;
		}

		div.info-box.white
		{
			background-color:#f6f9ff;
			border:0px solid #b9d4ed;
		}
		div.info-box.white.succes
		{
			background-color:#eef4ea;
			box-shadow :inset 0 0 0 2px #aec4a0;
		}
		div.info-box.white.succes::before{
			content: 'Actief';
			position: absolute;
			right: 10px;
			top: 10px;
			color:
			#7a936b;
			text-shadow: none;
		}

			div.info-box.white:hover
			{
				background-color:#f1f7fc;
				border:none;
				box-shadow :inset 0 0 0 2px #a6c4dd;
			}

			div.info-box.white:hover div.title,
			div.info-box.white:hover div.desc,
			div.info-box.white:hover div.count
			{
				color:#2f4059;
			}

		div.info-box.ok
		{
			background-color:#c3e9fb;
			border:1px solid #c3e9fb;
		}

			div.info-box.alarm div.title,
			div.info-box.alarm div.desc,
			div.info-box.alarm div.count,
			div.info-box.ok div.title,
			div.info-box.ok div.desc,
			div.info-box.ok div.count,
			div.info-box.warning div.title,
			div.info-box.warning div.desc,
			div.info-box.warning div.count
			{
				color:#ffffff;
			}

			div.info-box.ok div.title,
			div.info-box.ok div.desc,
			div.info-box.ok div.count
			{
				color:#28425d;
			}

.sp-hidden
{
	display:none;
}

.mk-spinner {
    content: "";
    display: inline-block;
    position: fixed;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
    z-index: 1;
    border-radius: 50%;
    border: 5px solid #00BCD4;
    border-left-color: transparent;
    background: transparent;
    animation: spinme 0.9s infinite linear;
	-webkit-animation: spinme 0.9s infinite linear;
}

	@-webkit-keyframes spinme
	{
		0%  {-webkit-transform: rotate(0deg); border-color:#ff6000;}
		50% {-webkit-transform: rotate(180deg); border-color:#005e82;}
		100%  {-webkit-transform: rotate(360deg); border-color:#ff6000;}
	}




.tzCheckBox{
	background:url('https://demo.tutorialzine.com/2011/03/better-check-boxes-jquery-css/jquery.tzCheckbox/background.png') no-repeat right bottom;
	display:inline-block;
	min-width:60px;
	height:33px;
	white-space:nowrap;
	position:relative;
	cursor:pointer;
	margin-left:14px;
}

.tzCheckBox.checked{
	background-position:top left;
	margin:0 14px 0 0;
}

.tzCheckBox .tzCBContent{
	color: white;
	line-height: 31px;
	padding-right: 38px;
	text-align: right;
}

.tzCheckBox.checked .tzCBContent{
	text-align:left;
	padding:0 0 0 38px;
}

.tzCBPart{
	background:url('https://demo.tutorialzine.com/2011/03/better-check-boxes-jquery-css/jquery.tzCheckbox/background.png') no-repeat left bottom;
	width:14px;
	position:absolute;
	top:0;
	left:-14px;
	height:33px;
	overflow: hidden;
}

.tzCheckBox.checked .tzCBPart{
	background-position:top right;
	left:auto;
	right:-14px;
}

div.color_bar
{
	display:none;
}

div.copyright
{
	display:block;
	position:fixed;
	bottom:0px;
	left:0px;
	width:621px;
	padding:30px;
	text-align:center;
	line-height:17px;
	color:#e5e5e5;
	font-family: arial, "ProximaNova", Arial,Tahoma, Century Gothic, Microsoft New Tai Lue, Arial;
	font-size:10px;
	z-index:3;
	display:none;
}

div.copyright a
{
	color:#e5e5e5;
}

div.switch
{
	margin-bottom:1px !important;
	text-align:left;
}

img.user_icon
{
	display:block;
	position:absolute;
	top:50%;
	margin-top:-240px;
	left:50%;
	margin-left:-8px;
	border:2px solid #fff;
}

.u-userLauncherColor
{
	background-color:#fe2342 !important;
}

h1 a {
    color: #2f4059;
}

body.important_message h1,
body.important_message #framework_body_content_swipe,
body.important_message #framework_body_content_swipe_sub,
body.important_message #my_info,
body.important_message .breadcrumbs,
body.important_message .back_button,
body.important_message .logo,
body.important_message .bootstrap_main_complete_menu,
body.important_message #administrator_user_id
{
	-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

table.transparent
{
	background-color:transparent !important;
}

table.transparent tr
{
	background-color:transparent !important;
	border-left:0px !important;
}

table.transparent tr td
{
	background-color:transparent !important;
	border-left:0px !important;
}


input.toggle{
	height: 0;
	width: 0;
	visibility: hidden;
}

label.toggle {
	cursor: pointer;
	text-indent: -9999px;
	width: 38px;
	height: 20px;
	background: #c1d3e6;
	display: inline-block;
	border-radius: 20px;
	position: absolute;
	margin-top:-2px;
	margin-left:-5px;
    
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

label.toggle:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: #ffffff;
	border-radius: 90px;
	transition: 0.3s;
}

label.toggle:hover {
  background: #24AEF2;
}

input.toggle:hover + label.toggle:after {
  left: calc(60% - 2px);
	transform: translateX(-100%);
}

input.toggle:checked + label.toggle {
	background: #8ac84d;
}

input.toggle.warning:checked + label.toggle,
input.toggle.warning:hover + label.toggle {
	background: #fe2342;
}

input.toggle:checked + label.toggle:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}

input.toggle.warning:hover + label.toggle:after {
	left: calc(60% - 2px);
	transform: translateX(-100%);
}

label.toggle:active:after {
	width: 26px;
}

.toggle_label
{
	display:inline-block;
	margin-left:39px;
}

input.edit
{
	border:0px;
	color: #33455f !important;
	width:100%;
	padding:0px;
	margin:0px;
	padding:3px 0px 3px 3px;
	margin-left:-3px;
	border:1px solid transparent;
	display:inline-block;
	background-color:transparent;
}

h4 input.edit
{
	font-size: 18px;
	font-family:  Arial, "Montserrat", "Roboto", 'Open Sans', "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	-webkit-font-smoothing: antialiased;
	font-weight:300 !important;
	margin-top:-5px;
}

	input.edit:hover
	{    
    	border:1px solid transparent !important;
	}
  
  input.edit:focus
  {
    box-shadow:none !important;
  }

p.info.yellow input.edit
{
	font-size: 13px;
	font-family:  'Open Sans', Arial, "Montserrat", "Roboto", 'Open Sans', "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
	margin-top:-3px;
	margin-bottom:-3px;
	color:#736c1c;
}

	input.edit:hover
	{
    	border:1px solid transparent !important;
	}
  
  input.edit:focus
  {
    box-shadow:none !important;
  }

div.width50
{
	width:50%;
	float:left;
	display:block;

}

.changelog_table
{

}

.changelog_table .label
{
  padding: 2px 8px;
  color: #ffffff;
  text-shadow: none;
  text-transform: capitalize;
  border-radius: 12px;
  font-size: 0.8em;
}

.changelog_table tr td
{
	border-bottom:1px solid #f6f9ff;
}

.changelog_table .label.nieuw{
	background: #c3e9fb;
	color:#2f4059;
}
.changelog_table .label.veiligheid{
	background: #e20091;
}
.changelog_table .label.verwijderd{
	background: #12203D;
}
.changelog_table .label.update{
	background: #8ac84d;
}
.changelog_table .label.bugfix{
	background: #ff6000; //#EC1F2A;
}
.changelog_table .label.artikel{
	background: #c3e9fb;
	color:#2f4059;
}

.changelog_table ul
{
	list-style-type:none;padding:0;
}

.changelog_table .date:first-child
{
	padding-top:0;
}

.changelog_table .date
{
	font-size:16px!important;
	padding: 7px 0!important;
	padding-top: 12px!important;
}

.changelog_table .highlight
{
	padding: 0 6px;border:none;
}

.grab img
{
  opacity:0.5;
  user-select:none;
}

.grab:hover img
{
  opacity:1;
}

.loading_widget
{
	width:100%; min-height:200px; 
	background-image:url(../images/icons/loading1.gif); 
	background-size:20px; 
	background-repeat:no-repeat; 
	background-position: center center;
	background-color:#f6f9ff;
	border-radius:10px;
	margin-bottom:20px;
	border:1px solid #eeeeee;
}

.mail_pressure_widget table{
	border: 1px solid #dddddd;
	border-collapse:collapse!important;
	margin-bottom:5px;
}
.mail_pressure_widget table th{
	border-bottom:1px solid #dddddd;
	padding:4px 10px;
}

.mail_pressure_widget table td{
	border-bottom:1px solid #ededed;
	text-align:center;
	padding:4px 10px;
}

.mail_pressure_widget table td:last-child{
	border-bottom:1px solid #dddddd;
}

.mail_pressure_widget .info{
	color: #687992;
	font-size: 12px;
    font-weight: normal;
	line-height: 2em;
}

@-webkit-keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@keyframes AnimationName { 
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}

@-webkit-keyframes AnimationName2 {
	0%{background-position:50% 0%}
	50%{background-position:50% 100%}
	100%{background-position:50% 0%}
}
@-moz-keyframes AnimationName2 {
	0%{background-position:50% 0%}
	50%{background-position:50% 100%}
	100%{background-position:50% 0%}
}
@keyframes AnimationName2 { 
	0%{background-position:50% 0%}
	50%{background-position:50% 100%}
	100%{background-position:50% 0%}
}


.loader {
  width: 42px;
  height: 45px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left:-21px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.loadersmall {
  width: 27px;
  height: 29px;
}
.loader .logo_icon:nth-child(1) {
  -webkit-animation: bounceUp 2s 0s infinite ease;
          animation: bounceUp 2s 0s infinite ease;
}
.loader .logo_icon:nth-child(2) {
  -webkit-animation: bounceUp 2s .2s infinite ease;
          animation: bounceUp 2s .2s infinite ease;
}
.loader .logo_icon:nth-child(3) {
  -webkit-animation: bounceUp 2s .3s infinite ease;
          animation: bounceUp 2s .3s infinite ease;
}

@-webkit-keyframes bounceUp {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    fill: #4d5d72;
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    fill: #2f3846;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes bounceUp {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    fill: #2f3846;
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    fill: #4d5d72;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.submit_bar
{
    position:fixed;
	bottom:0px;
	left:220px;
	right:0px;
	background-color:#ffffffd4;
	border-top:1px solid #eeeeee;
	padding: 20px 90px 20px 30px;
	z-index:100;
    box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.1);
	backdrop-filter: blur(5px);
}

.submit_bar .button
{
    margin:0px; 
    margin-left:10px;
}

table.clear tbody tr td
{
    padding:0px !important;
    margin:0px !important;
    background:none !important;
}

table.clear tbody tr
{
    min-height:auto !important;
    height:auto !important;
    background:none !important;
}

table.formatted_table tbody{
	transition:all .2s ease;
}

table.formatted_table tbody.loading
{
	filter:blur(5px);
	pointer-events:none;
	-webkit-user-select:none;
	cursor:wait;
}

::-webkit-input-placeholder { /* Edge */
  color: #cccccc;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc;
}

::placeholder {
  color: #cccccc;
}



.multi-select-container {
  display: inline-block;
  position: relative;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 0.8em;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  padding: 0.4em 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  z-index:2;
}

.multi-select-menu input {
  margin-right: 0.3em;
  vertical-align: 0.1em;
  
  width:20px !important;
	margin:0px !important;
	padding:0px !important;
	border:0px !important;
	
	-moz-box-shadow:    none !important;
	-webkit-box-shadow: none !important;
	box-shadow:         none !important;
}

.multi-select-menuitem
{
    width: 100%;
    display: block;
}

.multi-select-button {
  display: inline-block;
  font-size: 14px;
  padding: 10px 10px;
  width: 100%;
  text-align:left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: default;
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu { display: block; }

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.editable-select-options
{
    position:absolute;
    z-index:999;
}

.editable-select-options li 
{
    cursor: default;
    padding: 2px;
    font-family: "Nunito", 'Open Sans', "Montserrat", Arial, 'Open Sans', "Helvetica Neue", 'Open Sans', "Roboto", "HelveticaNeueLight", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif !important;
    font-size: 14px;
    color: #595959;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    border-bottom:1px solid #eeeeee;
}

.segment_config tr td table tr td select,
.segment_config tr td input
{
    border: 0px !important;
    background: #f6f9fe !important;
}

.column-picker-filter-container{
	position:absolute;
	right:0;
	top:-35px;
	text-align: right;
	z-index:999;
}

.column-picker-filter-container button.column-picker-filter-button{
	background: 0 0;
    color: #687992;
	border-color: transparent;
	padding-left: 20px;
    position: relative;
	border: none;
    outline: 0;
    height: 2.28571429em;
    line-height: 1.57142857em;
	cursor: pointer;
	border-radius: 7px;
}

.column-picker-filter-container button.column-picker-filter-button:hover{
	background: #ebecf0;
}

.column-picker-filter-container.active button.column-picker-filter-button{
	background: #687992;
	color: #f4f5f7;
	border-radius: 7px 7px 0 0;
}

.column-picker-filter-container button.column-picker-filter-button::after{
	position:absolute;
	top: 11px;
	left: 11px;
    content: "";
	margin-left: -4px;
    display: inline-block;
    width: 4px;
    height: 4px;
    border: none;
    border-right: 2px solid;
    border-top: 2px solid;
    transform: rotate(135deg);
}

.column-picker-filter-container .column-picker-filter-dialog{
	background: #fff;
	border:none;
	border-radius: 7px 0 7px 7px;
	padding:0;
	text-align:left;
	max-height: 0;
    overflow-y: auto;
	opacity:0;
	transition: all 0.2s ease-in-out;
}

.column-picker-filter-container.active .column-picker-filter-dialog{
	border:1px solid #687992;
	padding: 10px;
	max-height: 300px;
	opacity:1;
	transition: all 0.2s ease-in-out;
}

.column-picker-filter-container .column-picker-filter-dialog ul{
	list-style: none;
	padding: 0;
	margin: 0;	
}

.column-picker-filter-container .column-picker-filter-dialog ul li{
	margin: 5px 0;
}

.column-picker-filter-container .column-picker-filter-dialog input{
	width:auto;
	vertical-align:middle;
}

.column-picker-filter-container .column-picker-filter-dialog label{
	vertical-align:middle;
	cursor: pointer;
}

.column-picker-filter-container .column-picker-filter-dialog input:disabled + label{
	cursor: default;
}

#bounce-rate-slider {
  -webkit-appearance: none;
  width: 40%;
  height: 25px;
  background: #f6f9ff;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-bottom:2em;
  outline: 1px solid #ececec;
}

#bounce-rate-slider:hover {
  opacity: 1;
}

#bounce-rate-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #ffc000;
  cursor: pointer;
}

#bounce-rate-slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #ffc000;
  cursor: pointer;
}

#bounce-rate-slider-value {
  font-weight: bold;
  vertical-align: super;
}

/* INTEGRATIONS PAGE */

#category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0 0 20px 0;
}

.category-item {
	font-size: 1.1em;
    border: 1px solid #24374e;
    color: #24374e;
    text-align: center;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    margin: 6px;
    padding: 6px 12px;
    text-decoration: none;
    transition: all .1s;
    display: flex;
	cursor: pointer;
	user-select: none;
}

.category-item:hover {
	background-color: #24374e;
	color: #fff;
}

.category-item.active {
	background-color: #24374e;
	color: #fff;
}

.integrationCard-container {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.integrationCard {
	position:relative;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
    border-radius: 10px;
    text-align: left;
	outline: 1px solid #24374e;
}

.integrationCard .logoWrapper {
	height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.integrationCard .logoWrapper img {
    max-width: 120px;
	max-height: 80px;
}

.integrationCard .contentWrapper{
	padding: 20px;
	flex: auto;
}

.integrationCard ul.links{
	padding: 0 20px 15px 20px;
	list-style: none;
	margin:0;
	max-height: 8rem;
	overflow-y: auto;
}

.integrationCard ul.links li a {
	line-height: 1.5;
}
.integrationCard ul.links li a:hover {
	text-decoration: underline;
}

.integrationCard ul.links li a.contact {
	color: #24374e;
}

.integrationCard .status.icon{
	position: absolute;
	height: 2em;
	right: 5px;
	top:70px;
}

.integrationCard .title {
	font-weight: bold;
	font-size: 20px!important;
	margin-bottom: 1em;
}

.integrationCard p {
    margin: 5px 0;
}