/*!*********************************************************************************
 * X2CRM is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2016 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. on our website at www.x2crm.com, or at our
 * email address: contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 **********************************************************************************/
/***********************************************************************************
 * X2CRM is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2016 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. on our website at www.x2crm.com, or at our
 * email address: contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 **********************************************************************************/
/***************************************
* This file is responsible for mantaining
* general purpose mixins and classes. 
***************************************/
/***********************************************************************************
 * X2CRM is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2016 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. on our website at www.x2crm.com, or at our
 * email address: contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 **********************************************************************************/
/***********************************************************************
* Grays 
***********************************************************************/
/***********************************************************************
* Blues
***********************************************************************/
/***********************************************************************
* Reds 
***********************************************************************/
/***********************************************************************
* Greens 
***********************************************************************/
/***********************************************************************
* This section is made to correspond with the theme keys in ThemeGenerator
***********************************************************************/
/***********************************************************************
* Responsive design
***********************************************************************/
/***************************************
* Mixin for border radius 
***************************************/
/***********************************************************************
* animations 
***********************************************************************/
/***************************************
* Mixin for box shadow
***************************************/
/***************************************
* Mixin for text field placeholder text
***************************************/
/***************************************
* CSS to extend when something 
* should look like a link
***************************************/
/* line 173, ../../../compass/css/lib/_standards.scss */
.pseudo-link {
  cursor: pointer;
  color: #004baf;
  transition: color .1s;
}
/* line 178, ../../../compass/css/lib/_standards.scss */
.pseudo-link:hover {
  color: #006cfb;
}

/***************************************
* CSS to extend when for elements that 
* become transparent on mouseover
***************************************/
/* line 196, ../../../compass/css/lib/_standards.scss */
.opacity-hover {
  opacity: 0.3;
}
/* line 191, ../../../compass/css/lib/_standards.scss */
.opacity-hover:hover {
  opacity: 1;
}

/***************************************
* Apply the standard box shadow currently
* used on x2-island-layout items
***************************************/
/*******************************************
* Mixin for applying a fontAwesome icon
* SEE _icons.scss FOR A BETTER IMPLEMENTATION
******************************************/
/***********************************************************************************
 * X2CRM is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2016 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. on our website at www.x2crm.com, or at our
 * email address: contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 **********************************************************************************/
/***********************************************************************
* Grays 
***********************************************************************/
/***********************************************************************
* Blues
***********************************************************************/
/***********************************************************************
* Reds 
***********************************************************************/
/***********************************************************************
* Greens 
***********************************************************************/
/***********************************************************************
* This section is made to correspond with the theme keys in ThemeGenerator
***********************************************************************/
/***********************************************************************************
 * X2CRM is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2016 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. on our website at www.x2crm.com, or at our
 * email address: contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 **********************************************************************************/
/***********************************************************************************
 * X2CRM is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2016 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. on our website at www.x2crm.com, or at our
 * email address: contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 **********************************************************************************/
/***********************************************************************
* Grays 
***********************************************************************/
/***********************************************************************
* Blues
***********************************************************************/
/***********************************************************************
* Reds 
***********************************************************************/
/***********************************************************************
* Greens 
***********************************************************************/
/***********************************************************************
* This section is made to correspond with the theme keys in ThemeGenerator
***********************************************************************/
/* line 46, ../../../compass/themes/x2engine/css/login.scss */
a.x2-button {
  padding: 5px 20px;
}

/* line 51, ../../../compass/themes/x2engine/css/login.scss */
#password-reset-form-outer .x2-button {
  margin: auto;
  margin-top: 9px !important;
}
/* line 55, ../../../compass/themes/x2engine/css/login.scss */
#password-reset-form-outer a.text-link, #password-reset-form-outer a.text-link:hover {
  color: #444343 !important;
}

