/*********************************************************************************
 * Copyright (C) 2011-2014 X2Engine Inc. All Rights Reserved.
 *
 * X2Engine Inc.
 * P.O. Box 66752
 * Scotts Valley, California 95067 USA
 *
 * Company website: http: //www.x2engine.com
 * Community and support website: http: //www.x2community.com
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes.
 * You shall not modify, distribute, license or sublicense the Software.
 * Title, ownership, and all intellectual property rights in the Software belong
 * exclusively to X2Engine.
 *
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 ********************************************************************************/
/* line 22, ../../../compass/themes/x2engine/css/login.scss */
#app-title {
  color: #686868;
  margin: 0;
  margin-bottom: 3px;
}

/* line 28, ../../../compass/themes/x2engine/css/login.scss */
#app-description {
  margin: auto;
  margin-bottom: 15px;
}

/* line 33, ../../../compass/themes/x2engine/css/login.scss */
.partner-logo-cell {
  margin: auto;
  height: 71px;
  width: 80px;
}

/* line 39, ../../../compass/themes/x2engine/css/login.scss */
#login-x2engine {
  text-align: center;
  width: 382px;
  margin: auto;
  display: block;
  /*text-align:center;*/
  font-weight: bold;
  font-size: 10px;
  color: #999;
  text-decoration: none;
}

/* line 51, ../../../compass/themes/x2engine/css/login.scss */
#login-x2engine-partner-content {
  text-align: center;
  width: 382px;
  margin: auto;
  display: block;
  /*text-align:center;*/
  font-weight: bold;
  font-size: 10px;
  color: #999;
  text-decoration: none;
  margin-top: 19px;
}

/* line 64, ../../../compass/themes/x2engine/css/login.scss */
#x2-info, #x2-partner-info {
  width: 382px;
  margin-top: 12px;
}

/* line 69, ../../../compass/themes/x2engine/css/login.scss */
#partner-login-info-how-to {
  padding-top: 8px;
  padding-bottom: 8px;
  clear: both;
}

/* line 75, ../../../compass/themes/x2engine/css/login.scss */
#partner-login-logo {
  height: 71px;
  width: 80px;
}

/* line 80, ../../../compass/themes/x2engine/css/login.scss */
.avatar-upload {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

/* line 87, ../../../compass/themes/x2engine/css/login.scss */
#full-name {
  color: #686868;
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 8px;
}

/* line 94, ../../../compass/themes/x2engine/css/login.scss */
#login-page.welcome-back-page {
  width: 382px !important;
}
/* line 96, ../../../compass/themes/x2engine/css/login.scss */
#login-page.welcome-back-page #login-logo {
  margin-top: 11px;
}

/* line 101, ../../../compass/themes/x2engine/css/login.scss */
#login-version {
  /*height: 27px;*/
  margin-top: 10px;
  font-size: 9px;
  line-height: 14px;
}
/* line 106, ../../../compass/themes/x2engine/css/login.scss */
#login-version span {
  opacity: 0.5;
  display: inline-block;
}

/* line 112, ../../../compass/themes/x2engine/css/login.scss */
.company-logo-cell {
  margin: auto;
  height: 43px;
  width: 60px;
}

/* line 118, ../../../compass/themes/x2engine/css/login.scss */
#login-page.welcome-back-page .form-cell {
  /*height: 154px;*/
}

/* line 122, ../../../compass/themes/x2engine/css/login.scss */
.avatar-cell {
  /* width: 130px; */
  margin: auto;
  margin-bottom: 20px;
  /* display: table-cell; */
  /* float: left; */
  text-align: center;
}

/* line 131, ../../../compass/themes/x2engine/css/login.scss */
.image-alignment-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* line 137, ../../../compass/themes/x2engine/css/login.scss */
#avatar-image {
  vertical-align: middle;
}

/* line 141, ../../../compass/themes/x2engine/css/login.scss */
#login-title-container {
  text-align: center;
  margin: auto;
  margin-top: 16px;
  margin-bottom: 12px;
}
/* line 146, ../../../compass/themes/x2engine/css/login.scss */
#login-title-container h1 {
  font-size: 27px;
  -webkit-font-smoothing: antialiased;
}

