@charset "utf-8";
/* CSS Document */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  color: #404040;
  font-family:Segoe UI Light, "Segoe UI Light", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding: 0;
  margin-bottom: 12px;
}
body{
/*	background:#000 url("https://auth.gfx.ms/16.000.28007.3/images/Backgrounds/0.jpg?x=a5dbd4393ff6a725c7e62b61df7e72f0") no-repeat ;  */
  background:#000 url("https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2019/06/ms-background-1.jpg");
  background-size:cover;
  font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
  display: flex;
  justify-content: center;
  align-items: center;
}
.login h1 a {
  background-image:none;
  height:auto;
  display:none;
}
#login {
  padding:0;
  margin: 0 auto;
}

body.login #loginform p , body.login #loginform p.aadsso-login-form-text a.dim {display:none;}
body.login #loginform p.aadsso-login-form-text {display:inline;}
/* MS Login Styles */
a#ms-login {
    background:url('https://devblogs.microsoft.com/visualstudio/wp-content/uploads/sites/4/2019/01/MS_Symbol_Social_FB_TWTR_LNKD_INSTA.png') no-repeat center left;
    background-size:contain;
    color:#0078d4;
    font-family: segoe ui;
    padding: 8px 0;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .25);
    font-size: 15px;
    min-height: 21px;
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: left;
    text-indent:51px;
    margin: 100px auto auto auto;
}
/* other social media */
div.nsl-container .nsl-button-default div.nsl-button-label-container {
  text-align: left !important;
  font-family:Segoe UI Light, "Segoe UI Light", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, sans-serif;

}
span.nsl-button-label-container {
  padding: 10px !important;
}

.nsl-button,
div.nsl-container .nsl-button-google[data-skin="light"]  {
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .25) !important;
  border-radius: 8px;
}
a#ms-login:hover,
.nsl-button:hover,
div.nsl-container .nsl-button-google[data-skin="light"]:hover {
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .25) !important;
}
a#ms-login:focus,
a#ms-login:target,
.nsl-button:focus,
div.nsl-container .nsl-button-google[data-skin="light"]:focus {
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .25) !important;
}

.nsl-button-google,
.nsl-button-facebook {
  color:#0078d4 !important;
  font-size:15px !important;
  border-radius:0 !important;
  font-family: "segoe ui" !important;
}
div.nsl-container .nsl-container-buttons > a:focus,
div.nsl-container .nsl-container-buttons > a:target {
  box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .25) !important;
}

p.back-to-home a.loginBack:focus,
p.back-to-home a.loginBack:target,
p.back-to-home a.loginBack:active,
p.back-to-home a.loginBack:hover {
  background:#0077d7 !important;
  box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .25) !important;
}


div.nsl-container-block,
.aadsso-login-form-text a {
    max-width: 320px !important;
}
form#loginform{
  background: url(https://auth.gfx.ms/16.000.28007.3/images/microsoft_logo.svg) no-repeat top left, #ffffff;
	background-position: 50px 52px;
  min-height: 300px;
  position:relative;
  padding: 2rem;
  border-radius: 8px;
}
form#loginform .user-pass-wrap{
	display:none;
}
#nsl-custom-login-form-main .nsl-container-login-layout-below {
  padding-top:0 !important;
  padding-bottom: 100px !important;
}
p#nav,p#backtoblog{
  display:none;
}
p.back-to-home {
  display: flex !important;
}
p.back-to-home a.loginBack {
  text-decoration:none;
  background: #0077D7 !important;
  color: #ffffff !important;
  padding: 0.75rem;
  font-size:13px;
  margin-left: auto;   
  margin-right: 0;
  position: absolute;
    right: 54px;
    bottom: 50px;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container{
  margin: 0px 14px 0 10px!important;
text-align:left!important;
font-family: "segoe ui" !important;
font-size: 15px!important;
}
a#ms-login:focus,.nsl-container-buttons a:focus {
  border: 1px dotted black!important;
}
p.back-to-home a.loginBack:focus {
  border: 1px dotted black!important;
}
div.nsl-container.nsl-container-block .nsl-container-buttons{
  width:100%;
}

@media screen and (min-width:500px){
	#login {
    		width: 440px;
	}
	div#nsl-custom-login-form-main {
    		text-align: left;
    		max-width: 260px;
        margin: auto;
	}
	a#ms-login {
	    max-width: 260px !important;
	}
	form#loginform {
		min-height:330px;
	}
}

@media screen and (max-width: 1084px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width:330px){
	p.back-to-home a.loginBack {
    right: 32px;
  }
	form#loginform {
    padding: 26px 28px 46px !important;
	}
}