@charset 'utf-8';
/**
 * 
 * 	@author		George Iancu
 * 	@copyright	Cube Creative Ltd (c) 2021.
 * 	@license	Commercial
 * 
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,900');

/** RESET / START **/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;padding-top: 158px;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/** RESET / END **/

/* ===============
 * 
 * DOCUMENT SETUP
 * 
 * ===============
 */ 
 *{ outline: none; box-sizing: border-box; }
 *:hover{ 
     -webkit-transition: 0.4s color ease-in-out; -ms-transition: 0.4s color ease-in-out; -o-transition: 0.4s color ease-in-out; -moz-transition: 0.4s color ease-in-out; transition: 0.4s color ease-in-out;
     -webkit-transition: 0.4s background ease-in-out; -ms-transition: 0.4s background ease-in-out; -o-transition: 0.4s background ease-in-out; -moz-transition: 0.4s background ease-in-out; transition: 0.4s background ease-in-out;
     -webkit-transition: 0.4s background-color ease-in-out; -ms-transition: 0.4s background-color ease-in-out; -o-transition: 0.4s background-color ease-in-out; -moz-transition: 0.4s background-color ease-in-out; transition: 0.4s background-color ease-in-out;
 }
 html,body{ height: 100%; padding:0px; margin:0px }
 body{ font-family: 'Open Sans', sans-serif !important; font-weight: 500;-webkit-font-smoothing: antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004); background-color:#f6f6f6 }


 .sthk-logo {margin: 15px;}
 /* ===============
 * 
 * LOGIN
 * 
 * ===============
 */ 

 .login-container {background-color: white;max-width: 500px;margin: 100px auto;padding: 45px;}
 .login-container p { margin: 5px 0;}
 .login-container p:first-of-type {margin-bottom: 15px;}
 .login-container p:nth-child(2) {font-weight: 600;}
 .login-container form > div{position: relative;}
 .login-container form label{position: absolute;background-color: white;padding: 0 5px;top: 9px;left: 12px;font-size: 13px;}
 .login-container form{display: flex;flex-direction: column;margin: 15px 0 5px;}
 .login-container form input{border-radius: 0 0 10px 0;margin: 15px 0;height: 40px;border: 2px solid #e6e6e6;width: 100%;padding: 0 15px;}
 .login-container form .login-btn{background-color: #8cc63f;color: white;padding: 9px 10px;height: auto;max-width: 92px;border: none;margin: 2px 0 10px;}
 .login-container .azure-btn{background-color: #0071d1;color: white;padding: 9px 33px;border-radius: 0 0 10px 0;text-decoration: none;margin: 10px 0;display: inline-block;font-size: 13px;}
 .login-container .sub-text {margin-top: 15px;font-size: 12px;}
 .login-container .sub-text a{color: black;}

#area-bottom {margin-top: 150px;text-align: end;margin: 200px 15px 10px;font-size: 12px;}