html {
	font-size:100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin:0;
	outline:0;
	padding:0;
	box-sizing: border-box
}
body {
	background-color: white;
	margin:0;
	outline:0;
	padding:0;
	font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section {
	display: block
}
@font-face {
	font-family: "nginx-font";
	src: url('/static/fonts/nginx-font/fonts/nginx-font.eot?1431370510');
	src: url('/static/fonts/nginx-font/fonts/nginx-font.eot?&1431370510#iefix') format("embedded-opentype"),
	     url('/static/fonts/nginx-font/fonts/nginx-font.woff?1431370510') format("woff"),
		 url('/static/fonts/nginx-font/fonts/nginx-font.ttf?1431370510') format("truetype"),
		 url('/static/fonts/nginx-font/fonts/nginx-font.svg?1431370510#nginx-font') format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-Regular.eot);
    src: url(/static/fonts/roboto/Roboto-Regular.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-Regular.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-Regular.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-Regular.svg#Roboto-Regular) format("svg"),
		 url(/static/fonts/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-Italic.eot);
    src: url(/static/fonts/roboto/Roboto-Italic.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-Italic.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-Italic.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-Italic.svg#Roboto-Italic) format("svg"),
		 url(/static/fonts/roboto/Roboto-Italic.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: italic;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-ThinItalic.eot);
    src: url(/static/fonts/roboto/Roboto-ThinItalic.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-ThinItalic.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-ThinItalic.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-ThinItalic.svg#Roboto-ThinItalic) format("svg"),
		 url(/static/fonts/roboto/Roboto-ThinItalic.eot?#iefix) format("embedded-opentype");
    font-weight: 200;
    font-style: italic;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-Thin.eot);
    src: url(/static/fonts/roboto/Roboto-Thin.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-Thin.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-Thin.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-Thin.svg#Roboto-Thin) format("svg"),
		 url(/static/fonts/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype");
    font-weight: 200;
    font-style: normal;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-LightItalic.eot);
    src: url(/static/fonts/roboto/Roboto-LightItalic.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-LightItalic.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-LightItalic.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-LightItalic.svg#Roboto-LightItalic) format("svg"),
		 url(/static/fonts/roboto/Roboto-LightItalic.eot?#iefix) format("embedded-opentype");
    font-weight: 300;
    font-style: italic;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-Light.eot);
    src: url(/static/fonts/roboto/Roboto-Light.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-Light.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-Light.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-Light.svg#Roboto-Light) format("svg"),
		 url(/static/fonts/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype");
    font-weight: 300;
    font-style: normal;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-MediumItalic.eot);
    src: url(/static/fonts/roboto/Roboto-MediumItalic.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-MediumItalic.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-MediumItalic.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-MediumItalic.svg#Roboto-MediumItalic) format("svg"),
		 url(/static/fonts/roboto/Roboto-MediumItalic.eot?#iefix) format("embedded-opentype");
    font-weight: 500;
    font-style: italic;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-Medium.eot);
    src: url(/static/fonts/roboto/Roboto-Medium.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-Medium.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-Medium.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-Medium.svg#Roboto-Medium) format("svg"),
		 url(/static/fonts/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype");
    font-weight: 500;
    font-style: normal;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-BoldItalic.eot);
    src: url(/static/fonts/roboto/Roboto-BoldItalic.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-BoldItalic.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-BoldItalic.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-BoldItalic.svg#Roboto-BoldItalic) format("svg"),
		 url(/static/fonts/roboto/Roboto-BoldItalic.eot?#iefix) format("embedded-opentype");
    font-weight: 700;
    font-style: italic;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-Bold.eot);
    src: url(/static/fonts/roboto/Roboto-Bold.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-Bold.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-Bold.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-Bold.svg#Roboto-Bold) format("svg"),
		 url(/static/fonts/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype");
    font-weight: 700;
    font-style: normal;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-BlackItalic.eot);
    src: url(/static/fonts/roboto/Roboto-BlackItalic.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-BlackItalic.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-BlackItalic.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-BlackItalic.svg#Roboto-BlackItalic) format("svg"),
		 url(/static/fonts/roboto/Roboto-BlackItalic.eot?#iefix) format("embedded-opentype");
    font-weight: 900;
    font-style: italic;
    font-display:auto}
@font-face {
    font-family: Roboto;
    src: url(/static/fonts/roboto/Roboto-Black.eot);
    src: url(/static/fonts/roboto/Roboto-Black.woff2) format("woff2"),
	     url(/static/fonts/roboto/Roboto-Black.woff) format("woff"),
		 url(/static/fonts/roboto/Roboto-Black.ttf) format("truetype"),
		 url(/static/fonts/roboto/Roboto-Black.svg#Roboto-Black) format("svg"),
		 url(/static/fonts/roboto/Roboto-Black.eot?#iefix) format("embedded-opentype");
    font-weight: 900;
    font-style: normal;
    font-display:auto}
[data-icon]:before {
	font-family: "nginx-font" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
[class^="icon-"]:before,[class*=" icon-"]:before {
	font-family: "nginx-font" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-arrow-disc:before {
	content: "1"
}
.icon-nginx-cloud:before {
	content: "b"
}
.icon-nginx-testdeploy:before {
	content: "c"
}
.icon-nginx-webserver:before {
	content: "d"
}
.icon-nginx-connected:before {
	content: "e"
}
.icon-arrow-down:before {
	content: "3"
}
.icon-arrow-right:before {
	content: "4"
}
.icon-nginx-database:before {
	content: "h"
}
.icon-nginx-dynamic:before {
	content: "i"
}
.icon-arrow-submit:before {
	content: "2"
}
.icon-nginx-focus:before {
	content: "l"
}
.icon-nginx-internet:before {
	content: "m"
}
.icon-linkedin:before {
	content: "L"
}
.icon-play:before {
	content: "9"
}
.icon-nginx-loadbalance:before {
	content: "p"
}
.icon-nginx-modern:before {
	content: "q"
}
.icon-rss:before {
	content: "R"
}
.icon-search:before {
	content: "S"
}
.icon-nginx-monitoring:before {
	content: "t"
}
.icon-nginx-performance:before {
	content: "u"
}
.icon-twitter:before {
	content: "T"
}
.icon-user:before {
	content: "U"
}
.icon-nginx-reliability:before {
	content: "x"
}
.icon-nginx-softwareconfigure:before {
	content: "y"
}
.icon-nginx-application:before {
	content: "z"
}
.icon-nginx-caching:before {
	content: "a"
}
.icon-nginx-streamingmedia:before {
	content: "f"
}
.icon-facebook:before {
	content: "F"
}
.icon-arrow-left:before {
	content: "g"
}
.icon-arrow-up:before {
	content: "j"
}
.icon-menu:before {
	content: "k"
}

/* cs.nginx.com specific */
.cs-login-ext-box {
  max-width: 400px;
  padding: 2rem;
  margin: auto;
}

.cs-login-box {
  margin: auto;
}

.cs-login-box .form-control,
.cs-login-box .g-recaptcha {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 1rem;
  font-size: 1rem;
}

.cs-login-box input[name="login"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.cs-login-box input[name="password"],
.cs-login-box .g-recaptcha {
  margin-bottom: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.cs-login-box .amnesia {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  font-size: 80%;
  font-weight: 700;
  line-height: 1.2;
}

.cs-alert-box {
  top: 3rem;
  right: 2rem;
  position: absolute;
}