/* line 152, ../../../compass/themes/x2engine/css/login.scss */
#login-page {
  border: 1px solid #cecece;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  width: 360px;
  /*opacity: 0.98;*/
  /* background:url(../images/login_stripes.png) center 50px no-repeat; */
  /* background:#eaeaea; */
  background: #F3F3F3;
  /* background-color:#87a155;
  background-color:rgba(255,255,255,0.25); */
  min-height: 0;
  /* position:relative; */
  /*top:40%;*/
  /*margin:-130px auto 0 auto;*/
  padding: 8px 3px;
  position: relative;
  /* border:1px solid rgba(0,0,0,0.25); */
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  /* 	-moz-box-shadow:	0 3px 10px rgba(0,0,0,0.25);
  	-webkit-box-shadow:	0 3px 10px rgba(0,0,0,0.25);
  	box-shadow:			0 3px 10px rgba(0,0,0,0.25); */
}

/* line 180, ../../../compass/themes/x2engine/css/login.scss */
#login-box {
  text-align: center;
}

/* line 184, ../../../compass/themes/x2engine/css/login.scss */
#login-box-outer {
  z-index: 10000;
  /*top: 197px;*/
  width: 100%;
  min-width: 410px;
  min-height: 442px;
  margin: auto;
}

/* line 193, ../../../compass/themes/x2engine/css/login.scss */
#password-reset-form-outer {
  z-index: 10000;
  /*top: 197px;*/
  width: 100%;
  min-width: 410px;
  min-height: 442px;
  margin: auto;
  position: relative;
  margin-top: 20%;
}
/* line 200, ../../../compass/themes/x2engine/css/login.scss */
#password-reset-form-outer > .container {
  padding: 35px 24px 57px 24px;
}

/* line 207, ../../../compass/themes/x2engine/css/login.scss */
#login-box-outer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 214, ../../../compass/themes/x2engine/css/login.scss */
#login-form {
  /* background: #f0f0f0; */
  /* Old browsers */
  /* background: -moz-linear-gradient(top, #f0f0f0 0%, #dddddd 100%); */
  /* FF3.6+ */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dddddd)); */
  /* Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); */
  /* Chrome10+,Safari5.1+ */
  /* background: -o-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); */
  /* Opera 11.10+ */
  /* background: -ms-linear-gradient(top, #f0f0f0 0%,#dddddd 100%); */
  /* IE10+ */
  /* background: linear-gradient(to bottom, #f0f0f0 0%,#dddddd 100%); */
  /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#dddddd',GradientType=0 ); */
  /* IE6-9 */
  background: none;
  margin-bottom: 0;
  border: none;
  overflow: hidden;
  /* border:1px solid #ccc; */
  border: none;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  /* 	border-radius:			4px;
  	-moz-box-shadow:	inset 0 1px 2px rgba(0,0,0,0.6);
  	-webkit-box-shadow:	inset 0 1px 2px rgba(0,0,0,0.6);
  	box-shadow:			inset 0 1px 2px rgba(0,0,0,0.6); */
  /* border:1px solid #ddd; */
  /* border-color:rgba(0,0,0,0.2); */
}
/* line 246, ../../../compass/themes/x2engine/css/login.scss */
#login-form .cell.right {
  float: right;
  margin-right: 0;
  width: auto;
}
/* line 251, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row {
  overflow: visible;
}
/* line 254, ../../../compass/themes/x2engine/css/login.scss */
#login-form label {
  font-weight: bold;
  font-size: 12px;
  color: #777;
}
/* line 259, ../../../compass/themes/x2engine/css/login.scss */
#login-form input:focus {
  border-color: #aaa;
}
/* line 262, ../../../compass/themes/x2engine/css/login.scss */
#login-form #google-icon {
  height: 16px;
  width: 16px;
  vertical-align: top;
  margin-top: -1px;
}
/* line 268, ../../../compass/themes/x2engine/css/login.scss */
#login-form #mobile-icon {
  height: 18px;
  width: 18px;
  vertical-align: top;
  margin-top: -3px;
}

