@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-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;
  width:360px;
}

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;
    margin: 100px 0 10px;
    min-height: 21px;
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: left;
    text-indent:51px
}
/* other social media */
div.nsl-container .nsl-button-default span.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;
}
div.nsl-container .nsl-button-default span.nsl-button-label-container {
  font-family: Segoe UI, arial, sans-serif !important;
  font-size:15px !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:none;
}
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);
}

.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-button-default span.nsl-button-label-container {
  font-family: "segoe ui" !important;
  font-size:15px !important;
}
div.nsl-container-block {
    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: 26px 55px 46px;
}

#nsl-custom-login-form-main .nsl-container-login-layout-below {
  padding-top:0 !important;
}
p#nav,p#backtoblog{
  display:none;
}
p.back-to-home {
  display: block !important;
}
p.back-to-home a.loginBack {
  position:absolute;
  right:54px;
  bottom:50px;
  text-decoration:none;
  text-decoration: none;
  background: #0078D7;
  color: #fff;
  padding:5px 10px;
}
@media screen and (min-width:500px){
	#login {
    		width: 440px;
	}
	div#nsl-custom-login-form-main {
    		text-align: left;
    		width: 250px;
	}
	a#ms-login {
	    width: 250px;
	}
	form#loginform {
		min-height:330px;
	}
}