html {display:table;width:100%;height:100%; box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {display:table-cell;vertical-align:middle;}

body{
/*background: #FFB75E;
background: -webkit-linear-gradient(to left, #FFB75E , #ED8F03);
background: linear-gradient(to left, #FFB75E , #ED8F03);*/
	
background:#171a21;
}
.authentication{border-radius:10px; background:#fff; -webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.25);box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.25); margin:80px auto; width:900px;display:table}
.authentication > div{display:table-cell}

.authentication .navigation{width:150px; float:left}
.authentication .navigation .logo{text-align:center; padding:40px 20px}
.authentication .navigation .logo span{display:block; font-family:'GothamBook'; font-size:10px; letter-spacing:1px; text-transform:uppercase; margin-top:5px}

.authentication .navigation .nav-items{list-style:none; text-align:center; padding:0 0 20px 0}
.authentication .navigation .nav-items li{margin-bottom:15px}
.authentication .navigation .nav-items li.active{border-left:5px solid #6f90ff}
.authentication .navigation .nav-items li a{display:block; padding:10px 20px; color:#c9c9c9; font-size:12px; font-family:'GothamBook'; text-decoration:none}
.authentication .navigation .nav-items li.active a{color:#6f90ff; padding-left:15px}
.authentication .navigation .nav-items li a span{display:block; margin-top:10px}

.authentication .middle-color{background:#6f90ff; width:400px; float:left; position:relative; min-height:50px; }
.authentication .middle-color .content{position:absolute; top:-30px; bottom:-30px; left:0; right:0;background:#6f90ff; -webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.25);box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.25);}
.authentication .middle-color .content .text{color:#fff !important; text-align:left; padding:50px 40px 20px;}
.authentication .middle-color .content .text h2{font-family:'GothamMedium'; margin-bottom:10px; font-size:2em}
.authentication .middle-color .content .text p{font-family:'GothamLight'; margin-bottom:10px; font-size:1.4em}
.authentication .middle-color .content .socials{position:absolute; left:0; right:0; bottom:60px; padding:40px; text-align:left}
.authentication .middle-color .content .socials a{color:#fff; text-decoration:none;}

.authentication .action-pane{display: table;width:350px; float:left; position:relative}
.authentication .action-pane .content{display:table-cell;text-align:left;vertical-align:middle;padding:40px;font-family:"GothamBook";color:#c0c0c2;font-size:13px}
.authentication .action-pane .content .highlighted, .authentication .action-pane .content .highlighted a{font-weight:bold; color:#171a21; text-decoration:none}
.authentication .action-pane .content input, .authentication .action-pane .content button, .authentication .action-pane .content select{border-radius:3px; display:block; padding:10px 15px; margin-bottom:15px; font-size:13px; width:100%}
.authentication .action-pane .content input, .authentication .action-pane .content select{border:1px solid #cfd5e1; font-family:'GothamBook';box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.authentication .action-pane .content input:focus, .authentication .action-pane .content select:focus{outline:0; border-color:#171a21}
.authentication .action-pane .content select{-webkit-appearance:none;background-color: #fff !important; background-image:url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZD0ibTEyMS4zLDM0LjZjLTEuNi0xLjYtNC4yLTEuNi01LjgsMGwtNTEsNTEuMS01MS4xLTUxLjFjLTEuNi0xLjYtNC4yLTEuNi01LjgsMC0xLjYsMS42LTEuNiw0LjIgMCw1LjhsNTMuOSw1My45YzAuOCwwLjggMS44LDEuMiAyLjksMS4yIDEsMCAyLjEtMC40IDIuOS0xLjJsNTMuOS01My45YzEuNy0xLjYgMS43LTQuMiAwLjEtNS44eiIgZmlsbD0iIzAwMDMzMyIvPgogIDwvZz4KPC9zdmc+Cg=='); background-position:center right 10px; background-size:20px 15px; background-repeat:no-repeat}
.authentication .action-pane .content button{color:#fff; background:#6F90FF; border:1px solid #6F90FF;font-family:'GothamMedium'; cursor:pointer; padding:15px}
.authentication .action-pane .content button:focus{outline:0; background:#37487F;}
.authentication .action-pane .content button:hover{outline:0; background:#37487F;} 
.authentication .action-pane .content button:active{outline:0; background:#1C2440;} 

.authentication .action-pane .content label{color:#666; font-size: 12px; display: none; margin: 10px 0}

#particles { width: 100%; height: 100%; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: -2; opacity: .1;}

.alerts{width:870px; margin:20px auto; font-family:'GothamBook'}
.alert{padding:15px; color:#fff; font-size:13px; background:#333; border-radius:4px;}
.alert.error-state{background:#c0392b}
.alert.info-state{background:#2980b9}
.alert.warning-state{background:#e67e22}
.alert.success-state{background:#16a085}

#passwordstrength{bottom:0; position: absolute; left: 0; width: 5px; border-radius:2px}
.hideShowPassword-wrapper{width:100% !important}
.hideShowPassword-wrapper button{width:auto !important; padding:3px !important; right:20px !important; font-family:'GothamBook'; font-size:8px !important; top:13px !important; margin:0 !important}

.loadingdiv{z-index:9999999;background-color:rgba(55, 46, 76,0.9);height:100%;width:100%;text-align:center;vertical-align:middle;display:none;position:fixed;bottom:0;left:0;top:0;right:0;border-radius:0 4px 4px 0}
.loadingdiv.localized{position:absolute !important}
.ld-outer{display:table;height:100%;width:100%}
.ld-inner{display:table-cell;vertical-align:middle;text-align:center;color:#fff !important}

.tabs{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 17px; display: table; table-layout: fixed; white-space: nowrap; width: 100%;}
.tabs .bar{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; font-size: 17px; position: relative; overflow: hidden; display: table-cell; width: auto; -webkit-border-radius: 0; border-radius: 0;vertical-align:middle;text-transform:uppercase; text-align: center}
.tabs .bar a{display:block; text-decoration:none; font-size:12px; font-weight:bold; color:#333; padding:15px;border: 1px solid #ddd;}
.tabs .bar a.active{background:#6f90ff; color:#fff; border-color:#6f90ff}

@media only screen and (max-width: 750px) {
	.authentication .navigation .nav-items li a span{display:none !important}
	.authentication .action-pane .content{padding:20px}
}

@media only screen and (max-width: 899px) {
	.authentication{width:95%; margin:30px auto}
	.middle-color{display:none !important}
	
	.authentication .navigation{float:none; width:100%; display:block}
	.authentication .navigation .nav-items{display: -ms-flexbox; display: flex; cursor: pointer; -ms-flex-align: center;align-items: center; margin-bottom:0; padding-bottom:0}
	.authentication .navigation .nav-items li{-ms-flex: 1; flex: 1; border-bottom: 2px solid #eee; line-height: 50px; text-align: center;}

	.authentication .navigation .nav-items li.active{border-left:none; border-bottom-color:#6f90ff}
	.authentication .navigation .nav-items li a span{display:inline; margin:0}
	
	.authentication .action-pane{float:none; width:100% !important}
	
	#step-us h3, #step-ng h3{margin-top:70px}
}

#pswd_info{background: rgba(189, 195, 199, 0.25); border-radius: 3px; padding: 15px; margin:15px 0}
#pswd_info h3{color: #666; margin-top: 0}
#pswd_info ul, #pswd_info li{margin:0; padding:0; list-style-type:none;}
#pswd_info .invalid {background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODYuMDU0IDI4Ni4wNTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4Ni4wNTQgMjg2LjA1NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6I0UyNTc0QzsiIGQ9Ik0xNDMuMDI3LDBDNjQuMDQsMCwwLDY0LjA0LDAsMTQzLjAyN2MwLDc4Ljk5Niw2NC4wNCwxNDMuMDI3LDE0My4wMjcsMTQzLjAyNyAgIGM3OC45OTYsMCwxNDMuMDI3LTY0LjAyMiwxNDMuMDI3LTE0My4wMjdDMjg2LjA1NCw2NC4wNCwyMjIuMDIyLDAsMTQzLjAyNywweiBNMTQzLjAyNywyNTkuMjM2ICAgYy02NC4xODMsMC0xMTYuMjA5LTUyLjAyNi0xMTYuMjA5LTExNi4yMDlTNzguODQ0LDI2LjgxOCwxNDMuMDI3LDI2LjgxOHMxMTYuMjA5LDUyLjAyNiwxMTYuMjA5LDExNi4yMDkgICBTMjA3LjIxLDI1OS4yMzYsMTQzLjAyNywyNTkuMjM2eiBNMTQzLjAzNiw2Mi43MjZjLTEwLjI0NCwwLTE3Ljk5NSw1LjM0Ni0xNy45OTUsMTMuOTgxdjc5LjIwMWMwLDguNjQ0LDcuNzUsMTMuOTcyLDE3Ljk5NSwxMy45NzIgICBjOS45OTQsMCwxNy45OTUtNS41NTEsMTcuOTk1LTEzLjk3MlY3Ni43MDdDMTYxLjAzLDY4LjI3NywxNTMuMDMsNjIuNzI2LDE0My4wMzYsNjIuNzI2eiBNMTQzLjAzNiwxODcuNzIzICAgYy05Ljg0MiwwLTE3Ljg1Miw4LjAxLTE3Ljg1MiwxNy44NmMwLDkuODMzLDguMDEsMTcuODQzLDE3Ljg1MiwxNy44NDNzMTcuODQzLTguMDEsMTcuODQzLTE3Ljg0MyAgIEMxNjAuODc4LDE5NS43MzIsMTUyLjg3OCwxODcuNzIzLDE0My4wMzYsMTg3LjcyM3oiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat 0 3px; padding-left:22px; line-height:24px; color:#e2574c; background-size: 16px}
#pswd_info .valid {background:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyODYuMDU0IDI4Ni4wNTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4Ni4wNTQgMjg2LjA1NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6IzNEQjM5RTsiIGQ9Ik0xNDMuMDMxLDBDNjQuMDI3LDAsMC4wMDQsNjQuMDQsMC4wMDQsMTQzLjAyN2MwLDc4Ljk5Niw2NC4wMzEsMTQzLjAyNywxNDMuMDI3LDE0My4wMjcgICBjNzguOTg3LDAsMTQzLjAxOC02NC4wMzEsMTQzLjAxOC0xNDMuMDI3QzI4Ni4wNDksNjQuMDQ5LDIyMi4wMTgsMCwxNDMuMDMxLDB6IE0xNDMuMDMxLDI1OS4yMzYgICBjLTY0LjE4MywwLTExNi4yMDktNTIuMDI2LTExNi4yMDktMTE2LjIwOVM3OC44NTcsMjYuODE4LDE0My4wMzEsMjYuODE4czExNi4yLDUyLjAyNiwxMTYuMiwxMTYuMjA5ICAgUzIwNy4yMDYsMjU5LjIzNiwxNDMuMDMxLDI1OS4yMzZ6IE0xOTkuMjQxLDgyLjE4N2MtNi4wNzktMy42MjktMTMuODQ3LTEuNDc1LTE3LjM0Miw0LjgyN2wtNDcuOTU5LDg2LjE0N2wtMjYuNzEtMzIuNTEyICAgYy00LjgzNi01LjU2OS0xMS4yNjMtOC40NTYtMTcuMzMzLTQuODI3Yy02LjA3OSwzLjYzOC04LjU5MSwxMi4zOS00LjY1NywxOC4wMDRsMzcuMTY5LDQ1LjI0MWMyLjc4LDMuNjExLDUuOTUzLDUuNzc1LDkuMjcsNi4zOTIgICBsMC4wMjcsMC4wNTRsMC4zNCwwLjAxOGMwLjc1MSwwLjExNiwxMS45NzksMi4xOSwxNi44MTUtNi40NjNsNTUuMDQ4LTk4Ljg3NkMyMDcuNDAyLDkzLjg3OSwyMDUuMzIsODUuODI1LDE5OS4yNDEsODIuMTg3eiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat 0 3px; padding-left:22px; line-height:24px; color:#3db39e; background-size: 16px}