/* line 60, ../../../compass/themes/x2engine/css/login.scss */
#login-form {
  background: none;
  margin-bottom: 0;
  border: none;
  overflow: hidden;
  border: none;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
}
/* line 61, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.text-link, #login-form a.text-link:hover {
  color: #444343 !important;
}
/* line 65, ../../../compass/themes/x2engine/css/login.scss */
#login-form a, #login-form .remember-me-cell label {
  opacity: 0.7;
}
/* line 69, ../../../compass/themes/x2engine/css/login.scss */
#login-form .login-logo-link {
  opacity: 1;
}
/* line 73, ../../../compass/themes/x2engine/css/login.scss */
#login-form a:hover {
  opacity: 1;
}
/* line 77, ../../../compass/themes/x2engine/css/login.scss */
#login-form * {
  box-sizing: border-box;
  margin: 0;
}
/* line 82, ../../../compass/themes/x2engine/css/login.scss */
#login-form #login-version {
  /*height: 27px;*/
  font-size: 9px;
  line-height: 14px;
}
/* line 83, ../../../compass/themes/x2engine/css/login.scss */
#login-form #login-version span {
  display: inline-block;
  font-size: 10px;
  text-decoration: none;
  color: #666666;
  opacity: 0.7;
}
/* line 89, ../../../compass/themes/x2engine/css/login.scss */
#login-form #login-version span a {
  color: #666666 !important;
}
/* line 94, ../../../compass/themes/x2engine/css/login.scss */
#login-form #login-version #dark-theme-button {
  width: 12px;
}
/* line 102, ../../../compass/themes/x2engine/css/login.scss */
#login-form #login-version #day-night-theme-button {
  width: 12px;
}
/* line 115, ../../../compass/themes/x2engine/css/login.scss */
#login-form #LoginForm_password, #login-form #LoginForm_username {
  border-radius: 2px;
}
/* line 119, ../../../compass/themes/x2engine/css/login.scss */
#login-form #LoginForm_password, #login-form #LoginForm_username,
#login-form #LoginForm_verifyCode, #login-form > .row > .row {
  width: 267px;
}
/* line 126, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row > input {
  margin-top: 0;
}
/* line 129, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row > .row {
  margin: auto;
  margin-bottom: 8px;
}
/* line 130, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row > .row label {
  color: #444343;
  font-weight: normal;
}
/* line 134, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row > .row label, #login-form > .row > .row a {
  font-size: 9px;
}
/* line 137, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row > .row label[for="LoginForm_password"],
#login-form > .row > .row label[for="LoginForm_username"] {
  font-size: 13px;
  font-weight: bold;
  color: #686868;
}
/* line 145, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row > .row button {
  height: 40px;
}
/* line 149, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row {
  width: 268px;
}
/* line 152, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .login-links {
  width: 270px;
  margin-top: 12px;
  margin-bottom: 16px;
}
/* line 156, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .login-links .cell.google-login-cell {
  float: right;
}
/* line 159, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .login-links .x2touch-cell {
  position: relative;
  left: -3px;
}
/* line 164, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row, #login-form > .row .login-links {
  height: 20px;
}
/* line 167, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row {
  height: 14px;
  margin-bottom: 0;
}
/* line 170, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row [type="checkbox"] {
  margin-right: 2px;
}
/* line 173, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row .cell.need-help-cell {
  float: right;
}
/* line 176, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row .cell {
  height: 14px;
  line-height: 20px;
}
/* line 179, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row .cell label, #login-form > .row .remember-me-row .cell a {
  position: relative;
  top: -3px;
}
/* line 184, ../../../compass/themes/x2engine/css/login.scss */
#login-form > .row .remember-me-row .remember-me-cell {
  text-align: center;
  margin: auto;
  font-size: 9px;
}
/* line 196, ../../../compass/themes/x2engine/css/login.scss */
#login-form input[type="text"], #login-form input[type="password"] {
  height: 40px;
}
/* line 210, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.alt-sign-in-link {
  text-decoration: none;
  color: #666;
}
/* line 213, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.alt-sign-in-link span {
  position: relative;
  top: -5px;
}
/* line 218, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.google-sign-in-link {
  float: left;
}
/* line 220, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.google-sign-in-link img {
  position: relative;
  top: 2px;
}
/* line 224, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.google-sign-in-link span {
  margin-left: 2px;
  top: -3px;
}
/* line 240, ../../../compass/themes/x2engine/css/login.scss */
#login-form .cell.right {
  float: right;
  margin-right: 0;
  width: auto;
}
/* line 246, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row {
  overflow: visible;
}
/* line 250, ../../../compass/themes/x2engine/css/login.scss */
#login-form input:focus {
  border-color: #aaa;
}
/* line 254, ../../../compass/themes/x2engine/css/login.scss */
#login-form #google-icon {
  height: 16px;
  width: 16px;
}
/* line 259, ../../../compass/themes/x2engine/css/login.scss */
#login-form #mobile-icon {
  height: 18px;
  width: 18px;
}
/* line 264, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row.theme-selection {
  width: 100%;
  margin-top: 5px;
}
/* line 266, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row.theme-selection a {
  font-size: 10px;
}
/* line 270, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row.theme-selection span {
  border-radius: 2px;
  background: red;
  float: left;
  margin: 5px 9px 0px 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}
/* line 279, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row.theme-selection span.switch {
  margin-right: 0;
  background: none;
  float: right;
}
/* line 283, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row.theme-selection span.switch a {
  text-decoration: none;
  font-size: 20px;
}
/* line 288, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row.theme-selection span:hover {
  opacity: 0.9;
}

/* line 297, ../../../compass/themes/x2engine/css/login.scss */
#signin-button {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}

/* line 306, ../../../compass/themes/x2engine/css/login.scss */
#mobile-signin-button {
  border-color: #233d5f;
  background: #ededed !important;
  width: 60px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  /* padding: 10px 25px; */
  box-sizing: border-box;
  border-radius: 0 3px 3px 0;
  font-size: 28px;
  padding: 0;
  margin-right: 0;
  color: black;
  margin-left: 0px;
}
/* line 321, ../../../compass/themes/x2engine/css/login.scss */
#mobile-signin-button:hover {
  background: whitesmoke !important;
}

