:root{--black:#000;--white:#fff;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c;--red-100:#fff5f5;--red-200:#fed7d7;--red-300:#feb2b2;--red-400:#fc8181;--red-500:#f56565;--red-600:#e53e3e;--red-700:#c53030;--red-800:#9b2c2c;--red-900:#742a2a;--orange-100:#fffaf0;--orange-200:#feebc8;--orange-300:#fbd38d;--orange-400:#f6ad55;--orange-500:#ed8936;--orange-600:#dd6b20;--orange-700:#c05621;--orange-800:#9c4221;--orange-900:#7b341e;--yellow-100:ivory;--yellow-200:#fefcbf;--yellow-300:#faf089;--yellow-400:#f6e05e;--yellow-500:#ecc94b;--yellow-600:#d69e2e;--yellow-700:#b7791f;--yellow-800:#975a16;--yellow-900:#744210;--green-100:#f0fff4;--green-200:#c6f6d5;--green-300:#9ae6b4;--green-400:#68d391;--green-500:#48bb78;--green-600:#38a169;--green-700:#2f855a;--green-800:#276749;--green-900:#22543d;--teal-100:#e6fffa;--teal-200:#b2f5ea;--teal-300:#81e6d9;--teal-400:#4fd1c5;--teal-500:#38b2ac;--teal-600:#319795;--teal-700:#2c7a7b;--teal-800:#285e61;--teal-900:#234e52;--blue-100:#ebf8ff;--blue-200:#bee3f8;--blue-300:#90cdf4;--blue-400:#63b3ed;--blue-500:#4299e1;--blue-600:#3182ce;--blue-700:#2b6cb0;--blue-800:#2c5282;--blue-900:#2a4365;--indigo-100:#ebf4ff;--indigo-200:#c3dafe;--indigo-300:#a3bffa;--indigo-400:#7f9cf5;--indigo-500:#667eea;--indigo-600:#5a67d8;--indigo-700:#4c51bf;--indigo-800:#434190;--indigo-900:#3c366b;--purple-100:#faf5ff;--purple-200:#e9d8fd;--purple-300:#d6bcfa;--purple-400:#b794f4;--purple-500:#9f7aea;--purple-600:#805ad5;--purple-700:#6b46c1;--purple-800:#553c9a;--purple-900:#44337a;--pink-100:#fff5f7;--pink-200:#fed7e2;--pink-300:#fbb6ce;--pink-400:#f687b3;--pink-500:#ed64a6;--pink-600:#d53f8c;--pink-700:#b83280;--pink-800:#97266d;--pink-900:#702459}body,html{height:100%}.sign-box{width:100%;max-width:322px;margin:0 auto;background:#fff;border:1px solid #d8e2e7;border-radius:5px;padding:20px;font-size:1rem;position:relative}.sign-box .sign-avatar{width:100px;height:100px;margin:0 auto 10px}.sign-box .sign-avatar img{display:block;width:100%;border-radius:50%}.sign-box .sign-avatar.no-photo{border:2px solid #c5d6de;text-align:center;border-radius:50%;line-height:96px;color:#c5d6de;font-size:3.125rem;font-weight:700}.sign-box .sign-title{font-size:1.25rem;text-align:center;margin:0 0 15px;line-height:normal}.sign-box .btn{display:block;min-width:108px;margin:16px auto 12px}.sign-box .btn.sign-up{margin-top:18px}.sign-box .sign-note{text-align:center}.sign-box a{text-decoration:none;color:#0082c6;border-bottom:1px solid transparent}.sign-box a:hover{border-bottom-color:rgba(0,130,198,.5)}.sign-box .form-group{margin-bottom:12px;zoom:1}.sign-box .form-group:after,.sign-box .form-group:before{content:" ";display:table}.sign-box .form-group:after{clear:both}.sign-box .checkbox{margin:0}.sign-box .checkbox label,.sign-box .reset{font-size:.875rem}.sign-box .close{position:absolute;right:10px;top:4px;opacity:1;color:#c5d6de}.sign-box .close:hover{color:#00a8ff}.sign-box.reset-password-box .btn{display:inline-block!important;margin:10px auto 12px;margin-right:10px}.sign-box.reset-password-box a{display:inline-block;margin-left:4px}