/*#LoginForm_username,
#LoginForm_password {
    margin: 0;
}

#LoginForm_username {
    border-radius: 4px 4px 0 0 ;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-bottom: none;
}

#LoginForm_password {
    border-radius: 0 0 4px 4px ;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    margin-bottom: 13px;
}

#LoginForm_username.login-input-focus {
    border-bottom: 1px solid #aaa;
}

#LoginForm_username.login-input-focus + #LoginForm_password {
    border-top: none;
}*/
/* line 305, ../../../compass/themes/x2engine/css/login.scss */
#LoginForm_username, #LoginForm_password, #LoginForm_verifyCode {
  width: 254px;
  height: 35px;
  color: #444;
  font-size: 16px;
  line-height: 24px;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* line 316, ../../../compass/themes/x2engine/css/login.scss */
#LoginForm_rememberMe {
  /*margin-left:10px; 
  margin-top:10px; */
  display: inline-block;
  margin-right: 4px;
  border: none !important;
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  *overflow: hidden;
}

/* line 331, ../../../compass/themes/x2engine/css/login.scss */
#signin-button {
  height: 38px;
  line-height: 15px;
  padding: 10px 25px;
  /* extra big! */
  /*border:1px solid #3173CC;*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  text-shadow: none !important;
  background: #305079;
  border-color: #203079;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417dcd', endColorstr='#3d70b4',GradientType=0 ); /* IE6-8 */
}
/* line 345, ../../../compass/themes/x2engine/css/login.scss */
#signin-button:hover {
  background: #406089;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#488fe2', endColorstr='#4380cc',GradientType=0 );
  /* IE6-9 */
}
/* line 350, ../../../compass/themes/x2engine/css/login.scss */
#signin-button:active {
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  /*background: #3d70b4; */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d70b4', endColorstr='#417dcd',GradientType=0 );
  /* IE6-9 */
}

/* line 361, ../../../compass/themes/x2engine/css/login.scss */
#login-form .login-links {
  padding: 0 36px;
  height: 25px;
}
/* line 362, ../../../compass/themes/x2engine/css/login.scss */
#login-form .login-links a {
  opacity: 0.5;
}
/* line 364, ../../../compass/themes/x2engine/css/login.scss */
#login-form .login-links a:hover {
  opacity: 1;
}
/* line 372, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.google-sign-in-link {
  float: left;
}
/* line 375, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.help-link, #login-form a.x2touch-link {
  float: right;
}
/* line 378, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.alt-sign-in-link {
  display: inline-block;
  font-size: 10px;
  text-decoration: none;
  color: #666;
}

/* line 387, ../../../compass/themes/x2engine/css/login.scss */
#login-version span {
  display: inline-block;
  font-size: 10px;
  text-decoration: none;
  color: #666;
}

/* line 395, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.alt-sign-in-link:hover {
  text-decoration: underline;
}
/* line 398, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.alt-sign-in-link img {
  vertical-align: top;
}

/* line 403, ../../../compass/themes/x2engine/css/login.scss */
#login-x2engine {
  display: none;
  margin-top: 118px;
  height: 81px;
}
/* line 407, ../../../compass/themes/x2engine/css/login.scss */
#login-x2engine.with-partner-branding {
  margin-top: 10px;
}
/* line 410, ../../../compass/themes/x2engine/css/login.scss */
#login-x2engine a {
  color: #999;
  margin-top: 0;
}
/* line 413, ../../../compass/themes/x2engine/css/login.scss */
#login-x2engine a:hover {
  text-decoration: underline;
}

/* line 419, ../../../compass/themes/x2engine/css/login.scss */
.form-cell {
  margin: 0;
  width: 225px;
}

/* line 424, ../../../compass/themes/x2engine/css/login.scss */
.captha-row, .login-button-row {
  margin-top: 5px;
}

