@import url("../../fonts/roboto/Roboto-Regular.ttf");
@import url("../../fonts/roboto/Roboto-Bold.ttf");
@font-face {
  font-family: 'Roboto-Regular';
  src: url("../../fonts/roboto/Roboto-Regular.ttf");
  /* Safari, Android, iOS */ }

body {
  background-color: #e7eaeb;
  font-family: "Roboto-Regular";
  font-size: 12px;
  color: #213d4a;
  text-align: left;
  margin: 0;
  padding: 0; }

.header-bar {
  width: 100%;
  height: 25px;
  background-color: #213d4a; }

.title {
  width: 475px;
  margin: 30px auto;
  font-size: 18px; }

.container {
  background-color: #ffffff;
  border: solid 1px #c2c4c8;
  max-width: 475px;
  margin: 10px  auto 0 auto;
  padding: 20px; }

.container .button {
  width: 145px;
  height: 23px;
  padding: 0 4px 3px 4px !important;
  font-size: 11px;
  text-decoration: none;
  color: #213d4a;
  font-weight: normal;
  text-align: center;
  line-height: 23px;
  margin: 20px 0 0px 0 !important;
  background-color: #f7f9f9;
  border: 1px solid #d3d9db;
  border-width: 1px 1px 2px 1px;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.container .button:hover {
  border-color: #90a1a7;
  background-color: #e3ecee; }

.container h2 {
  margin: 0; }

.container .subtitle {
  font-size: 14px;
  padding-left: 24px;
  margin-top: 20px; }

.container .logout-session {
  background: url(../../images/Request/icon-info-mini.png) 0 0 no-repeat; }

.container .timeout-text {
  background: url("../../images/toolbar/sprite-side-menu.png") -128px -152px no-repeat #ffffff !important; }

.container .key-error {
  background: url(../../images/authentication/lock_error.png) 0 0 no-repeat; }

html, body {
  margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  height: 100%; }

.container {
  padding: 10px;
  background-color: #f9f9f9;
  border: none; }

.auth-profile-selector-item-inner {
  padding: 15px;
  margin: 15px;
  background-color: #e7eaeb;
  color: #454545;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  transition: 0.1s;
  border-radius: 3px; }

.auth-profile-selector-item:hover .auth-profile-selector-item-inner {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); }

.auth-profile-selector-item {
  text-decoration: none;
  font-weight: bold; }

.auth-profile-selector-item span {
  padding-left: 5px; }

.auth-profile-selector-item img {
  width: 32px;
  height: 32px;
  vertical-align: middle; }

.title {
  text-align: center;
  width: auto; }

.mobile .title {
  margin: 10px auto; }

.auth-profile-page-content {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-spacing: 0; }

.auth-profile-content-row {
  background-size: cover;
  background-position: center center; }

.login-image {
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0px auto;
  padding: 10px 0;
  text-align: center; }

.app-login-top-bar {
  width: 100%;
  height: 25px;
  background-color: #213d4a;
  color: #fff;
  text-align: right;
  line-height: 25px; }

.app-login-link-icon {
  background-image: url(../../images/authentication/icon-login-link.png) !important;
  background-repeat: no-repeat;
  background-position: left center;
  height: 32px;
  width: 32px; }

.auth-profile-footer-row {
  height: 70px;
  text-align: center; }

.app-login-links img {
  vertical-align: middle; }

.app-login-links a {
  color: #484747;
  font-size: 18px;
  line-height: 50px;
  text-decoration: none; }

.mobile .app-login-links span {
  display: none; }

.mobile .app-login-links td {
  text-align: center; }

.app-login-links app-login-links-count-3 td {
  width: 33%; }

.app-login-links app-login-links-count-2 td {
  width: 50%; }

.app-login-links app-login-links-count-1 td {
  width: 100%; }