html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-size: 100%;
	letter-spacing: 0;
	vertical-align: baseline;
	background: transparent
}
span {
	font-weight: inherit
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block
}
img, object, embed {
	max-width: 100%
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none
}
b, strong {
	font-weight: bold
}
strong.semi {
	font-weight: 600
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: inherit;
	text-decoration: none;
	line-height: 1;
	margin: 0
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th {
	font-weight: bold;
	vertical-align: bottom
}
td {
	font-weight: normal;
	vertical-align: top
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 3px solid #ddd;
	margin: 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}
input[type="radio"] {
	vertical-align: text-bottom
}
input[type="checkbox"] {
	vertical-align: bottom;
*vertical-align:baseline
}
.ie6 input {
	vertical-align: text-bottom
}
select, input, textarea {
	font: 99% sans-serif
}

a:hover, a:active {
	outline: none
}
small {
	font-size: 85%
}
strong, th {
	font-weight: bold
}
td, td img {
	vertical-align: top
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
pre, code, kbd, samp {
	font-family: 'Droid Sans Mono', fixed
}
label, input[type=button], input[type=submit], button {
	cursor: pointer
}
button, input, select, textarea {
	margin: 0
}
button {
	width: auto;
	overflow: visible;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
select, input, textarea, a, button {
	outline: none
}
*, *:before, *:after {
	box-sizing: border-box
}
address {
	font-style: normal
}
th {
	font-weight: initial;
	text-align: left
}
img {
	border: 0
}
@font-face {
	font-family: "Droid Sans Mono";
	src: url(/assets/DroidSansMono-8d9a331cd9e0fd2505dac238ddf002152c7b1e5ede21ae97a9560f9be379658b.eot);
	src: url(/assets/DroidSansMono-8d9a331cd9e0fd2505dac238ddf002152c7b1e5ede21ae97a9560f9be379658b.eot?#iefix) format("embedded-opentype"), url(/assets/DroidSansMono-82af25df2bc4129fc2fca89fc1a4b047bc00da18c8ff33ab8bada4faeee66d71.woff) format("woff"), url(/assets/DroidSansMono-11886be9980fc5dac1929868b32fb9cbfdebb9fb351dde9280051e4eda09c1bc.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Source Sans Pro";
	src: url(/assets/SourceSansPro-Light-eb73af61c55e83e188cd31eefb403c35e43fb72db18a8615d26b1e678148b796.eot);
	src: url(/assets/SourceSansPro-Light-eb73af61c55e83e188cd31eefb403c35e43fb72db18a8615d26b1e678148b796.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Light-961b7ffc345a6dd4160eacce2f84f07192d7aac0fc35c8e2fde108ef80957844.woff) format("woff"), url(/assets/SourceSansPro-Light-822447481243baecc91c2ecdf0179ed7820813e77af5d79d4c9a4ec6601d8dd3.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: "Source Sans Pro";
	src: url(/assets/SourceSansPro-Regular-815dc45591f7977df5f5a3a01f9fd8a162d438e90df7a0b84b376e7b84896946.eot);
	src: url(/assets/SourceSansPro-Regular-815dc45591f7977df5f5a3a01f9fd8a162d438e90df7a0b84b376e7b84896946.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Regular-697128ba792cff33e0495039e2a28eaa892aee66f89c072a4c9ac11d1a56898e.woff) format("woff"), url(/assets/SourceSansPro-Regular-9de0adce91f9ef022a275cd687f66506e9ec9947b360171162c80b415db17982.ttf) format("truetype");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "Source Sans Pro";
	src: url(/assets/SourceSansPro-Semibold-2d705e94ed3b258d0c81fc9951be5b10e323b0fd9c9e7cd88e68bcff7a1875d6.eot);
	src: url(/assets/SourceSansPro-Semibold-2d705e94ed3b258d0c81fc9951be5b10e323b0fd9c9e7cd88e68bcff7a1875d6.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Semibold-8f228004f011ce6e839d2056fe1265220043bec9cae759f4e9d39ed11b12ce4f.woff) format("woff"), url(/assets/SourceSansPro-Semibold-bb63a2725da7cc344a667cba0d76185a4cf17228feb846cd1ef32b23c70db4b3.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}
@font-face {
	font-family: "Source Sans Pro";
	src: url(/assets/SourceSansPro-Bold-f2a9654f311858b4ab48ff8b561dacdcb54ed753db16e3dab066873107d26c21.eot);
	src: url(/assets/SourceSansPro-Bold-f2a9654f311858b4ab48ff8b561dacdcb54ed753db16e3dab066873107d26c21.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Bold-ac66257a70d443b4cb986d5a12b8073ef92a3ea3d5810d880d380c3dcac7700e.woff) format("woff"), url(/assets/SourceSansPro-Bold-760bcf4c9cf41c7d964cd14abcf71ab5e040b7d062bc4048a6dbae87d1fa477e.ttf) format("truetype");
	font-weight: bold;
	font-style: normal
}
@font-face {
	font-family: "Source Sans Pro";
	src: url(/assets/SourceSansPro-Black-c0089e586d117aaaebfd6563047a1abcdbb45f54ca2819719f13d38a4b6d43e8.eot);
	src: url(/assets/SourceSansPro-Black-c0089e586d117aaaebfd6563047a1abcdbb45f54ca2819719f13d38a4b6d43e8.eot?#iefix) format("embedded-opentype"), url(/assets/SourceSansPro-Black-8309df9fb4c38f94a3576e91bd1e0ba3a72edaffaa7df72f09aeef7d3e101842.woff) format("woff"), url(/assets/SourceSansPro-Black-8b4272e2ddf2b67101029ce8fa702cfdd318cd7f256a9d0ba509c16577ff86db.ttf) format("truetype");
	font-weight: 900;
	font-style: normal
}
.ct-label {
	fill: rgba(0,0,0,0.4);
	color: rgba(0,0,0,0.4);
	font-size: 0.75rem;
	line-height: 1
}
.ct-chart-line .ct-label, .ct-chart-bar .ct-label {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.ct-label.ct-horizontal.ct-start {
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}
.ct-label.ct-horizontal.ct-end {
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}
.ct-label.ct-vertical.ct-start {
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	text-align: right;
	text-anchor: end
}
.ct-label.ct-vertical.ct-end {
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-anchor: start
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	text-align: right;
	text-anchor: end
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: end
}
.ct-grid {
	stroke: rgba(0,0,0,0.2);
	stroke-width: 1px;
	stroke-dasharray: 2px
}
.ct-point {
	stroke-width: 10px;
	stroke-linecap: round
}
.ct-line {
	fill: none;
	stroke-width: 4px
}
.ct-area {
	stroke: none;
	fill-opacity: 0.1
}
.ct-bar {
	fill: none;
	stroke-width: 10px
}
.ct-slice-donut {
	fill: none;
	stroke-width: 60px
}
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
	stroke: #d70206
}
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area {
	fill: #d70206
}
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
	stroke: #f05b4f
}
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area {
	fill: #f05b4f
}
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
	stroke: #f44336
}
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area {
	fill: #f44336
}
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
	stroke: #d17905
}
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area {
	fill: #d17905
}
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
	stroke: #453d3f
}
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area {
	fill: #453d3f
}
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
	stroke: #59922b
}
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area {
	fill: #59922b
}
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
	stroke: #0544d3
}
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area {
	fill: #0544d3
}
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
	stroke: #6b0392
}
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area {
	fill: #6b0392
}
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
	stroke: #f05b4f
}
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area {
	fill: #f05b4f
}
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
	stroke: #dda458
}
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area {
	fill: #dda458
}
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
	stroke: #eacf7d
}
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area {
	fill: #eacf7d
}
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
	stroke: #86797d
}
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area {
	fill: #86797d
}
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
	stroke: #b2c326
}
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area {
	fill: #b2c326
}
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
	stroke: #6188e2
}
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area {
	fill: #6188e2
}
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
	stroke: #a748ca
}
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area {
	fill: #a748ca
}
.ct-square {
	display: block;
	position: relative;
	width: 100%
}
.ct-square:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 100%
}
.ct-square:after {
	content: "";
	display: table;
	clear: both
}
.ct-square>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-minor-second {
	display: block;
	position: relative;
	width: 100%
}
.ct-minor-second:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 93.75%
}
.ct-minor-second:after {
	content: "";
	display: table;
	clear: both
}
.ct-minor-second>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-major-second {
	display: block;
	position: relative;
	width: 100%
}
.ct-major-second:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 88.8888888889%
}
.ct-major-second:after {
	content: "";
	display: table;
	clear: both
}
.ct-major-second>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-minor-third {
	display: block;
	position: relative;
	width: 100%
}
.ct-minor-third:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 83.3333333333%
}
.ct-minor-third:after {
	content: "";
	display: table;
	clear: both
}
.ct-minor-third>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-major-third {
	display: block;
	position: relative;
	width: 100%
}
.ct-major-third:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 80%
}
.ct-major-third:after {
	content: "";
	display: table;
	clear: both
}
.ct-major-third>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-perfect-fourth {
	display: block;
	position: relative;
	width: 100%
}
.ct-perfect-fourth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 75%
}
.ct-perfect-fourth:after {
	content: "";
	display: table;
	clear: both
}
.ct-perfect-fourth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-perfect-fifth {
	display: block;
	position: relative;
	width: 100%
}
.ct-perfect-fifth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 66.6666666667%
}
.ct-perfect-fifth:after {
	content: "";
	display: table;
	clear: both
}
.ct-perfect-fifth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-minor-sixth {
	display: block;
	position: relative;
	width: 100%
}
.ct-minor-sixth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 62.5%
}
.ct-minor-sixth:after {
	content: "";
	display: table;
	clear: both
}
.ct-minor-sixth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-golden-section {
	display: block;
	position: relative;
	width: 100%
}
.ct-golden-section:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 61.804697157%
}
.ct-golden-section:after {
	content: "";
	display: table;
	clear: both
}
.ct-golden-section>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-major-sixth {
	display: block;
	position: relative;
	width: 100%
}
.ct-major-sixth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 60%
}
.ct-major-sixth:after {
	content: "";
	display: table;
	clear: both
}
.ct-major-sixth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-minor-seventh {
	display: block;
	position: relative;
	width: 100%
}
.ct-minor-seventh:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 56.25%
}
.ct-minor-seventh:after {
	content: "";
	display: table;
	clear: both
}
.ct-minor-seventh>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-major-seventh {
	display: block;
	position: relative;
	width: 100%
}
.ct-major-seventh:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 53.3333333333%
}
.ct-major-seventh:after {
	content: "";
	display: table;
	clear: both
}
.ct-major-seventh>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-octave {
	display: block;
	position: relative;
	width: 100%
}
.ct-octave:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 50%
}
.ct-octave:after {
	content: "";
	display: table;
	clear: both
}
.ct-octave>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-major-tenth {
	display: block;
	position: relative;
	width: 100%
}
.ct-major-tenth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 40%
}
.ct-major-tenth:after {
	content: "";
	display: table;
	clear: both
}
.ct-major-tenth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-major-eleventh {
	display: block;
	position: relative;
	width: 100%
}
.ct-major-eleventh:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 37.5%
}
.ct-major-eleventh:after {
	content: "";
	display: table;
	clear: both
}
.ct-major-eleventh>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-major-twelfth {
	display: block;
	position: relative;
	width: 100%
}
.ct-major-twelfth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 33.3333333333%
}
.ct-major-twelfth:after {
	content: "";
	display: table;
	clear: both
}
.ct-major-twelfth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.ct-double-octave {
	display: block;
	position: relative;
	width: 100%
}
.ct-double-octave:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 25%
}
.ct-double-octave:after {
	content: "";
	display: table;
	clear: both
}
.ct-double-octave>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.bar {
	background: rgba(127, 128, 130, 0.25);
	border-radius: 10px;
	display: inline-block;
	height: 5px;
	width: 100%;
	overflow: hidden
}
.bar__inner {
	background: #0e69d5;
	display: inline-block;
	border-radius: 10px;
	height: 5px;
	width: 50%
}
.button {
	display: inline-block;
	font: inherit;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #0e69d5;
	color: #fff;
	font-size: 14px !important;
	margin: 0;
	vertical-align: top;
	padding: 6px 15px;
	border: 2px solid transparent;
	border-bottom: 2px solid #083a75
}
.button:active {
	background-color: #09468d
}
.button:focus {
	border-color: #09468d;
	background-color: #1075ed
}
.button.is-spinning {
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px;
	background-image: url(/assets/button-spinner-aef2e7b66f1f2aaec78ca194b06794ad6e49236dcf7189c30df56834c677eb45.gif)
}
.button--small {
	font-size: 12px !important;
	padding: 3px 10px;
	border-width: 1px
}
.button--positive {
	background-color: #76c83b;
	border-bottom-color: #538f28
}
.button--positive:active {
	background-color: #538f28
}
.button--positive:focus {
	border-color: #538f28;
	background-color: #84ce4f
}
.button--positive.is-spinning {
	background-image: url(/assets/button-spinner-positive-cf834a659fbdd516aa664cd584aa33efc0bddba08a025b488cf0b7d1ef32e487.gif)
}
.button--neutral {
	background-color: #ccc;
	border-bottom-color: #a6a6a6
}
.button--neutral:active {
	background-color: #a6a6a6
}
.button--neutral:focus {
	border-color: #a6a6a6;
	background-color: #d9d9d9
}
.button--neutral.is-spinning {
	background-image: url(/assets/button-spinner-neutral-c2fdd5522e9a51a7a08c1353460e09a22bd4fe88a7cd4c9aace98ef43b52a3b1.gif)
}
.button--danger {
	background-color: #e2383a;
	border-bottom-color: #b31a1c
}
.button--danger:active {
	background-color: #b31a1c
}
.button--danger:focus {
	border-color: #b31a1c;
	background-color: #e54e50
}
.button--danger.is-spinning {
	background-image: url(/assets/button-spinner-danger-aae566753b9feee0b4341f561858513ced625ec039ca254be8a13c93d65ef3c1.gif)
}
.button--dark {
	background-color: #3c4249;
	border-bottom-color: #191c1f
}
.button--dark:active {
	background-color: #191c1f
}
.button--dark:focus {
	border-color: #191c1f;
	background-color: #484f57
}
.button--dark.is-spinning {
	background-image: url(/assets/button-spinner-dark-140bb943f5016cca6e259dd943c5078c5034d3bf7893f5bc1531913f5016453a.gif)
}
.codeBlock {
	background: #909db0;
	color: #fff;
	padding: 25px;
	border-radius: 4px
}
.codeBlock--whitespace {
	white-space: pre;
	overflow-x: auto
}
.input {
	border: 0;
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #e4e8ef;
	padding: 8px 10px;
	font: inherit;
	width: 100%;
	color: #3c4249;
	font-weight: 600;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px
}
.input--onWhite {
	background-color: #fff;
}
.input:disabled, .input.is-disabled {
	opacity: 0.5
}
.input:focus {
	border-color: #0e69d5;
	background-color: #fff
}
.input--danger {
	color: #e2383a;
	border-width: 2px;
	border-color: #fadddd
}
.input--area {
	height: 300px
}
.input--smallArea {
	height: 120px
}
.input--danger:focus {
	border-color: #e2383a;
	color: #e2383a;
	background: #fff
}
.input::-webkit-input-placeholder {
color:#b5c0d0;
font-weight:400
}
.input::-moz-placeholder {
color:#b5c0d0;
font-weight:400
}
.input:-ms-input-placeholder {
color:#b5c0d0;
font-weight:400
}
.input::placeholder {
color:#b5c0d0;
font-weight:400
}
.input--select {
	background: #fff url(/assets/icons/select-arrow-a33b434abcaf3320632818dcbf6af8e1bcaa0612389d75e5fadb6e7b52c21986.svg) right 12px top 50%/16px 16px no-repeat;
	cursor: pointer
}
.input--code {
	font-family: 'Droid Sans Mono', fixed;
	font-size: 13px
}
.inputPair {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.inputPair .input {
	width: 49%
}
.label {
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	border-radius: 40px;
	padding: 2px 6px;
	line-height: 0.9
}
.label--green {
	background-color: #76c83b
}
.label--red {
	background-color: #e2383a
}
.label--orange {
	background-color: #e8581f
}
.label--blue {
	background-color: #0e69d5
}
.label--grey {
	background-color: #999
}
.label--turquoise {
	background-color: #0e69d5
}
.label--purple {
	background-color: #6145b2
}
.label--large {
	font-size: 11px;
	padding: 4px 10px
}
.label--serverStatus-live {
	background-color: #76c83b
}
.label--serverStatus-development {
	background-color: #636363
}
.label--serverStatus-suspended {
	background-color: #e2383a
}
.label--messageStatus-pending {
	background-color: #909db0
}
.label--messageStatus-held {
	background-color: #aaa
}
.label--messageStatus-processed {
	background-color: #76c83b
}
.label--messageStatus-sent {
	background-color: #76c83b
}
.label--messageStatus-hard_fail {
	background-color: #e2383a
}
.label--messageStatus-soft_fail {
	background-color: #e8581f
}
.label--messageStatus-bounced {
	background-color: #e2383a
}
.label--messageStatus-hold_cancelled {
	background-color: #ccc
}
.label--credentialType-api {
	background-color: #0e69d5
}
.label--credentialType-smtp {
	background-color: #4ac7c5
}
.label--spamStatus-not_checked {
	background: #aaa
}
.label--spamStatus-spam {
	background: #e8581f
}
.label--spamStatus-not_spam {
	background: #4ac7c5
}
.label--http-status-2 {
	background-color: #76c83b
}
.label--http-status-3 {
	background-color: #e8581f
}
.label--http-status-4, .label--http-status-5 {
	background-color: #e2383a
}
.domainList__ssl {
	color: #76c83b
}
.domainList__ssl:hover {
	text-decoration: underline
}
.domainList__ssl--disabled {
	color: #999
}
.returnPathTag {
	background: url(/assets/icons/return-path-0007178a15f0fb92719f8775a66af210d765a08a675253f5f537d3a43c4b0c36.svg) no-repeat 0 4px/10px;
	padding-left: 14px
}
.returnPathTag--inMessageHeader {
	background-size: 14px;
	padding-left: 18px
}
.warningBox {
	background-color: #fff8e4;
	border: 1px solid #c8bc9b;
	padding: 15px;
	line-height: 1.4
}
.spamRangeLabel {
	font-size: 12px;
	text-align: right;
	margin-top: 7px
}
.spamRange {
	-webkit-appearance: none;
	width: 100%;
	background: transparent
}
.spamRange:disabled {
	opacity: 0.5
}
.spamRange::-webkit-slider-thumb {
-webkit-appearance:none
}
.spamRange:focus {
	outline: none
}
.spamRange::-ms-track {
width:100%;
cursor:pointer;
background:transparent;
border-color:transparent;
color:transparent
}
.spamRange::-webkit-slider-thumb {
-webkit-appearance:none;
border:2px solid #2b2e32;
height:25px;
width:25px;
border-radius:50%;
background:#ffffff;
cursor:pointer;
margin-top:-7px
}
.spamRange::-moz-range-thumb {
border:2px solid #2b2e32;
height:25px;
width:25px;
border-radius:50%;
background:#ffffff;
cursor:pointer
}
.spamRange::-ms-thumb {
border:2px solid #2b2e32;
height:25px;
width:25px;
border-radius:50%;
background:#ffffff;
cursor:pointer
}
.spamRange::-webkit-slider-runnable-track {
width:100%;
height:12px;
cursor:pointer;
border-radius:30px;
background:#3ff990;
background:-webkit-linear-gradient(left, #3ff990 0%, #197ec9 47%, #6c5c8b 100%);
background:linear-gradient(to right, #3ff990 0%, #197ec9 47%, #6c5c8b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ff990', endColorstr='#6c5c8b', GradientType=1 )
}
.spamRange::-moz-range-track {
width:100%;
height:12px;
cursor:pointer;
border-radius:30px;
background:#3ff990;
background:-webkit-linear-gradient(left, #3ff990 0%, #197ec9 47%, #6c5c8b 100%);
background:linear-gradient(to right, #3ff990 0%, #197ec9 47%, #6c5c8b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ff990', endColorstr='#6c5c8b', GradientType=1 )
}
.spamRange::-ms-track {
width:100%;
height:12px;
cursor:pointer;
border-radius:30px;
background:transparent;
border-color:transparent;
background:#3ff990;
background:-webkit-linear-gradient(left, #3ff990 0%, #197ec9 47%, #6c5c8b 100%);
background:linear-gradient(to right, #3ff990 0%, #197ec9 47%, #6c5c8b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ff990', endColorstr='#6c5c8b', GradientType=1 )
}
.spamRange--hot::-webkit-slider-runnable-track {
background:#1688d0;
background:-webkit-linear-gradient(left, #1688d0 0%, #fa141b 100%);
background:linear-gradient(to right, #1688d0 0%, #fa141b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1688d0', endColorstr='#fa141b', GradientType=1 )
}
.spamRange--hot::-moz-range-track {
background:#1688d0;
background:-webkit-linear-gradient(left, #1688d0 0%, #fa141b 100%);
background:linear-gradient(to right, #1688d0 0%, #fa141b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1688d0', endColorstr='#fa141b', GradientType=1 )
}
.spamRange--hot::-ms-track {
background:#1688d0;
background:-webkit-linear-gradient(left, #1688d0 0%, #fa141b 100%);
background:linear-gradient(to right, #1688d0 0%, #fa141b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1688d0', endColorstr='#fa141b', GradientType=1 )
}
.spamRange--blueGreen::-webkit-slider-runnable-track {
background:#146dd2;
background:-webkit-linear-gradient(left, #146dd2 0%, #7cc546 100%);
background:linear-gradient(to right, #146dd2 0%, #7cc546 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#146dd2', endColorstr='#7cc546', GradientType=1 )
}
.spamRange--blueGreen::-moz-range-track {
background:#146dd2;
background:-webkit-linear-gradient(left, #146dd2 0%, #7cc546 100%);
background:linear-gradient(to right, #146dd2 0%, #7cc546 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#146dd2', endColorstr='#7cc546', GradientType=1 )
}
.spamRange--blueGreen::-ms-track {
background:#146dd2;
background:-webkit-linear-gradient(left, #146dd2 0%, #7cc546 100%);
background:linear-gradient(to right, #146dd2 0%, #7cc546 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#146dd2', endColorstr='#7cc546', GradientType=1 )
}
.adminStats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.adminStats__stat {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center
}
.adminStats__stat dt {
	font-weight: 300;
	color: #999
}
.adminStats__stat dd {
	font-size: 26px;
	font-weight: bold
}
.buttonSet .button {
	margin-right: 7px
}
.buttonSet--center .button {
	margin: 0 5px
}
.checkboxList {
	background: #fff;
	border: 1px solid #e4e8ef;
	font: inherit;
	width: 100%;
	color: #3c4249;
	font-weight: 600;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px
}
.checkboxList__item {
	padding: 8px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.checkboxList__item+.checkboxList__item {
	border-top: 1px solid #e4e8ef
}
.checkboxList__checkbox {
	margin-right: 15px
}
.checkboxList__actualLabel {
	color: #3c4249;
	font-weight: 600
}
.checkBoxList__text {
	font-size: 12px;
	line-height: 1.5;
	color: #909db0;
	margin-top: 3px
}
.checkboxList__devEvent {
	font-family: 'Droid Sans Mono', fixed;
	font-size: 13px;
	font-weight: bold
}
.credentialList {
	border-radius: 0px;
	overflow: hidden;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
    border: 1px solid #dedede;
}
.credentialList__item {
	background: #fff
}
.credentialList__item:nth-child(even) {
	background: none
}
.credentialList__item+.credentialList__item {
	border-top: 1px solid #eceff3
}
.credentialList__link {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.credentialList__link:hover {
	background: #f2f5f8 !important
}
.credentialList__properties {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 1px
}
.credentialList__name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2
}
.credentialList__name .label {
	vertical-align: 2px;
	margin-left: 4px
}
.credentialList__key {
	font-size: 12px;
	font-family: 'Droid Sans Mono', fixed;
	color: #999
}
.credentialList__type {
	margin-right: 10px;
	width: 40px
}
.credentialList__usedAt {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: 150px;
	text-align: right;
	margin-left: 25px;
	font-size: 12px;
	line-height: 1.4;
	color: #999
}
.credentialList__usedAt--active {
	color: #76c83b
}
.credentialList__usedAt--active .credentialList__usedAtTitle {
	background-color: #76c83b
}
.credentialList__usedAt--quiet {
	color: #bac647
}
.credentialList__usedAt--quiet .credentialList__usedAtTitle {
	background-color: #bac647
}
.credentialList__usedAt--dormant {
	color: #c7ad46
}
.credentialList__usedAt--dormant .credentialList__usedAtTitle {
	background-color: #c7ad46
}
.credentialList__usedAt--inactive {
	color: #d05026
}
.credentialList__usedAt--inactive .credentialList__usedAtTitle {
	background-color: #d05026
}
.credentialList__usedAtTitle {
	margin-bottom: 3px;
	background-color: #999;
	color: #fff;
	display: inline-block;
	padding: 1px 4px;
	font-size: 10px;
	border-radius: 3px
}
.dangerZone {
	border: 3px dashed #e2383a;
	border-radius: 4px;
	padding: 25px;
	color: #e2383a;
	background: #fdf3f3
}
.dataTable {
	width: 100%;
	border: 1px solid #ddd;
	font-size: 14px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.dataTable tr td {
	border-left: 1px solid #ddd;
	padding: 8px;
	background: #fff
}
.dataTable tr th {
	text-align: left;
	padding: 8px;
	background-color: #fffdf4;
	font-weight: 600;
	vertical-align: top
}
.dataTable thead td {
	font-weight: 600;
	border-left: 0 !important;
	background: #fffdf4;
	padding: 8px 9px;
	border-bottom: 2px solid #222
}
.dataTable tbody tr:nth-child(even) td {
	background: #f5f5f5
}
.dataTable tbody tr:hover td {
	background: #ededed
}
.dataTable__centerCell {
	text-align: center
}
.dataTable__rightCell {
	text-align: right
}
.dataTable__empty {
	padding: 40px 0 !important;
	text-align: center;
	color: #999;
	font-style: italic;
	font-size: 12px
}
.dataTable__empty:hover {
	background: #fff !important
}
.dataTable__inputCell {
	padding: 0 !important
}
.dataTable__inputCell input {
	width: 100%;
	padding: 8px;
	border: 0;
	font: inherit;
	background: transparent;
	font-weight: bold;
	color: #fb8424
}
.dataTable__redRow td {
	background-color: #fff0f1 !important;
	color: #cd2f3b !important
}
.dataTable__redRow td .u-link {
	color: #cd2f3b
}
.deliveryList {
	color: #3c4249;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.deliveryList__item {
	background: #fff;
	padding: 15px
}
.deliveryList__item:nth-child(even) {
	background: none
}
.deliveryList__item+.deliveryList__item {
	border-top: 1px solid #eceff3
}
.deliveryList__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
.deliveryList__status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.deliveryList__secure {
	height: 12px;
	margin-right: 7px;
	margin-top: 2px
}
.deliveryList__errorCode {
	font-size: 12px;
	color: #909db0;
	margin-top: 5px
}
.deliveryList__error {
	margin-top: 5px;
	font-size: 12px;
	color: #909db0
}
.deliveryList__error--output {
	background: #909db0;
	color: #fff;
	font-size: 10px;
	font-family: 'Droid Sans Mono', fixed;
	padding: 10px;
	border-radius: 4px;
	margin-top: 8px;
	word-wrap: break-word
}
.deliveryList__error--output-ref {
	opacity: 0.5
}
.deliveryList__item--header p+p {
	margin-top: 8px
}
.deliveryList__techLink {
	display: inline-block;
	font-size: 10px;
	color: #909db0;
	margin-top: 8px;
	text-decoration: underline
}
.deliveryList-removeLink {
	text-align: right;
	font-size: 12px;
	color: #999;
	margin-top: 15px
}
.domainList {
	border-radius: 0px;
	overflow: hidden;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
    border: 1px solid #dedede;
}
.domainList__item {
	display: block;
	background: #fff;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.domainList__item:nth-child(even) {
	background: none
}
.domainList__item+.domainList__item {
	border-top: 1px solid #eceff3
}
.domainList__details {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 1px
}
.domainList__properties {
	text-align: right;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 25px
}
.domainList__name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 6px;
	overflow: hidden;
	text-overflow: ellipsis
}
.domainList__name span.label {
	vertical-align: 2px
}
.domainList__verificationTime {
	color: #999
}
.domainList__links {
	margin-top: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 12px;
	text-decoration: underline
}
.domainList__links a {
	margin-left: 10px
}
.domainList__delete {
	color: #e2383a;
	margin-left: 10px;
	text-decoration: underline;
}
.domainList__verificationLink {
	background: #0e69d5;
	color: #fff;
	padding: 1px 7px;
	border-radius: 4px;
	font-size: 12px
}
.domainList__checks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.domainList__check {
	margin-right: 15px;
	font-size: 12px
}
.domainList__check--ok {
	background: url(/assets/icons/tick-green-628bfb8d56859e7236988a32bda76f787996620dd7d789640651112249d8c433.svg) no-repeat 0 3px/12px;
	padding-left: 15px;
	color: #76c83b
}
.domainList__check--neutral {
	background: url(/assets/icons/tick-grey-89485d3b7c7c787346f9f0e4f564b8f038afa46da340259a10e95764ff89b1a9.svg) no-repeat 0 3px/12px;
	padding-left: 15px;
	color: #aaa
}
.domainList__check--neutral-cross {
	background: url(/assets/icons/cross-grey-f6e0916c6e79bf2cefa58906ba0383822590dba8d1947edc27f01a9aad57ac6c.svg) no-repeat 0 3px/9px;
	padding-left: 12px;
	color: #aaa
}
.domainList__check--warning {
	background: url(/assets/icons/cross-orange-aea693ebf71c67515d1055568ab97e52959539d7447b991eaf11a2ecc5ed3659.svg) no-repeat 0 3px/9px;
	padding-left: 12px;
	color: #e8581f
}
.domainList__check a:hover {
	text-decoration: underline
}
.endpointList {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.endpointList__item {
	background: #fff
}
.endpointList__item:nth-child(even) {
	background: none
}
.endpointList__item+.endpointList__item {
	border-top: 1px solid #eceff3
}
.endpointList__link {
	padding: 15px;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.endpointList__link:hover {
	background: #f2f5f8 !important
}
.endpointList__main {
	width: 60%;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.endpointList__details {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 40%
}
.endpointList__name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px
}
.endpointList__url {
	font-size: 12px;
	color: #999
}
.endpointList__details {
	line-height: 1.5
}
.errorExplanation {
	border: 1px solid #e8581f;
	margin-bottom: 25px;
	color: #e8581f;
	padding: 15px;
	box-shadow: 0 0 10px #f5bebe;
	background: url(/images/animals/fox.svg) #fff no-repeat 15px 15px/50px;
	padding-left: 75px;
	border-radius: 4px;
	line-height: 1.5
}
.errorExplanation h2 {
	display: none
}
.errorExplanation p {
	display: none
}
.errorExplanation ul li {
	list-style: disc;
	margin-left: 20px
}
html.subPage .errorExplanation {
	background: none;
	padding-left: 15px;
	line-height: 1.3
}
.fieldSet__field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.fieldSet__field+.fieldSet__field {
	margin-top: 20px
}
.fieldSet__label {
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	color: #3c4249;
	margin-top: 11px;
	width: 20%
}
.fieldSet--wide .fieldSet__label {
	width: 40%
}
.fieldSet__input {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 80%
}
.fieldSet--wide .fieldSet__input {
	width: 60%
}
.fieldSet__text {
	font-size: 12px;
	line-height: 1.5;
	color: #909db0;
	margin-top: 5px
}
.fieldSetSubmit {
	margin-left: 20%;
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.fieldSetSubmit--wide {
	margin-left: 40%
}
.fieldSetSubmit__delete {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	text-align: right
}
.fieldSetSubmit__delete .button {
	margin-right: 0
}
.fieldSet__title {
	margin-top: 40px;
	font-weight: 600;
	font-size: 16px;
	margin-left: 20%;
	color: #0e69d5;
	border-bottom: 2px solid #e4e8ef;
	padding-bottom: 5px;
	margin-bottom: 20px
}
.fieldSet__title--noMargin {
	margin-top: 0
}
.fieldSet__title--withSubText {
	margin-bottom: 5px
}
.fieldSet__titleSubText {
	margin-left: 20%;
	font-size: 12px;
	color: #909db0;
	line-height: 1.5;
	margin-bottom: 20px
}
.fieldSet--compact .fieldSet__field {
	display: block
}
.fieldSet--compact .fieldSet__field+.fieldSet__field {
	margin-top: 0
}
.fieldSet--compact .fieldSet__label {
	width: 100%;
	margin-bottom: 5px
}
.fieldSet--compact .fieldSet__input {
	width: 100%
}
.fieldSet--compact .fieldSet__fieldPair {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.fieldSet--compact .fieldSet__fieldPair .fieldSet__field {
	width: 48%
}
.fieldSet__inputPair {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.fieldSet__inputPair .input+.input {
	margin-left: 10px
}
.fieldSet__checkboxListAfter {
	margin-bottom: 6px
}
.fieldSet__selectList select+select {
	margin-top: 6px
}
html.main .flashMessage {
	position: fixed;
	background: #e2383a;
	z-index: 5000;
	left: 25px;
	top: 25px;
	width: 300px;
	color: #fff;
	padding: 15px;
	border-radius: 4px;
	font-size: 16px;
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
	cursor: pointer
}
html.main .flashMessage--notice {
	background: #76c83b
}
html.subPage .flashMessage {
	background: #e2383a;
	color: #fff;
	font-size: 14px;
	padding: 15px;
	line-height: 1.4
}
html.subPage .flashMessage--notice {
	background: #76c83b
}
.row {
	clear: both;
	margin-left: -20px;
	margin-right: -20px
}
.row:after {
	clear: both;
	content: " ";
	display: table
}
.row--noPadding {
	margin-left: 0;
	margin-right: 0
}
.row--noPadding .col {
	padding-left: 0;
	padding-right: 0
}
.col {
	float: left;
	padding-left: 20px;
	padding-right: 20px
}
.col--1 {
	width: 5%
}
.col--2 {
	width: 10%
}
.col--3 {
	width: 15%
}
.col--4 {
	width: 20%
}
.col--5 {
	width: 25%
}
.col--6 {
	width: 30%
}
.col--7 {
	width: 35%
}
.col--8 {
	width: 40%
}
.col--9 {
	width: 45%
}
.col--10 {
	width: 50%
}
.col--11 {
	width: 55%
}
.col--12 {
	width: 60%
}
.col--13 {
	width: 65%
}
.col--14 {
	width: 70%
}
.col--15 {
	width: 75%
}
.col--16 {
	width: 80%
}
.col--17 {
	width: 85%
}
.col--18 {
	width: 90%
}
.col--19 {
	width: 95%
}
.row--2col {
	margin-left: 0;
	margin-right: 0
}
.row--2col .col:first-child {
	padding-left: 0;
	padding-right: 10px
}
.row--2col .col:last-child {
	padding-left: 10px;
	padding-right: 0
}
@media (max-width: 1000px) {
.col--collapse {
	width: 100%;
	margin-bottom: 50px
}
.col--collapse:last-child {
	margin-bottom: 0
}
}
.headersList__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: 'Droid Sans Mono', fixed;
	font-size: 12px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.headersList__item dt {
	color: #0e69d5;
	width: 30%;
	text-align: right;
	font-weight: bold
}
.headersList__item dd {
	width: 68%;
	word-wrap: break-word
}
.headersList__item+.headersList__item {
	margin-top: 15px
}
.inlineError {
	background: #e2383a;
	color: #fff;
	padding: 15px;
	border-radius: 4px
}
.invoiceList {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.invoiceList__item {
	background: #fff
}
.invoiceList__item:nth-child(even) {
	background: none
}
.invoiceList__item+.invoiceList__item {
	border-top: 1px solid #eceff3
}
.invoiceList__link {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.invoiceList__link:hover {
	background: #f2f5f8 !important
}
.invoiceList__number {
	width: 70px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-weight: bold
}
.invoiceList__date {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.invoiceList__total {
	width: 100px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}
.invoiceList__status {
	width: 50px;
	text-align: right;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}
.ipList {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.ipList__item {
	display: block;
	background: #fff;
	padding: 15px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.ipList__item:nth-child(even) {
	background: none
}
.ipList__item+.ipList__item {
	border-top: 1px solid #eceff3
}
.ipList__name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px
}
.ipList__address {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.ipList__address+.ipList__address {
	margin-top: 5px
}
.ipList__ipv4 {
	width: 120px
}
.ipList__ipv6 {
	width: 200px
}
.ipList__address--header {
	font-size: 12px;
	color: #999;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px
}
.ipPoolRuleList {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.ipPoolRuleList__item {
	background: #fff
}
.ipPoolRuleList__item:nth-child(even) {
	background: none
}
.ipPoolRuleList__item+.ipPoolRuleList__item {
	border-top: 1px solid #eceff3
}
.ipPoolRuleList__link {
	padding: 15px;
	display: block
}
.ipPoolRuleList__link:hover {
	background: #f2f5f8 !important
}
.ipPoolRuleList__condition {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.ipPoolRuleList__condition dt {
	width: 180px;
	color: #999;
	padding-top: 1px
}
.ipPoolRuleList__condition dd ul li {
	line-height: 1.4
}
.ipPoolRuleList__condition+.ipPoolRuleList__condition {
	margin-top: 15px
}
.ipPoolRuleListDefault {
	text-align: center;
	margin-top: 25px;
	color: #999
}
.largeList {
	font-size: 16px;
	color: #3c4249;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.largeList__item {
	display: block;
	background: #fff
}
.largeList__item:nth-child(even) {
	background: none
}
.largeList__item+.largeList__item {
	border-top: 1px solid #eceff3
}
.largeList__item.is-highlighted {
	background: #0e69d5;
	color: #fff
}
.largeList__link {
	display: block;
	padding: 15px
}
.largeList__link:hover {
	background: #0e69d5;
	color: #fff
}
.largeList__link:active {
	background: #0c5dbd
}
.largeList__subText {
	color: #909db0;
	font-size: 13px;
	margin-top: 5px
}
.largeList__rightLabel {
	float: right;
	line-height: 0.8
}
.limits {
	font-size: 16px;
	color: #3c4249;
	border-radius: 0px;
	background: #fff;
	overflow: hidden;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    border: 1px solid #dedede;
}
.limits__limit {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 50%;
	padding: 15px;
	text-align: center
}
.limits__limit+.limits__limit {
	border-left: 1px solid #efefef
}
.limits__title {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: 600
}
.limits__value {
	font-size: 32px;
	font-weight: 900;
	color: #3c4249;}
.limits__frequency {
	font-size: 14px;
	color: #999
}
.loginForm__input {
	margin-bottom: 15px
}
.loginForm__submit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.loginForm__links {
	font-size: 12px;
	color: #999;
	text-decoration: underline;
	line-height: 1.7
}
.mailGraph__graph {
	min-height: 230px;
	margin-bottom: 4px
}
.mailGraph__graph .ct-series-a .ct-line {
	stroke: #0e69d5
}
.mailGraph__graph .ct-series-a .ct-area {
	fill: #0e69d5;
	fill-opacity: 0.2
}
.mailGraph__graph .ct-series-b .ct-line {
	stroke: #4ac7c5
}
.mailGraph__graph .ct-series-b .ct-area {
	fill: #4ac7c5;
	fill-opacity: 0.2
}
.mailGraph__graph .ct-point {
	stroke-width: 0
}
.mailGraph__graph .ct-line {
	stroke-width: 1px
}
.mailGraph__graph .ct-area {
	fill-opacity: 0.4
}
.mailGraph__empty {
	margin: 100px 0;
	text-align: center;
	color: #aaa
}
.mailGraph__key {
	font-size: 12px;
	margin-bottom: 15px;
	float: right
}
.mailGraph__key li {
	float: left;
	margin-left: 10px;
	color: #4ac7c5
}
.mailGraph__key li:before {
	display: block;
	float: left;
	width: 10px;
	content: " ";
	margin-top: 3px;
	height: 10px;
	border: 1px solid #4ac7c5;
	background: #98dfde;
	margin-right: 6px
}
.mailGraph__key li.mailGraph__key--out {
	color: #0e69d5
}
.mailGraph__key li.mailGraph__key--out:before {
	border-color: #0e69d5;
	background: #85b9f7
}
.mailGraph__labels {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 40px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 12px;
	color: #999
}
.messageActivity__event {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.messageActivity__event+.messageActivity__event {
	border-top: 1px solid #ddd;
	padding-top: 15px;
	margin-top: 15px
}
.messageActivity__timestamp {
	width: 170px;
	font-size: 12px;
	color: #999;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}
.messageActivity__details {
	background: url(/assets/icons/conveyor-b5b98072bb5cf07b6d2055843e4d60a58888ff28754de02845b1d9a1c93f10cc.svg) no-repeat 0 2px/24px;
	padding-left: 35px
}
.messageActivity--detailsDelivery {
	background-image: url(/assets/icons/truck-9e1c7e51ed1f99e7a945fb4fb4c9f417c80e16f1155928f49ce1d414313ded54.svg)
}
.messageActivity--detailsClick {
	background: url(/assets/icons/mouse-4a93d25dd466c7ad75867b869412106dbb1fc378c9bacc4e0c28741cf13db6f6.svg) no-repeat 5px 2px/12px
}
.messageActivity--detailsLoad {
	background-image: url(/assets/icons/eye-3141a24a5920d792e34d93846126e111b19fd204883f0f6863fb69a826be6adc.svg)
}
.messageActivity__subject {
	font-weight: 600;
	font-size: 14px;
	word-break: break-all
}
.messageActivity__extra {
	margin-top: 4px;
	color: #999;
	font-size: 12px;
	line-height: 1.4
}
.messageHeader {
	margin: 20px 35px
}
.messageHeader__subject {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 6px
}
.messageHeader__status {
	margin-bottom: 4px
}
.messageHeader__timestamp {
	color: #909db0
}
.messageHeader__basicProperties {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.messageHeader__basicProperties dl {
	margin-right: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.messageHeader__basicProperties dl dt {
	color: #909db0;
	margin-bottom: 5px;
	margin-right: 15px
}
.messageHeader__basicProperties dl dd {
	font-weight: 600
}
.messageHeader__header {
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: right 0
}
.messageHeader__header--incoming {
	background-image: url(/assets/icons/incoming-mail-fff8178552bcbefdd6046de1110ed27476fbd9fa426d6243750ea913c06339c3.svg)
}
.messageHeader__header--outgoing {
	background-image: url(/assets/icons/outgoing-mail-cd8e1aeb5f58ad29175f1cbfc6de839a4d232c365541ececb6bebd5c3614b81e.svg)
}
.messageList {
	/*box-shadow: 0 0 10px rgba(0,0,0,0.15);*/
	border-radius: 0px;
	overflow: hidden;
    border: 1px solid #dedede;
}
.messageList__message+.messageList__message {
	border-top: 1px solid #eceff3
}
.messageList__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	background: #fff
}
.messageList__link:hover {
	background: #f2f5f8 !important
}
.messageList__message:nth-child(even) .messageList__link {
	background: transparent
}
.messageList__details {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	min-width: 1px;
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 0 2px;
	padding-left: 25px
}
.messageList__details--incoming {
	background-image: url(/assets/icons/incoming-mail-fff8178552bcbefdd6046de1110ed27476fbd9fa426d6243750ea913c06339c3.svg)
}
.messageList__details--outgoing {
	background-image: url(/assets/icons/outgoing-mail-cd8e1aeb5f58ad29175f1cbfc6de839a4d232c365541ececb6bebd5c3614b81e.svg)
}
.messageList__subject {
	font-weight: 600;
	margin-bottom: 7px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.messageList__addresses {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.4;
	font-size: 12px
}
.messageList__addresses dt {
	font-weight: 600
}
.messageList__addresses dd {
	margin-left: 15px;
	margin-right: 25px
}
.messageList__meta {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 15px;
	justify-self: flex-end;
	text-align: right
}
.messageList__timestamp {
	color: #999;
	font-size: 12px;
	margin-bottom: 5px
}
.messagePropertiesPage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.messagePropertiesPage__left {
	width: 45%
}
.messagePropertiesPage__right {
	border-left: 3px solid #eee;
	padding-left: 35px;
	width: 52%
}
.messagePropertiesPage__property {
	margin-bottom: 25px;
	min-width: 1px
}
.messagePropertiesPage__property dt {
	color: #909db0;
	margin-bottom: 3px
}
.messagePropertiesPage__property dd {
	font-size: 16px;
	font-weight: 600;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.messagePropertiesPage__property--locked {
	background: url(/assets/icons/lock-4db8e4fc5d28d44fa34254f8bdf063037d3e0b615d33810e4c3da4fe733435ad.svg) no-repeat 0 1px/14px;
	padding-left: 20px
}
.messagePropertiesPage__propertyPair {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.messagePropertiesPage__propertyPair dl {
	width: 47%
}
.messagePropertiesPage__title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 25px
}
.messageSearch {
	margin-bottom: 25px;
	position: relative
}
.messageSearch__help {
	position: absolute;
	z-index: 100;
	right: 20px;
	top: 11px;
	font-size: 12px;
	color: #909db0;
	text-decoration: underline
}
.messageSearch__input {
	width: 100%;
	margin: 0;
	border: 2px solid #e0e7f3;
	border-radius: 25px;
	padding: 6px 13px;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	color: #3c4249;
	background: url(/assets/icons/search-e8f227486359ec1ce90ddf589137a35290bbaa76c73e14ea7edd25ffb1284569.svg) #fff no-repeat 12px 7px/19px;
	padding-left: 38px;
	padding-right: 150px
}
.messageSearch__input::-webkit-input-placeholder {
color:#98a5c0;
font-weight:300
}
.messageSearch__input::-moz-placeholder {
color:#98a5c0;
font-weight:300
}
.messageSearch__input:-ms-input-placeholder {
color:#98a5c0;
font-weight:300
}
.messageSearch__input::placeholder {
color:#98a5c0;
font-weight:300
}
.messageSearch__input:focus {
	border-color: #0e69d5
}
.messageSearch__input.is-spinning {
	background-image: url(/assets/spinner-sub-cfef035aa8f7b7316929838f40004bf1066aa15e7a58fed01862996d7d2abe62.gif);
	background-position: 12px 5px
}
.messageSearch__helpBox {
	color: #3c4249;
	margin-top: 25px;
	border-radius: 4px;
	background: #fffdf1;
	padding: 25px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.messageSearch__left {
	width: 40%
}
.messageSearch__helpBoxTitle {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px
}
.messageSearch__helpBoxText {
	line-height: 1.5;
	font-size: 14px;
	color: #909db0
}
.messageSearch__right {
	width: 55%
}
.messageSearch__definition dt {
	font-family: 'Droid Sans Mono', fixed;
	font-weight: bold;
	font-size: 15px;
	color: #0e69d5
}
.messageSearch__definition dd {
	font-size: 13px;
	margin-top: 4px
}
.messageSearch__definition dd code {
	font-family: 'Droid Sans Mono', fixed;
	font-size: 12px;
	color: #09468d
}
.messageSearch__definition+.messageSearch__definition {
	margin-top: 18px
}
.multibox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 40px 0
}
.multibox__input {
	width: 80px;
	height: 70px;
	font: inherit;
	font-weight: 700;
	font-size: 38px;
	text-align: center
}
.navBar {
	background: #2b2e32;
	padding: 10px 35px;
	color: #fff
}
.navBar ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.navBar--secondary {
	background: #979ea6
}
.navBar--secondary .navBar__link.is-active {
	color: #2b2e32
}
.navBar--tertiary {
	background: #fff;
	border: 1px solid #e9ecf0;
	border-left: 0;
	border-right: 0
}
.navBar--tertiary .navBar__link {
	color: #909db0
}
.navBar--tertiary .navBar__link.is-active {
	color: #2b2e32
}
.navBar__item{
    margin-left: 0px;
    line-height: 38px;
    font-size: 1.1em;
    padding-left: 17px;
    position: relative;}

.navBar--tertiary .navBar__item:last-child {
    width: 28%;
}

.navBar__link.is-active {
	color: #8abdff;
	font-weight: 600
}
.navBar__item--end {
	margin-left: auto
}
.navBar__link:hover {
	text-decoration: underline
}
.navBar__itemCounter {
	background: #e2383a;
	border-radius: 4px;
	padding: 2px 2px 1px 2px;
	line-height: 1;
	font-size: 10px;
	vertical-align: 1px;
	font-weight: 300;
	min-width: 20px;
	display: inline-block;
	text-align: center;
	margin-left: 5px
}
.navBar__itemCounter.is-empty {
	background-color: #3c4249
}
.newMessageType {
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 15px 15px;
	background-color: #4bc9c5;
	color: #fff;
	padding: 15px;
	padding-left: 46px;
	border-radius: 0px;
	border: 1px solid #34ada9
}
.newMessageType--outgoing {
	background-color: rgb(60, 141, 188);
	border-color: rgb(60, 141, 188);
	background-image: url(/assets/icons/outgoing-mail-white-79000a844b61dc8b51439d893183e778fb2cbd26b1129b4e745663fe27318c95.svg)
}
.newMessageType--incoming {
	background-image: url(/assets/icons/incoming-mail-white-53f291af2379b5443701e3ecf2895de4bbd17e172161f60db369682621922278.svg)
}
.noData {
	text-align: center;
	border-radius: 4px;
	padding: 30px;
	padding-top: 50px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15)
}
.noData--clean {
	box-shadow: none;
	background-color: transparent
}
.noData__title {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 700
}
.noData__text {
	color: #888;
	font-size: 16px;
	line-height: 1.5
}
.noData__button {
	margin-top: 20px
}
.noData__postButtonText {
	margin: auto;
	margin-top: 15px;
	line-height: 1.5;
	width: 70%;
	color: #909db0
}
.pageContent {
    margin: 0px 32px;
    background: #fff;
    padding: 15px;}

.pageContent__intro {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #909db0
}
.pageContent__title {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 700;
	color: #3c4249
}
.pageContent--compact {
	max-width: 95%;
	margin: 60px auto;
    background: #fff;
    padding: 15px;
}
.pageContent__subTitle {
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	margin-bottom: 10px
}
.pageContent__text {
	line-height: 1.5;
	margin-bottom: 15px
}
.pageContent__text .label {
	vertical-align: 1px;
	margin-right: 2px
}
.pageContent__pageEntriesInfo {
	font-size: 12px;
	color: #909db0;
	margin-bottom: 10px
}
.pageContent__definitions {
	overflow: hidden
}
.pageContent__definitions dt {
	width: 30%;
	float: left;
	color: #909db0
}
.pageContent__definitions dd {
	margin-left: 35%;
	margin-bottom: 15px;
	word-wrap: break-word
}
.pageContent__definitionCode {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Droid Sans Mono', fixed
}
.pageContent__definitionCode+.pageContent__definitionText {
	margin-top: 6px
}
.pageContent__definitionText {
	color: #909db0
}
.pageContent__list {
	line-height: 1.5
}
.pageContent__list li {
	list-style: square;
	margin-left: 25px
}
.pageContent__list li+li {
	margin-top: 15px
}
.pageContent__helpLink a {
	background: url(/assets/icons/help-6e8d92464c1f874cb23b88dee60646d87362c9a3fb7753f80c4c8bdebff2110d.svg) no-repeat 0 2px/15px;
	padding-left: 20px;
	text-decoration: underline;
	color: #0e69d5
}
.pageHeader {
	background: #3c4249;
	padding: 22px 25px
}
.pageHeader__title {
	font-size: 26px;
	font-weight: 300;
	color: #fff
}
.pageHeader__titlePrevious {
	opacity: 0.2
}
nav.pagination {
	font-size: 12px;
	text-align: center;
	margin: 25px 0
}
nav.pagination span.page.current, nav.pagination a {
	color: #0e69d5;
	display: inline-block;
	line-height: 1.3;
	border: 1px solid #dadfe5;
	padding: 3px 10px;
	text-decoration: none;
	border-radius: 4px;
	background: #fff;
	margin: 0 2px
}
nav.pagination a:hover {
	background-color: white
}
nav.pagination span.page.current {
	background: #0e69d5;
	color: #fff;
	border-color: #09468d
}
.retentionLimits__limit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.retentionLimits__limit+.retentionLimits__limit {
	margin-top: 25px
}
.retentionLimits__label {
	width: 200px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-weight: bold;
	margin-right: 25px
}
.retentionLimits__info {
	border-left: 4px solid #b7bbbd;
	padding-left: 25px
}
.retentionLimits__value {
	color: #3c4249;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 6px
}
.retentionLimits__text {
	color: #909db0;
	font-size: 12px;
	line-height: 1.5
}
.routeList {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.routeList__item {
	background: #fff
}
.routeList__item:nth-child(even) {
	background: none
}
.routeList__item+.routeList__item {
	border-top: 1px solid #eceff3
}
.routeList__link {
	padding: 15px;
	display: block
}
.routeList__link:hover {
	background: #f2f5f8 !important
}
.routeList__name {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 13px
}
.routeList__details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-width: 1px
}
.routeList__endpoint {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.1;
	background: url(/assets/icons/web-38e7701ee94219db9fcec88ecfa4151b2fe356db498d93ff3b5dcf807aa85bb1.svg) no-repeat 0 0/12px;
	padding-left: 18px;
	font-size: 13px
}
.routeList__endpoint--smtp_endpoint {
	background-image: url(/assets/icons/email-2d65774d4907741f20f2fb4b194ed6caaa6244878a64099124bbc628b99f7949.svg);
	background-size: 12px;
	background-position: 0 1.5px
}
.routeList__endpoint--address_endpoint {
	background-image: url(/assets/icons/email-2d65774d4907741f20f2fb4b194ed6caaa6244878a64099124bbc628b99f7949.svg);
	background-size: 12px;
	background-position: 0 1.5px
}
.routeList__spamMode {
	font-size: 12px;
	color: #999;
	margin-left: 15px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}
.routeNameInput {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.routeNameInput__at {
	margin: 0 7px;
	font-size: 18px;
	color: #909db0
}
.routeNameInput__name {
	width: 40%
}
.serverHeader {
	background: #f2f5f8;
	padding: 0px 22px 10px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	position: relative
}
.serverHeader__stripe {
	right: -35px;
	margin-top: -5px;
	background: #636363;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	width: 130px;
	padding: 4px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute
}
.serverHeader__stripe--live {
	background-color: #76c83b
}
.serverHeader__stripe--suspended {
	background-color: #e2383a
}
.serverHeader__info {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 8px;
background: rgba(255, 255, 255, 0.32);
}
.serverHeader__stats {
	width: 65%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 0px 0px 0px 25px;
	border-radius: 4px;
    	margin-top: 0px;
}
.serverHeader__stats a:hover {
	text-decoration: underline
}
.serverHeader__usage {
    width: 33.6%;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 0px;
    height: 225px;
    /*margin-top: 5px;*/
    color: #000;
    border: 1px solid #e2e2e2;
   margin-left: 5px;
    margin-right: 11px;
}

.serverHeader__title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px
}
.serverHeader__list {
	line-height: 1.5;
	font-size: 12px
}
.serverHeader__list--ok {
	color: #76c83b
}
.serverHeader__list--warning {
	color: #e8581f
}
.serverHeader__statsList {
	line-height: 1.8;
	font-size: 12px;
	margin: 0px 0px 0px 4px;
}
.serverHeader__statsList li {
	padding-left: 0px;
	font-weight: 300;
	float: left;
	margin: 5px 0px 0px 5px;
	border: 1px solid #dedede;
	/*background: #fff;*/
	/*color: #000; */
	border-radius: 0px;
	height: 80px;
	line-height: 70px;
	padding-right: 0px;
	font-size: 1.4em;
	width: 24%;
    text-align: center;
    font-weight: 500;}

.serverHeader__statsList li:hover {
    background: #367fa9;
    text-decoration: none;
    color: #fff;
}

.serverHeader__stat-received{
	background: #2196F3
}

.serverHeader__stat-delivered{
	background: #4CAF50
}

.serverHeader__stat-held {
	background: #FF6F00
	
}
.serverHeader__stat-queue {
	background: #AED581
}
.serverHeader__stat-opened {
	background: #FDD835
}
.serverHeader__stat-clicked {
	background: #F57F17
}
.serverHeader__stat-softbounce {
	background: #f44336
}
.serverHeader__stat-hardbounce {
	background: #f44336
}
.serverHeader__stat-size {
	background: url(/assets/icons/size-white-426c3d641743544e529db4a7aeb31c479f56d986156b59dd2ebc17cd526b63d1.svg) no-repeat 0 4px/13px
}
.serverHeader__stat-bounces {
	background: #d50000
}
.serverHeader__usageTitle {
	color: #566576;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px
}
.serverHeader__usageLine {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.serverHeader__usageLine+.serverHeader__usageLine {
	margin-top: 6px
}
.serverHeader__usageLineLabel {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}
.serverHeader__usageLineBar {
	width: 100px;
	line-height: 0
}
.serverHeader__usageLineValue {
	width: 60px;
	text-align: right;
	font-weight: 600
}
.serverHeader__usageLineValueLarge {
	width: 300px;
	text-align: right;
	color: #909db0
}
.serverHeader__usageLineValueLarge b {
	color: #0e69d5;
}
.sidebar {
	width: 250px;
	background: #fff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	z-index: 200;
	box-shadow: 5px 0 8px -2px rgba(0,0,0,0.1);
	overflow-y: auto;
	list-style: none;
font-size: 16px;
    font-weight: 500 !important;
}
.sidebar::-webkit-scrollbar {
height:6px;
width:6px
}
.sidebar::-webkit-scrollbar-thumb {
background:#979ea6
}
.sidebar::-webkit-scrollbar-track {
background:#efefef
}
.sidebar__search {
	background: #eaf3fe;
	border-bottom: 1px solid #d1dcea;
	padding: 15px
}
.sidebar__searchInput {
	width: 100%;
	margin: 0;
	border: 1px solid #e0e7f3;
	border-radius: 25px;
	padding: 6px 13px;
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	color: #3c4249;
	background: url(/assets/icons/search-e8f227486359ec1ce90ddf589137a35290bbaa76c73e14ea7edd25ffb1284569.svg) #fff no-repeat 10px 7px/17px;
	padding-left: 33px
}
.sidebar__searchInput::-webkit-input-placeholder {
color:#98a5c0;
font-weight:300
}
.sidebar__searchInput::-moz-placeholder {
color:#98a5c0;
font-weight:300
}
.sidebar__searchInput:-ms-input-placeholder {
color:#98a5c0;
font-weight:300
}
.sidebar__searchInput::placeholder {
color:#98a5c0;
font-weight:300
}
.sidebar__searchInput:focus {
	border-color: #0e69d5
}
.sidebar__placeholder {
	margin: 60px 20px;
	text-align: center;
	color: #909db0;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 300
}
.sidebar__new {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #999;
	font-size: 12px;
	text-decoration: underline
}
.sidebar__new a:hover {
	color: #76c83b
}
.sidebarServerList {
	font-size: 12px;
	color: #3c4249
}
.sidebarServerList__item {
	border-bottom: 1px solid #e6ebf0
}
.sidebarServerList__link {
	display: block;
	padding: 15px 20px
}
.sidebarServerList__link:hover {
	background-color: #f2f5f8
}
.sidebarServerList__link.is-active {
	background-color: #f2f5f8
}
.sidebarServerList__item.is-highlighted .sidebarServerList__link {
	background-color: #fffedd
}
.sidebarServerList__mode {
	float: right
}
.sidebarServerList__title {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 5px
}
.sidebarServerList__quantity {
	color: #909db0;
	font-size: 11px
}
.simplePagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 25px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 12px
}
.simplePagination__link {
	color: #0e69d5;
	display: inline-block;
	line-height: 1.3;
	border: 1px solid #dadfe5;
	padding: 3px 10px;
	text-decoration: none;
	border-radius: 4px;
	background: #fff;
	margin: 0 2px
}
.simplePagination__link:hover {
	border-color: #0e69d5
}
.simplePagination__next, .simplePagination__previous, .simplePagination__current {
	width: 33%
}
.simplePagination__next {
	text-align: right
}
.simplePagination__current {
	text-align: center;
	color: #909db0;
	line-height: 1.5
}
.simplePagination__info {
	font-weight: 600
}
.siteContent {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden
}
.siteContent__main {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	z-index: 100;
	overflow-y: scroll;
	overflow-x: hidden
}
.siteContent__main::-webkit-scrollbar {
height:12px;
width:12px
}
.siteContent__main::-webkit-scrollbar-thumb {
background:#979ea6
}
.siteContent__main::-webkit-scrollbar-track {
background:#efefef
}
.siteHeader {
	width: 100%;
	background: #3c8dbc;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: #fff;
	z-index: 1000;
	border-right: 12px solid #efefef
}
.browser-firefox .siteHeader {
 border-right: 15px solid #fafafa
}
.siteHeader__inside {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 12px 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.siteHeader__remember {
	background: #2b2e32;
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 20px;
	border-radius: 4px;
	color: #fff;
	z-index: 2000
}
.siteHeader__rememberButtons {
	margin-top: 15px
}
.siteHeader__rememberText {
	line-height: 1.5;
	font-size: 12px;
	color: #999
}
.siteHeader__rememberTextTitle {
	font-weight: 600;
	color: #fff;
	font-size: 16px
}
.siteHeader__logo {
	display: block;
    background: #367fa9;
    width: 249px;
    height: 50px;
    margin: -12px 0px -12px -16px;
    padding: 7px;
}
.siteHeader__logo a {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	display: block
}
.siteHeader__version {
	margin-left: 5px;
	color: #fff;
	opacity: 0.3;
	font-size: 12px
}
.siteHeader__nav {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	text-align: right;
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
    	margin-right: 22px;
}
.siteHeader__navItem {
	margin-left: 18px
}
.sideHeader__navItemLink {
	text-decoration: underline;
	opacity: 0.5
}
.siteHeader__navLinkWithMenu {
	background: url(/assets/icons/drop-arrow-white-f2c40dba1c097be31e00e1cdefc8d9341fa6eca388f7cd50c60a44782804962c.svg) no-repeat right 6px/8px;
	padding-right: 12px
}
.siteHeader__navItem--user {
	background: url(/assets/icons/user-white-0200c0c5378bccbdd0ef2229be7c107207fa78c3b5d3880afea30abf99f76287.svg) no-repeat 0 3px/8px;
	padding-left: 13px
}
.siteHeader__navItem--organization {
	background: url(/assets/icons/organization-white-b08c2e4cdb3c1c59b63195f20b71b501160b27662dfbd09f6b40b30957a5d3d4.svg) no-repeat 0 2px/12px;
	padding-left: 18px
}
.siteHeader__subMenu {
	position: absolute;
	background: #fff;
	z-index: 1000;
	color: #3c4249;
	text-align: left;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	border-radius: 0px;
	margin-left: -15px;
	margin-top: 0px;
	overflow: hidden;
	display: none
}
.siteHeader__navItem:hover .siteHeader__subMenu {
	display: block
}
.siteHeader__subMenuItem+.siteHeader__subMenuItem {
	border-top: 1px solid #e6ebf0
}
.siteHeader__subMenuItem--header {
	font-weight: 600;
	padding: 5px 15px;
	/*background: #eaf3fe;*/
	color: #3c4249;
}
.siteHeader__subMenuLink {
	padding: 10px 15px;
	display: block
}
.siteHeader__subMenuLink:hover {
	background-color: #f2f5f8
}
.siteHeader__subMenuItem--div {
	border-top-width: 2px !important
}
.spamCheckList {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.spamCheckList__item {
	display: block;
	background: #fff;
	padding: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.spamCheckList__item:nth-child(even) {
	background: none
}
.spamCheckList__item+.spamCheckList__item {
	border-top: 1px solid #eceff3
}
.spamCheckList__score {
	width: 130px;
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}
.spamCheckList__score--positive {
	color: #76c83b
}
.spamCheckList__score--negative {
	color: #e2383a
}
.spamCheckList__score--neutral {
	color: #909db0
}
.spamCheckList__details {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.spamCheckList__code {
	font-family: 'Droid Sans Mono';
	font-size: 12px;
	color: #909db0;
	margin-bottom: 3px
}
.spamCheckList__description {
	line-height: 1.5
}
.spamCheckList__item--total+.spamCheckList__item {
	border-top-width: 2px;
	border-top-color: #909db0
}
.starterCreditPack {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background: url(/images/starter_pack.png) #fff no-repeat 25px 20px;
	background-size: 100px;
	padding: 25px 25px 20px 155px;
	line-height: 1.5
}
.starterCreditPack__text {
	margin-bottom: 10px
}
.starterCreditPack__nextRenew {
	font-size: 12px;
	color: #999;
	margin-left: 5px;
	vertical-align: -2px
}
.subPageBox {
	background: #fff;
	border-radius: 0px;
	width: 300px;
	margin: auto;
	overflow: hidden;
       margin-top: 60px;
}
.subPageBox--wide {
	width: 500px
}
.subPageBox__title {
	border-bottom: 1px solid #d1dcea;
	padding: 20px 25px;
	font-size: 16px;
	font-weight: 600;
	text-align: center
}
.subPageBox__content {
	padding: 20px 25px
}
.subPageBox__text {
	color: #909db0;
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 20px
}
.suppressionList {
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.suppressionList__item {
	background: #fff;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.suppressionList__item:nth-child(even) {
	background: none
}
.suppressionList__item+.suppressionList__item {
	border-top: 1px solid #eceff3
}
.suppressionList__left {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.suppressionList__right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}
.suppressionList__timestamp {
	color: #999;
	font-size: 12px
}
.suppressionList__address {
	font-weight: 600;
	margin-bottom: 5px
}
.suppressionList__reason {
	color: #999
}
.suspensionBox {
	background: #e2383a;
	border-radius: 4px;
	color: #fff;
	line-height: 1.5;
	padding: 25px;
	font-size: 16px
}
.suspensionBox__reason {
	margin-top: 5px;
	font-size: 14px;
	opacity: 0.7
}
.titleWithLinks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #3c4249;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.titleWithLinks__title {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 23px
}
.titleWithLinks__links {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
.titleWithLinks__links li+li {
	margin-left: 25px
}
.titleWithLinks__link {
	text-decoration: underline
}
.titleWithLinks__link:hover {
	color: #0e69d5
}
.userList {
	border-radius: 4px;
	color: #3c4249;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.2)
}
.userList__item {
	display: block;
	background: #fff;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.userList__item:nth-child(even) {
	background: none
}
.userList__item+.userList__item {
	border-top: 1px solid #eceff3
}
.userList__avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #efefef;
	padding: 3px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}
.userList__details {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0 25px
}
.userList__actions {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 180px;
	font-size: 12px;
	line-height: 1.5;
	color: #999;
	text-decoration: underline
}
.userList__name {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 3px
}
.userList__owner {
	vertical-align: 2px;
	margin-left: 5px;
	background-color: #e8581f
}
.userList__pending {
	vertical-align: 2px;
	margin-left: 5px;
	background-color: #ccc
}
.userList__admin {
	vertical-align: 2px;
	margin-left: 5px;
	background-color: #0e69d5
}
.userList__revoke {
	color: #e2383a
}
.webhookList {
	border-radius: 0px;
	overflow: hidden;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
    border: 1px solid #dedede;
}
.webhookList__item {
	background: #fff;
	padding: 15px
}
.webhookList__item:nth-child(even) {
	background: none
}
.webhookList__item+.webhookList__item {
	border-top: 1px solid #eceff3
}
.webhookList__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 1px
}
.webhookList__labels {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	line-height: 0;
	margin-left: 10px
}
.webhookList__labels .label+.label {
	margin-left: 2px
}
.webhookList__name {
	font-weight: 600;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4
}
.webhookList__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 3px;
	font-size: 12px
}
.webhookList__usageTime {
	color: #999;
	line-height: 1.4;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.webhookList__links {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.webhookList__link a {
	color: #999;
	text-decoration: underline
}
.webhookList__link+.webhookList__link {
	margin-left: 12px
}
.webhookRequestList {
	border-radius: 0px;
	overflow: hidden;
	/*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
    border: 1px solid #dedede;
}
.webhookRequestList__item {
	background: #fff
}
.webhookRequestList__item:nth-child(even) {
	background: none
}
.webhookRequestList__item+.webhookRequestList__item {
	border-top: 1px solid #eceff3
}
.webhookRequestList__link {
	display: block;
	padding: 15px
}
.webhookRequestList__link:hover {
	background: #f2f5f8 !important
}
.webhookRequestList__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 6px;
	font-size: 12px
}
.webhookRequestList__status {
	margin-top: -1px;
	margin-right: 10px
}
.webhookRequestList__time {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	color: #999
}
.webhookRequestList__event {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: 11px;
	border: 1px solid #909db0;
	color: #909db0;
	border-radius: 3px;
	padding: 3px 6px;
	margin-top: -2px
}
.webhookRequestList__url {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: hidden;
	font-family: 'Droid Sans Mono', fixed;
	line-height: 1.4;
	text-overflow: ellipsis
}
.u-margin {
	margin-bottom: 25px
}
.u-margin-half {
	margin-bottom: 10px
}
.u-center {
	text-align: center
}
.u-green {
	color: #76c83b
}
.u-orange {
	color: #e8581f
}
.u-grey {
	color: #999
}
.u-red {
	color: #e2383a
}
.u-bold {
	font-weight: 600
}
.u-link {
	text-decoration: underline
}
.is-hidden {
	display: none
}
html.main {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	height: 100%;
	max-height: 100%;
	background: #fafafa
}
html.main body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	max-height: 100%;
	overflow-x: hidden;
    background: #ECF0F5;
}
html.subPage {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	/*background: #fafafa*/
}
html.subPage body {
	padding-top: 100px;
	padding-bottom: 100px;
background: #e0e0e0;
}
html.subPage .subPage__logo {
	margin-bottom: 40px;
	text-align: center
}
.turbolinks-progress-bar {
	background-color: #3c4249
}
section.siteContent__main .navBar--secondary{
    display: block;
}
.menu-arrow{
    background: url(/assets/icons/drop-arrow-white-f2c40dba1c097be31e00e1cdefc8d9341fa6eca388f7cd50c60a44782804962c.svg) no-repeat right 6px/8px;
    width: 10px;
    float: right;
    height: 10px;
    position: absolute;
    right: 10px;
    padding: 7px;
    top: 15px;
    background-position: 50%;
    cursor: pointer;
}

nav.myad ul {
    display: none;
}

ul.add .navBar__item {
    background: #2c3b41;
}
nav.sidebar.myad {
    background: #222d32;
    color: #b8c7ce;
    font-size: 14px;
    }
.myad .navBar__item{
    padding-left: 0;
}
.myad .navBar__link{
    padding-left: 15px;
}
.myad .add .navBar__link{
    padding-left: 20px;
        font-size: 14px;
}


.hideSidebarright {
    float: right;
background:url(../../assets/right-img.png) no-repeat;
    padding: 14px;
    margin-top: -32px;
cursor: pointer;}

/*li.navBar__item:hover {
    background: #1e282c;
color:#fff;
}
*/
input.button.button--positive-btt {
    background: #295ba7 !important;
    border-radius: 0px;
    width: 80px;
    border-bottom: 0px solid;
}
.login-img{z-index: 10001;
    position: absolute;
    margin: -67px 0px 0px 29px;}
.cpr{text-align: center;
    margin-top: 28px;
    color: #9999b2;}

.serverHead_stat_style{
	background: #fff;
    height: auto;
    overflow: auto;
    padding-bottom: 13px;
    margin-left: 8px;
    border: 1px solid #e2e2e2;
}

select#dura {
    background: #fff;
    height: 29px;
    margin: 9px 0px 3px 9px;
    width: 213px;
    border: 1px solid #cdcdcd;
}

.serverHeader__title1{float: right;
    margin: -24px 0px 0px 0px;
    color: #81cd5e;}

table {
    font: inherit;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

table>tbody>tr>th{
	font-weight: bold;
}

.domainList__dnssetup {
	color: #000;
	margin-left: 10px;
	text-decoration: underline;
}

.mailGraph__key--bounce{
	color: #f44336 !important;
}

.mailGraph__key li.mailGraph__key--bounce:before {
	border-color: #d50000;
	background: #f44336 !important;
}

.p-received-count{
	margin-top: -48px;
    padding: 0px;
    /*color: #000;*/
}

.js-received-count{
	font-size: 31px;
}

.js-delivered-count{
	font-size: 31px;
}

.js-sent-count{
        font-size: 31px;
}

.js-held-count{
	font-size: 31px;
}

.js-queue-size{
	font-size: 31px;
}

.js-bounce-rate{
	font-size: 31px;
}

.js-hardbounced-count{
	font-size: 31px;
}

.js-softbounced-count{
	font-size: 31px;
}

.js-opened-count{
	font-size: 31px;
}

.js-clicked-count{
	font-size: 31px;
}


.messageList__details--out {
    background: url(/assets/icons/outgoing-mail-cd8e1aeb5f58ad29175f1cbfc6de839a4d232c365541ececb6bebd5c3614b81e.svg) no-repeat 0px 9px;
   }

.messageList_time{
	    color: #367fa9;
}

.show{
	display: block !important;
}

.hide{
	display: none; !important;
}

.labelx_trans{
	-webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.reports_serverHeader {
	background: #f2f5f8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	position: relative
}

.reports_serverHeader__stats {
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-radius: 4px;
    	margin-top: 0px;
}

.reports_serverHead_stat_style{
	background: #fff;
    height: auto;
    overflow: auto;
    padding-bottom: 13px;
   /* border: 1px solid #e2e2e2;*/
}

.reports_serverHeader__statsList {
	line-height: 1.8;
	font-size: 12px;
	margin: 0px 0px 0px 12px;
}

.reports_serverHeader__statsList li {
	padding-left: 0px;
	font-weight: 300;
	float: left;
	margin: 8px 0px 0px 5px;
	border: 1px solid #dedede;
	/*background: #fff;*/
	/*color: #000; */
	border-radius: 0px;
	height: 120px;
	line-height: 70px;
	padding-right: 0px;
	font-size: 1.4em;
	width: 24%;
    text-align: center;
    font-weight: 500;}

    .sent-report{
	font-size: 31px;
	color: #4CAF50;
	}

	.hardbounce-report{
	font-size: 31px;
	color: #e81708;
	}

	.softbounce-report{
	font-size: 31px;
	color: #f44336;
	}

	.held-report{
	font-size: 31px;
	color: #FF6F00;
	}