/* line 428, ../../../compass/themes/x2engine/css/login.scss */
.bottom-row {
  width: 265px !important;
  height: 30px;
  margin: auto;
  margin-top: 9px;
}

/* line 435, ../../../compass/themes/x2engine/css/login.scss */
.remember-me-cell {
  /* float: none; */
  text-align: left;
  margin: auto;
}

/* line 441, ../../../compass/themes/x2engine/css/login.scss */
#login-form-inputs-container {
  width: 100%;
  text-align: center;
}

/* line 446, ../../../compass/themes/x2engine/css/login.scss */
.login-links.right {
  float: right;
  text-align: center;
}

/* line 451, ../../../compass/themes/x2engine/css/login.scss */
#captcha-container {
  text-align: center;
  margin-bottom: 5px;
}

/* line 456, ../../../compass/themes/x2engine/css/login.scss */
#captcha-image {
  display: block;
  cursor: pointer;
  margin: auto;
}

/* line 462, ../../../compass/themes/x2engine/css/login.scss */
#signin-button-container {
  width: 100%;
  height: 50px;
  text-align: center;
}

/* line 468, ../../../compass/themes/x2engine/css/login.scss */
#signin-button {
  margin: auto;
  text-align: center;
  width: 264px;
  margin-top: 7px;
  font-size: 19px;
  -webkit-font-smoothing: antialiased;
}

/* line 477, ../../../compass/themes/x2engine/css/login.scss */
#LoginForm_rememberMe {
  display: inline-block;
  margin-right: 3px;
}

/* line 482, ../../../compass/themes/x2engine/css/login.scss */
[for="LoginForm_rememberMe"] {
  display: inline-block !important;
}

/* line 486, ../../../compass/themes/x2engine/css/login.scss */
#signin-button img {
  margin-right: 5px;
  margin-top: -2px;
  margin-left: -8px;
  height: 16px;
}

/* line 493, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: #203758;
  background: radial-gradient(#233d5f, #06090f);
}
/* line 503, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe-container {
  width: 650px;
  height: 100%;
  margin: auto;
}
/* line 509, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe {
  /*background: #C7C7C7;*/
  background: white;
  opacity: 0.2;
  width: 275px;
  height: 100%;
}
/* line 515, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe.small {
  width: 8px;
  margin: 0px 8px;
}

/*
racing stripe
*/
/* line 526, ../../../compass/themes/x2engine/css/login.scss */
body {
  /*    background: url('../images/stripes_background.png') !important;
      background-position: center -550px !important;
      background-repeat: no-repeat !important;
  */
}

/* line 533, ../../../compass/themes/x2engine/css/login.scss */
#dark-theme-button {
  /*    position: absolute;
      bottom:10px;
      left: 10px;*/
  /*z-index: 99;*/
  margin-left: 4px;
  float: left;
  font-size: 10pt;
  text-decoration: none;
}

/* line 544, ../../../compass/themes/x2engine/css/login.scss */
#body-tag a:hover {
  opacity: 0.85;
}

/* line 548, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection {
  margin-top: 5px;
}
/* line 550, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection span {
  background: red;
  float: left;
  margin: 5px 10px 0px 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
  background: red;
  float: left;
  margin: 5px 10px 0px 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
}
/* line 567, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection span.switch {
  background: none;
  float: right;
}
/* line 570, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection span.switch a {
  text-decoration: none;
  font-size: 20px;
}
/* line 575, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection span:hover {
  opacity: 0.9;
}

/* line 581, ../../../compass/themes/x2engine/css/login.scss */
.x2-blue:hover {
  opacity: 0.95;
}

@media (max-width: 657px) {
  /* line 586, ../../../compass/themes/x2engine/css/login.scss */
  #login-box-outer {
    top: 0 !important;
    bottom: 0;
    height: 87%;
  }

  /* line 591, ../../../compass/themes/x2engine/css/login.scss */
  body {
    background-position: center -650px !important;
  }
}