/***********************************************************************************
 * 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
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software 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.
 **********************************************************************************/
/***********************************************************************************
 * 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
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software 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
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software 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 76, ../../../compass/css/lib/_standards.scss */
.pseudo-link {
  cursor: pointer;
  color: #004baf;
  transition: color .1s;
}
/* line 81, ../../../compass/css/lib/_standards.scss */
.pseudo-link:hover {
  color: #006cfb;
}

/***************************************
* CSS to extend when for elements that 
* become transparent on mouseover
***************************************/
/* line 99, ../../../compass/css/lib/_standards.scss */
.opacity-hover {
  opacity: 0.3;
}
/* line 94, ../../../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 27, ../../../compass/themes/x2engine/css/login.scss */
#app-title {
  color: #686868;
  margin: 0;
  margin-bottom: 3px;
}

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

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

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

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

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

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

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

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

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

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

/* line 123, ../../../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
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software 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 127, ../../../compass/themes/x2engine/css/login.scss */
.avatar-cell {
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
}
/* line 132, ../../../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 140, ../../../compass/themes/x2engine/css/login.scss */
.image-alignment-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

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

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

/* line 161, ../../../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 183, ../../../compass/themes/x2engine/css/login.scss */
#login-box {
  text-align: center;
}

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

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

/* line 217, ../../../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 249, ../../../compass/themes/x2engine/css/login.scss */
#login-form .cell.right {
  float: right;
  margin-right: 0;
  width: auto;
}
/* line 254, ../../../compass/themes/x2engine/css/login.scss */
#login-form .row {
  overflow: visible;
}
/* line 257, ../../../compass/themes/x2engine/css/login.scss */
#login-form label {
  font-weight: bold;
  font-size: 12px;
  color: #777;
}
/* line 262, ../../../compass/themes/x2engine/css/login.scss */
#login-form input:focus {
  border-color: #aaa;
}
/* line 265, ../../../compass/themes/x2engine/css/login.scss */
#login-form #google-icon {
  height: 16px;
  width: 16px;
  vertical-align: top;
  margin-top: -1px;
}
/* line 271, ../../../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 308, ../../../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 319, ../../../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 334, ../../../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 348, ../../../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 353, ../../../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 364, ../../../compass/themes/x2engine/css/login.scss */
#login-form .login-links {
  padding: 0 36px;
  height: 25px;
}
/* line 365, ../../../compass/themes/x2engine/css/login.scss */
#login-form .login-links a {
  opacity: 0.5;
}
/* line 367, ../../../compass/themes/x2engine/css/login.scss */
#login-form .login-links a:hover {
  opacity: 1;
}
/* line 375, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.google-sign-in-link {
  float: left;
}
/* line 378, ../../../compass/themes/x2engine/css/login.scss */
#login-form a.help-link, #login-form a.x2touch-link {
  float: right;
}
/* line 381, ../../../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 390, ../../../compass/themes/x2engine/css/login.scss */
#login-version span {
  display: inline-block;
  font-size: 10px;
  text-decoration: none;
  color: #666;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 471, ../../../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 480, ../../../compass/themes/x2engine/css/login.scss */
#LoginForm_rememberMe {
  display: inline-block;
  margin-right: 3px;
}

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

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

/* line 496, ../../../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 506, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe-container {
  width: 650px;
  height: 100%;
  margin: auto;
}
/* line 512, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe {
  /*background: #C7C7C7;*/
  background: white;
  opacity: 0.2;
  width: 275px;
  height: 100%;
}
/* line 518, ../../../compass/themes/x2engine/css/login.scss */
#body-tag .background .stripe.small {
  width: 8px;
  margin: 0px 8px;
}

/*
racing stripe
*/
/* line 529, ../../../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 536, ../../../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 547, ../../../compass/themes/x2engine/css/login.scss */
#body-tag a:hover {
  opacity: 0.85;
}

/* line 551, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection {
  margin-top: 5px;
}
/* line 553, ../../../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 570, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection span.switch {
  background: none;
  float: right;
}
/* line 573, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection span.switch a {
  text-decoration: none;
  font-size: 20px;
}
/* line 578, ../../../compass/themes/x2engine/css/login.scss */
.row.theme-selection span:hover {
  opacity: 0.9;
}

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

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

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