/*****************************************************************************************
 * X2Engine Open Source Edition is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2015 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. or at 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".
 *****************************************************************************************/
/*********************************************************************************
 * Copyright (C) 2011-2015 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.
 ********************************************************************************/
/***************************************
* This file is responsible for mantaining
* general purpose mixins and classes. 
***************************************/
/*********************************************************************************
 * Copyright (C) 2011-2015 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.
 ********************************************************************************/
/***********************************************************************
* Grays 
***********************************************************************/
/***********************************************************************
* Blues
***********************************************************************/
/***********************************************************************
* Reds 
***********************************************************************/
/***********************************************************************
* Greens 
***********************************************************************/
/***********************************************************************
* This section is made to correspond with the theme keys in ThemeGenerator
***********************************************************************/
/***************************************
* Mixin for border radius 
***************************************/
/***************************************
* Mixin for box shadow
***************************************/
/***************************************
* Mixin for text field placeholder text
***************************************/
/***************************************
* CSS to extend when something 
* should look like a link
***************************************/
/* line 73, ../../../compass/css/lib/_standards.scss */
.pseudo-link {
  cursor: pointer;
  color: #004baf;
  transition: color .1s;
}
/* line 78, ../../../compass/css/lib/_standards.scss */
.pseudo-link:hover {
  color: #006cfb;
}

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

/*********************************
* Box Shadow Prefixer
********************************/
/***************************************
* 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
******************************************/
/* line 24, ../../../compass/themes/x2engine/css/login.scss */
#app-title {
  color: #686868;
  margin: 0;
  margin-bottom: 3px;
}

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

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

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

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

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

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

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

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

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

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

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

/*********************************************************************************
 * Copyright (C) 2011-2015 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.
 ********************************************************************************/
/***********************************************************************
* Grays 
***********************************************************************/
/***********************************************************************
* Blues
***********************************************************************/
/***********************************************************************
* Reds 
***********************************************************************/
/***********************************************************************
* Greens 
***********************************************************************/
/***********************************************************************
* This section is made to correspond with the theme keys in ThemeGenerator
***********************************************************************/
/* line 124, ../../../compass/themes/x2engine/css/login.scss */
.avatar-cell {
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
/* line 129, ../../../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 137, ../../../compass/themes/x2engine/css/login.scss */
.image-alignment-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

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

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

/* line 158, ../../../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); */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

/* 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;
  }
}