/* NEWSLETTERS */

/* SAME AS IN BODY !! */
.ReadMsgBody { width: 100%;}
.ExternalClass {width: 100%;}
.lemon.nl {quality: 100%;}
body { margin: 0; padding: 0; width: 100% !important; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; font-size: 12px !important; line-height: 14px !important; }
table {	border-collapse: collapse; } 
.preheader { display: none; }
@media screen and (max-width: 520px) {
  .mainTable { width: 320px!important; }
  .switch15w { width: 15px!important; height: auto!important; }
  .switch280w { width: 280px!important; height: auto!important; }
  .switch290w { width: 290px!important; height: auto!important; }
  .switch320w { width: 320px!important; height: auto!important; }
  .mobilHide { display: none!important; visibility: hidden!important; width: 0!important; height: 0!important; }
}
.viewport.mobile .mainTable { width: 320px!important;  transition: width 0.5s ease-out; }
.viewport.mobile .switch15w { width: 15px!important; height: auto!important; transition: width 0.5s ease-out; }
.viewport.mobile .switch280w { width: 280px!important; height: auto!important; transition: width 0.5s ease-out; }
.viewport.mobile .switch290w { width: 290px!important; height: auto!important; transition: width 0.5s ease-out; }
.viewport.mobile .switch320w { width: 320px!important; height: auto!important; transition: width 0.5s ease-out; }
.viewport.mobile .mobilHide { display: none!important; visibility: hidden!important; width: 0!important; height: 0!important; transition: width 0.5s ease-out; }
* {transition: width 0.5s ease-out;}

body {
	background: #f4f4f4;
}

.hidden {
	display: none !important;
}

.newsletter {
	margin: 0;
}
.newsletter td a, .newsletter td a:visited, .newsletter td a:active, .newsletter td a:hover {
	color: #000000 !important;
}
.newsletter p {
	/*margin: 0;*/
	font-size: inherit !important;
	line-height: inherit !important;
}
.newsletter #sibbar {
	width: calc(100% - 14px);
	padding: 0 7px;
	height: 32px;
	background: #008000;
	color: #ffffff;
	font: 400 13px/32px "Open Sans",sans-serif;
}

.newsletter .btn-green,
.newsletter #sibbar a {
	color: #ffffff;
	text-decoration: none;
	padding: 0 10px;
	background: #008900;
	display: inline-block;
	box-shadow: none !important;
}
.newsletter #sibbar a:hover, .newsletter button#loginbtn:hover {
	color: #ffffff;
	text-decoration: none;
	background: #009800;
}

.important:before,
.sibicon:before,
.newsletter .btn-green:before,
.newsletter #sibbar a.sibicon:before,
.newsletter button#loginbtn:before {
	position: relative;
	float: left;
	font: 400 20px/1 dashicons;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-image: none!important;
	margin-right: 5px;
	content: "\f109";
	color: #cfefcf;
}

 #sibbar .sibicon:before {
	padding: 6px 0 0 0;
}

.sibcreate:before { content: "\f133" !important; }
.sibupdate:before { content: "\f119" !important; }
.sibtest:before 	{ content: "\f466" !important; }
.siblogin:before 	{ content: "\f242" !important; }
.sibphone:before 	{ content: "\f470" !important; }
.important:before { content: "\f534" !important; color: red !important; }

.newsletter .login-form {
	color: #ffffff;
	text-decoration: none;
	background: #008900;
	position: relative;
	display: inline-block;
}

.btn-notactive {
	pointer-events: none;
	opacity: 0.8;
}

.newsletter .notice {
	/*max-width: 612px;  For 640px (width - 28px) */
	max-width: 572px; /* For 600px (width - 28px) */
	margin: 20px auto 5px !important;
}

.notice, div.error, div.updated {
	background: #fff;
	border-left: 4px solid #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	margin: 5px 15px 2px;
	padding: 1px 12px;
	font: 400 13px/22px "Open Sans",sans-serif;
}

.notice-success	{ border-left-color: #46b450; }
.notice-error		{ border-left-color: #e1362e; }
.notice-warning	{ border-left-color: #ffba00; }
.notice-info		{ border-left-color: #019ed3; }
.notice-header	{ border-left-color: #cccccc; }

.btn {
	font: 400 13px/20px "Open Sans",sans-serif;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 5px 15px;
	border-radius: 5px;
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c;
	text-decoration: none;
}

.btn:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #419641;
}


#responsive-menu-button {
	display: none !important;
}

.viewport {
	margin: 0 auto;
	width: 100%;
	max-width: 2560px;
	min-height: calc(100vh - 64px);
	padding-top: 20px;
	transition: all 0.5s ease-out;
	background-color: #f4f4f4;
}



.siblogo {
	position: relative;
	top: 3px;
	width: 16px;
	height: 16px;
	fill: #cfefcf;
}


@media all and (max-width: 700px) {
	#sibbar {
    display: none !important;
  }
}
@media all and (max-width: 480px) {
	.newsletter .notice {
		max-width: 292px; /* For 320px (width - 28px) */
	}
}

.viewport.mobile {
	max-width: 360px;
	height: 100vh;
	transition: all 0.5s ease-out;
}

.viewport.mobile #sibbar {
  display: none !important;
}

.viewport.mobile .notice {
	max-width: 292px; /* For 320px (width - 28px) */
}