/* line 326, ../../../compass/themes/x2engine/css/login.scss */
#login-form-logo {
  font-size: 86px;
  color: #255296;
}

/* line 331, ../../../compass/themes/x2engine/css/login.scss */
#custom-login-form-logo {
  margin: 15px 0 29px 0;
}

/* line 336, ../../../compass/themes/x2engine/css/login.scss */
body.custom-background-image div.background {
  background: #2d2d2d !important;
  opacity: 0.7;
}

/* line 342, ../../../compass/themes/x2engine/css/login.scss */
#app-title {
  color: #686868;
  margin: 0;
  margin-bottom: 3px;
}

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

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

/* line 359, ../../../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 371, ../../../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 384, ../../../compass/themes/x2engine/css/login.scss */
#x2-info, #x2-partner-info {
  width: 382px;
  margin-top: 12px;
}

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

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

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

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

/* line 414, ../../../compass/themes/x2engine/css/login.scss */
#login-page.welcome-back-page {
  padding-top: 11px;
}
/* line 416, ../../../compass/themes/x2engine/css/login.scss */
#login-page.welcome-back-page #login-logo {
  margin-top: 11px;
}

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

/* line 427, ../../../compass/themes/x2engine/css/login.scss */
.avatar-cell {
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
/* line 432, ../../../compass/themes/x2engine/css/login.scss */
.avatar-cell .default-avatar {
  color: #d9d9d9;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(255, 255, 255, 0.3);
  /* @theme color dark_content */
}

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

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

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

/* line 461, ../../../compass/themes/x2engine/css/login.scss */
#login-page {
  width: 331px !important;
  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); */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

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

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

/* line 501, ../../../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 508, ../../../compass/themes/x2engine/css/login.scss */
#password-reset-form-outer > .container {
  padding: 35px 24px 57px 24px;
}

/*#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 545, ../../../compass/themes/x2engine/css/login.scss */
#LoginForm_username, #LoginForm_password, #LoginForm_verifyCode {
  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 554, ../../../compass/themes/x2engine/css/login.scss */
#signin-button {
  line-height: 15px;
  padding: 10px 25px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  background: #295ba6;
  background: -moz-linear-gradient(top, #2d64b7, #255296);
  background: -webkit-linear-gradient(top, #2d64b7, #255296);
  background: -o-linear-gradient(top, #2d64b7, #255296);
  background: -ms-linear-gradient(top, #2d64b7, #255296);
  background: linear-gradient(top, #2d64b7, #255296);
  border-color: #203079;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417dcd', endColorstr='#3d70b4',GradientType=0 ); /* IE6-8 */
}
/* line 52, ../../../compass/css/lib/_login-shared.scss */
#signin-button:hover {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
}
/* line 55, ../../../compass/css/lib/_login-shared.scss */
#signin-button:active {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.45);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.45);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.45);
}

/* line 562, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.alt-sign-in-link:hover {
  text-decoration: underline;
}

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

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

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

/* line 594, ../../../compass/themes/x2engine/css/login.scss */
#remember-me-row {
  height: 30px;
  margin: auto;
  margin-top: 9px;
}

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

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

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

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

/* line 621, ../../../compass/themes/x2engine/css/login.scss */
#signin-button-container {
  text-align: center;
  margin: auto;
}
/* line 624, ../../../compass/themes/x2engine/css/login.scss */
#signin-button-container #signin-button {
  float: left;
}
/* line 627, ../../../compass/themes/x2engine/css/login.scss */
#signin-button-container #mobile-signin-button {
  float: right;
}

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

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

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

/* line 650, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: #255296;
}
/* line 659, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe-container {
  width: 650px;
  height: 100%;
  margin: auto;
}
/* line 665, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe {
  background: #C7C7C7;
  background: white;
  opacity: 0.2;
  width: 275px;
  height: 100%;
}
/* line 671, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe.small {
  width: 8px;
  margin: 0px 8px;
}

/*
racing stripe
*/
/* line 682, ../../../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 689, ../../../compass/themes/x2engine/css/login.scss */
#dark-theme-button {
  font-size: 10pt;
  text-decoration: none;
  position: relative;
  top: 1px;
  margin-right: 2px;
}

/* line 697, ../../../compass/themes/x2engine/css/login.scss */
#day-night-theme-button {
  font-size: 10pt;
  text-decoration: none;
  position: relative;
  top: 1px;
  margin-left: 2px;
}

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

@media (max-width: 657px) {
  /* line 711, ../../../compass/themes/x2engine/css/login.scss */
  #login-box-outer {
    top: 60px !important;
    bottom: 0;
  }
}
@media (max-height: 800px) and (min-width: 658px) {
  /* line 718, ../../../compass/themes/x2engine/css/login.scss */
  #login-box-outer {
    top: 130px !important;
    bottom: 0;
  }
}