/*!*********************************************************************************
 * 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".
 **********************************************************************************/
/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *   <div class="row">
 *       <label for="inputid">xyz</label>
 *       <input name="inputid" id="inputid" type="text" />
 *       <p class="hint">hint text</p>
 *   </div>
 *   <div class="row">
 *       <label for="inputid">xyz</label>
 *       <input name="inputid" id="inputid" type="text" />
 *       <p class="hint">hint text</p>
 *   </div>
 *   <div class="row buttons">
 *       <label for="inputid">xyz</label>
 *       <input name="inputid" id="inputid" type="text" />
 *       <p class="hint">hint text</p>
 *   </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *   ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */
/***********************************************************************************
 * 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".
 **********************************************************************************/
/*
  Icon Font: x2-icons
*/
@font-face {
  font-family: "x2-icons";
  src: url("./x2Icons/x2-icons.eot");
  src: url("./x2Icons/x2-icons.eot?#iefix") format("embedded-opentype"), url("./x2Icons/x2-icons.woff") format("woff"), url("./x2Icons/x2-icons.ttf") format("truetype"), url("./x2Icons/x2-icons.svg#x2-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "x2-icons";
    src: url("./x2Icons/x2-icons.svg#x2-icons") format("svg");
  }
}
/* line 59, ../../../compass/css/lib/_x2-icons.scss */
[data-icon]:before {
  content: attr(data-x2-icon);
}

/* line 61, ../../../compass/css/lib/_x2-icons.scss */
[data-icon]:before,
.icon-activity:before,
.icon-contact:before,
.icon-funnel:before,
.icon-open-envelope:before,
.icon-package:before,
.icon-profile:before,
.icon-profile-large:before,
.icon-quotes:before,
.icon-service:before,
.icon-stopwatch:before,
.icon-x2-logo:before,
.icon-x2-logo-square:before {
  display: inline-block;
  font-family: "x2-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

/*
 * TODO: Organize all the icons to be only styled and initialized in one sass file
 */
/* line 91, ../../../compass/css/lib/_x2-icons.scss */
.icon-activity:before {
  content: "\f113";
}

/* line 92, ../../../compass/css/lib/_x2-icons.scss */
.icon-contact:before {
  content: "\f10c";
}

/* line 93, ../../../compass/css/lib/_x2-icons.scss */
.icon-funnel:before {
  content: "\f109";
}

/* line 94, ../../../compass/css/lib/_x2-icons.scss */
.icon-open-envelope:before {
  content: "\f10a";
}

/* line 95, ../../../compass/css/lib/_x2-icons.scss */
.icon-package:before {
  content: "\f112";
}

/* line 96, ../../../compass/css/lib/_x2-icons.scss */
.icon-profile:before {
  content: "\f11e";
}

/* line 97, ../../../compass/css/lib/_x2-icons.scss */
.icon-profile-large:before {
  content: "\f11f";
}

/* line 98, ../../../compass/css/lib/_x2-icons.scss */
.icon-quotes:before {
  content: "\f11c";
}

/* line 99, ../../../compass/css/lib/_x2-icons.scss */
.icon-service:before {
  content: "\f111";
}

/* line 100, ../../../compass/css/lib/_x2-icons.scss */
.icon-stopwatch:before {
  content: "\f114";
}

/* line 101, ../../../compass/css/lib/_x2-icons.scss */
.icon-x2-logo:before {
  content: "\f117";
}

/* line 102, ../../../compass/css/lib/_x2-icons.scss */
.icon-x2-logo-square:before {
  content: "\f116";
}

/* x2entstart */
/* override with a blank content with fa-fw properties to fill in the space */
/* line 106, ../../../compass/css/lib/_x2-icons.scss */
.icon-activity:before {
  content: "";
  width: 1.28571429em;
  text-align: center;
}

/* line 107, ../../../compass/css/lib/_x2-icons.scss */
.icon-contact:before {
  content: "";
  width: 1.28571429em;
  text-align: center;
}

/* line 108, ../../../compass/css/lib/_x2-icons.scss */
.icon-quotes:before {
  content: "";
  width: 1.28571429em;
  text-align: center;
}

/* line 109, ../../../compass/css/lib/_x2-icons.scss */
.icon-service:before {
  content: "";
  width: 1.28571429em;
  text-align: center;
}

/* x2entend */
/***********************************************************************************
 * 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 mantains several important mixins for 
* Font Icons. The two sources of font icons are 
* font-awesome, and x2-icons (custom icons).
*************************************************/
/***********************************************************************************
 * 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".
 **********************************************************************************/
/************************************************
* This File is a pseudo-class translation of all 
* the font-awesome classes. This way, these classes
* can be extended. 
*************************************************/
/*********************************
* Mixin to create a font-awesome 
* icon without changing the layout
********************************/
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* line 76, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-ui-settings:before, .admin-screen div#admin-ui-settings:before, .admin-screen h2#admin-import-export:before, .admin-screen div#admin-import-export:before, .admin-screen h2#admin-lead-capture:before, .admin-screen div#admin-lead-capture:before, .admin-screen h2#admin-doc-and-videos:before, .admin-screen div#admin-doc-and-videos:before, .admin-screen h2#admin-email:before, .admin-screen div#admin-email:before, .admin-screen h2#admin-settings:before, .admin-screen div#admin-settings:before, .admin-screen h2#admin-x2studio:before, .admin-screen div#admin-x2studio:before, .admin-screen h2#admin-support:before, .admin-screen div#admin-support:before, .admin-screen h2#admin-users:before, .admin-screen div#admin-users:before, .admin-screen h2#admin-utilities:before, .admin-screen div#admin-utilities:before, .admin-screen h2#admin-workflow:before, .admin-screen div#admin-workflow:before, .admin-screen h2#admin-security:before, .admin-screen div#admin-security:before, .admin-screen h2#admin-hub:before, .admin-screen div#admin-hub:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
/* line 135, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2.pull-left#admin-ui-settings:before, .admin-screen div.pull-left#admin-ui-settings:before, .admin-screen h2.pull-left#admin-import-export:before, .admin-screen div.pull-left#admin-import-export:before, .admin-screen h2.pull-left#admin-lead-capture:before, .admin-screen div.pull-left#admin-lead-capture:before, .admin-screen h2.pull-left#admin-doc-and-videos:before, .admin-screen div.pull-left#admin-doc-and-videos:before, .admin-screen h2.pull-left#admin-email:before, .admin-screen div.pull-left#admin-email:before, .admin-screen h2.pull-left#admin-settings:before, .admin-screen div.pull-left#admin-settings:before, .admin-screen h2.pull-left#admin-x2studio:before, .admin-screen div.pull-left#admin-x2studio:before, .admin-screen h2.pull-left#admin-support:before, .admin-screen div.pull-left#admin-support:before, .admin-screen h2.pull-left#admin-users:before, .admin-screen div.pull-left#admin-users:before, .admin-screen h2.pull-left#admin-utilities:before, .admin-screen div.pull-left#admin-utilities:before, .admin-screen h2.pull-left#admin-workflow:before, .admin-screen div.pull-left#admin-workflow:before, .admin-screen h2.pull-left#admin-security:before, .admin-screen div.pull-left#admin-security:before, .admin-screen h2.pull-left#admin-hub:before, .admin-screen div.pull-left#admin-hub:before {
  margin-right: .3em;
}

/* line 138, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2.pull-right#admin-ui-settings:before, .admin-screen div.pull-right#admin-ui-settings:before, .admin-screen h2.pull-right#admin-import-export:before, .admin-screen div.pull-right#admin-import-export:before, .admin-screen h2.pull-right#admin-lead-capture:before, .admin-screen div.pull-right#admin-lead-capture:before, .admin-screen h2.pull-right#admin-doc-and-videos:before, .admin-screen div.pull-right#admin-doc-and-videos:before, .admin-screen h2.pull-right#admin-email:before, .admin-screen div.pull-right#admin-email:before, .admin-screen h2.pull-right#admin-settings:before, .admin-screen div.pull-right#admin-settings:before, .admin-screen h2.pull-right#admin-x2studio:before, .admin-screen div.pull-right#admin-x2studio:before, .admin-screen h2.pull-right#admin-support:before, .admin-screen div.pull-right#admin-support:before, .admin-screen h2.pull-right#admin-users:before, .admin-screen div.pull-right#admin-users:before, .admin-screen h2.pull-right#admin-utilities:before, .admin-screen div.pull-right#admin-utilities:before, .admin-screen h2.pull-right#admin-workflow:before, .admin-screen div.pull-right#admin-workflow:before, .admin-screen h2.pull-right#admin-security:before, .admin-screen div.pull-right#admin-security:before, .admin-screen h2.pull-right#admin-hub:before, .admin-screen div.pull-right#admin-hub:before {
  margin-left: .3em;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
/* line 213, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-email:before, .admin-screen div#admin-email:before {
  content: "\f003";
}

/* line 225, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-users:before, .admin-screen div#admin-users:before {
  content: "\f007";
}

/* line 279, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-import-export:before, .admin-screen div#admin-import-export:before {
  content: "\f019";
}

/* line 298, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-workflow:before, .admin-screen div#admin-workflow:before {
  content: "\f021";
}

/* line 334, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-doc-and-videos:before, .admin-screen div#admin-doc-and-videos:before {
  content: "\f02d";
}

/* line 391, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-x2studio:before, .admin-screen div#admin-x2studio:before {
  content: "\f040";
}

/* line 410, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-lead-capture:before, .admin-screen div#admin-lead-capture:before {
  content: "\f046";
}

/* line 590, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-settings:before, .admin-screen div#admin-settings:before {
  content: "\f085";
}

/* line 705, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-utilities:before, .admin-screen div#admin-utilities:before {
  content: "\f0ad";
}

/* line 720, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-support:before,
.admin-screen div#admin-support:before {
  content: "\f0c0";
}

/* line 728, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-hub:before, .admin-screen div#admin-hub:before {
  content: "\f0c2";
}

/* line 939, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-ui-settings:before, .admin-screen div#admin-ui-settings:before {
  content: "\f108";
}

/* line 1056, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-security:before, .admin-screen div#admin-security:before {
  content: "\f132";
}

/**************************************************
* Class to add to a container that has a stacked icon
* These are the icons displayed on the activity feed
**************************************************/
/* line 59, ../../../compass/css/lib/_icons.scss */
.stacked-icon {
  display: none;
  position: absolute;
  top: 23px;
  left: 28px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid #004baf;
  background: white;
  /* @theme border-color lighter_link */
  /* @theme background content */
  text-align: center;
}
/* line 78, ../../../compass/css/lib/_icons.scss */
.stacked-icon:before {
  width: 100%;
  font-size: 10px;
  position: relative;
}

/****************************************
* Mixin to aid with the stacked icon
*****************************************/
/****************************************************
* Mixin to generate a mapping of classes to icons
* $list:  A multidimensional array
: $type: which icon font to use ("fa" or "x2")
: @content: extra rules to insert into each icon
* Example: 
*   $map: (
*   	("email" "envelope" "check") 
*       ("process" "funnel")
*   );
* Will create the rule for '.email' to have the icon 
* 'envelope' with a stacked icon of 'check'
* and a rule for '.process' to have the icon 'funnel'
* with no stacked icon. 
*
* These icons are currently used in activity feed, publisher, and page titles
*******************************************************/
/* x2entstart */
/* x2entend */
/***********************************************************************************
 * 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
******************************************/
/* line 80, ../../../compass/themes/x2engine/css/form.scss */
#form-box {
  background: #f8f8f8;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
/* line 88, ../../../compass/themes/x2engine/css/form.scss */
#form-box div.draggable {
  /* background:white; */
}
/* line 91, ../../../compass/themes/x2engine/css/form.scss */
#form-box div.label {
  font-size: 10px;
  color: #666;
  /* font-weight:bold; */
  /* display:block;
  width:auto;
  padding:1px 3px; 
  background:#eee;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px; */
}

/* line 109, ../../../compass/themes/x2engine/css/form.scss */
.form .CodeMirror {
  border: 1px solid #d9d9d9;
  margin-bottom: 5px;
}

/* line 115, ../../../compass/themes/x2engine/css/form.scss */
div.form, div.wide.form, div.form2 {
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* -moz-box-shadow:     0 1px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow:     0 1px 6px rgba(0,0,0,0.5);
  box-shadow:             0 1px 6px rgba(0,0,0,0.5); */
  background: #fff;
  /*border:1px solid #C2C2C2;*/
  clear: both;
  margin: 0 0 5px 0;
  padding: 5px 10px;
  width: auto;
  overflow: auto;
}

/* line 134, ../../../compass/themes/x2engine/css/form.scss */
#content > div.form {
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0 0 1px 0;
  margin: 0;
}

/* line 145, ../../../compass/themes/x2engine/css/form.scss */
div.form.no-border, div.wide.form.no-border {
  border: none;
  padding: 0;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 154, ../../../compass/themes/x2engine/css/form.scss */
div.form .x2-protected-field, div.form2 .x2-protected-field {
  color: grey;
}
/* line 157, ../../../compass/themes/x2engine/css/form.scss */
div.form label + [type="checkbox"], div.form2 label + [type="checkbox"] {
  position: relative;
  top: -2px;
  left: 2px;
}
/* line 161, ../../../compass/themes/x2engine/css/form.scss */
div.form label + [type="checkbox"] + .x2-hint, div.form2 label + [type="checkbox"] + .x2-hint {
  margin-left: 3px;
}
/* line 165, ../../../compass/themes/x2engine/css/form.scss */
div.form label + span.x2-hint, div.form2 label + span.x2-hint {
  margin-left: 3px;
}
/* line 168, ../../../compass/themes/x2engine/css/form.scss */
div.form.hidden, div.form2.hidden {
  display: none;
}
/* line 171, ../../../compass/themes/x2engine/css/form.scss */
div.form.details a, div.form2.details a {
  text-decoration: none;
}
/* line 175, ../../../compass/themes/x2engine/css/form.scss */
div.form.no-border input, div.form.no-border textarea, div.form.no-border select, div.form.no-border button, div.form2.no-border input, div.form2.no-border textarea, div.form2.no-border select, div.form2.no-border button {
  margin: 0;
}
/* line 179, ../../../compass/themes/x2engine/css/form.scss */
div.form.thin, div.form2.thin {
  border: none;
  padding: 3px;
  margin: 0 0 5px 0;
}
/* line 183, ../../../compass/themes/x2engine/css/form.scss */
div.form.thin input, div.form.thin textarea, div.form.thin select, div.form2.thin input, div.form2.thin textarea, div.form2.thin select {
  margin: 3px 0;
  padding: 2px 4px;
}
/* line 188, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea, div.form2 input, div.form2 textarea {
  border: 1px solid #d3d3d3;
}

/* line 194, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input {
  border: 1px solid #d3d3d3;
}

/* line 199, ../../../compass/themes/x2engine/css/form.scss */
body.not-mobile-body div.form select, .form2 select {
  border: 1px solid #d3d3d3;
  /*background: #e9e9e9;*/
  color: #333;
  text-decoration: none;
}
/* line 204, ../../../compass/themes/x2engine/css/form.scss */
body.not-mobile-body div.form select option, .form2 select option {
  background: white;
}
/* line 208, ../../../compass/themes/x2engine/css/form.scss */
body.not-mobile-body div.form input:not(.highlight), body.not-mobile-body div.form textarea, body.not-mobile-body div.form select, .form2 input:not(.highlight), .form2 textarea, .form2 select {
  margin: 3px 0 5px 0;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* @theme background: content */
}
/* line 216, ../../../compass/themes/x2engine/css/form.scss */
body.not-mobile-body div.form input:not(.highlight), body.not-mobile-body div.form textarea, .form2 input:not(.highlight), .form2 textarea {
  margin: 3px 0 5px 0;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 225, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input {
  margin: 3px 0 5px 0;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/*div.form input, div.form textarea {
    -webkit-appearance:none;
}*/
/* line 239, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="checkbox"], .form2 input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
/* line 241, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="checkbox"].left + label, .form2 input[type="checkbox"].left + label {
  line-height: 18px;
  padding-left: 16px;
}
/* line 246, ../../../compass/themes/x2engine/css/form.scss */
div.form input + .x2-question-mark, .form2 input + .x2-question-mark {
  margin-left: 2px;
  position: relative;
  top: -3px;
}
/* line 252, ../../../compass/themes/x2engine/css/form.scss */
div.form select + .x2-question-mark, .form2 select + .x2-question-mark {
  margin-left: 2px;
  position: relative;
  top: -3px;
}

/* line 259, ../../../compass/themes/x2engine/css/form.scss */
label.left + .x2-hint {
  margin-left: 3px;
}

/* line 265, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="button"], div.form input[type="submit"], .form2 input[type="button"], .form2 input[type="submit"] {
  -webkit-appearance: button;
  color: #004318 !important;
}
/* line 269, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="file"], .form2 input[type="file"] {
  /*border:none;*/
}
/* line 273, ../../../compass/themes/x2engine/css/form.scss */
div.form fieldset, .form2 fieldset {
  -moz-border-radius: 7px;
  border: 1px solid #F5F5F5;
  margin: 0 0 10px 0;
  padding: 10px;
}

/* line 281, ../../../compass/themes/x2engine/css/form.scss */
table.details td.label {
  font-size: 11px;
  font-weight: bold;
}

/* line 287, ../../../compass/themes/x2engine/css/form.scss */
div.form label, .form2 label {
  display: block;
  font-size: 11px;
  font-weight: bold;
}
/* line 294, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox, .form2 .left-checkbox {
  float: left;
  margin-right: 2px;
}
/* line 297, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox + label, .form2 .left-checkbox + label {
  margin-top: 3px;
}
/* line 301, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label, .form2 .left-label {
  float: left;
  margin-top: 7px;
  margin-right: 2px;
}
/* line 306, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label + input[type='checkbox'], div.form .left-label + input + input[type='checkbox'], .form2 .left-label + input[type='checkbox'], .form2 .left-label + input + input[type='checkbox'] {
  margin-top: 7px;
  margin-bottom: -7px;
  margin-left: 3px;
}
/* line 312, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label + .x2-hint, .form2 .left-label + .x2-hint {
  margin-top: 7px;
}
/* line 316, ../../../compass/themes/x2engine/css/form.scss */
div.form textarea, .form2 textarea {
  /* overflow:hidden; */
}
/* line 319, ../../../compass/themes/x2engine/css/form.scss */
div.form .top.row, .form2 .top.row {
  margin-top: 10px;
}
/* line 322, ../../../compass/themes/x2engine/css/form.scss */
div.form .row, .form2 .row {
  width: auto;
  clear: both;
  overflow: auto;
}
/* line 327, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell, .form2 .cell {
  display: block;
  float: left;
  margin-right: 5px;
}
/* line 331, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell.right, .form2 .cell.right {
  float: right;
  width: 200px;
}
/* line 336, ../../../compass/themes/x2engine/css/form.scss */
div.form .hint, .form2 .hint {
  color: #999;
  margin: 0;
  padding: 0;
}
/* line 341, ../../../compass/themes/x2engine/css/form.scss */
div.form .note, .form2 .note {
  font-style: italic;
}
/* line 344, ../../../compass/themes/x2engine/css/form.scss */
div.form span.required, .form2 span.required {
  color: red;
}
/* line 347, ../../../compass/themes/x2engine/css/form.scss */
div.form div.error:not(.x2-pill-box) label, div.form label.error, div.form span.error, .form2 div.error:not(.x2-pill-box) label, .form2 label.error, .form2 span.error {
  color: #C00;
}
/* line 351, ../../../compass/themes/x2engine/css/form.scss */
div.form div.error:not(.x2-pill-box) input, div.form div.error:not(.x2-pill-box) textarea, div.form div.error:not(.x2-pill-box) select, .form2 div.error:not(.x2-pill-box) input, .form2 div.error:not(.x2-pill-box) textarea, .form2 div.error:not(.x2-pill-box) select {
  background: #FEE;
  border-color: #C00;
}
/* line 356, ../../../compass/themes/x2engine/css/form.scss */
div.form input.error, div.form textarea.error, div.form select.error, .form2 input.error, .form2 textarea.error, .form2 select.error {
  background: #FEE;
  border-color: #C00;
}

/* line 362, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input.error {
  background: #FEE;
  border-color: #C00;
}

/* div.form div.success input,div.form div.success textarea,div.form div.success select,div.form input.success,div.form textarea.success,div.form select.success {
    background: #E6EFC2;
    border-color: #C6D880;
} */
/* line 373, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary, .form2 .errorSummary {
  background: #FEE;
  border: 2px solid #C00;
  font-size: 0.9em;
  padding: 7px 7px 12px 24px;
}
/* line 379, ../../../compass/themes/x2engine/css/form.scss */
div.form .error-text, .form2 .error-text {
  color: red;
}
/* line 382, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorMessage, .form2 .errorMessage {
  color: red;
  font-size: 0.9em;
}
/* line 387, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary p, .form2 .errorSummary p {
  margin: 0;
  padding: 5px;
}
/* line 391, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary ul, .form2 .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}

/* line 399, ../../../compass/themes/x2engine/css/form.scss */
div.row input[type=text].focus, div.formInputBox input[type=text].focus {
  background: #E6EFC2;
  border-color: #C6D880;
}
/* line 403, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form label {
  display: inline;
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: right;
  width: 100px;
}

/* line 413, ../../../compass/themes/x2engine/css/form.scss */
.wide.cell label {
  display: inline;
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: right;
  width: 100px;
}

/* line 422, ../../../compass/themes/x2engine/css/form.scss */
div.form .background-row {
  width: 350px;
  display: block;
}
/* line 425, ../../../compass/themes/x2engine/css/form.scss */
div.form .background-row a.delete-link {
  width: auto;
  color: #06c;
  float: right;
  background: none;
}

/*
 * styles admin panel tabs according to window width
 **/
@media screen and (max-width: 1200px) {
  /* line 436, ../../../compass/themes/x2engine/css/form.scss */
  .admin-screen .ui-tabs-vertical .ui-tabs-nav li a div .admin-tab-word {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  /* line 436, ../../../compass/themes/x2engine/css/form.scss */
  .admin-screen .ui-tabs-vertical .ui-tabs-nav li a div .admin-tab-word {
    display: none;
  }
}

/* line 446, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen div.x2-layout-island h2 {
  background-repeat: no-repeat;
  background-position: middle left;
  background-color: transparent;
  line-height: 48px;
}
/* line 456, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2::after, .admin-screen h2::before {
  font-size: 40px !important;
  width: 55px;
  height: 48px;
  text-align: center;
  vertical-align: middle;
}
/* line 466, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen div {
  padding-top: 5px;
  margin-left: 10px;
}
/* line 471, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen div::after, .admin-screen div::before {
  font-size: 25px !important;
  text-align: center;
  vertical-align: middle;
  float: left;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-ui-settings:before, .admin-screen div#admin-ui-settings:before {
  text-decoration: none;
}
/* line 485, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-ui-settings::after, .admin-screen div#admin-ui-settings::after {
  float: left;
  width: 0;
  font-size: 23px !important;
  position: relative;
  left: 29px;
  top: -6px;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-import-export:before, .admin-screen div#admin-import-export:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-lead-capture:before, .admin-screen div#admin-lead-capture:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-doc-and-videos:before, .admin-screen div#admin-doc-and-videos:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-email:before, .admin-screen div#admin-email:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-settings:before, .admin-screen div#admin-settings:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-x2studio:before, .admin-screen div#admin-x2studio:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-support:before, .admin-screen div#admin-support:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-users:before, .admin-screen div#admin-users:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-utilities:before, .admin-screen div#admin-utilities:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-workflow:before, .admin-screen div#admin-workflow:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-security:before, .admin-screen div#admin-security:before {
  text-decoration: none;
}
/* line 51, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-hub:before, .admin-screen div#admin-hub:before {
  text-decoration: none;
}

/* line 535, ../../../compass/themes/x2engine/css/form.scss */
div.form select[multiple="multiple"] {
  /*min-width:130px;*/
}
/* line 538, ../../../compass/themes/x2engine/css/form.scss */
div.form textarea {
  width: 556px;
  padding: 2px 4px;
}
/* line 543, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper {
  width: auto;
  margin: 0 0 5px 0;
  padding: 2px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #aaa;
  background: #fff;
}
/* line 550, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper.error {
  background: #FEE !important;
  border-color: #C00 !important;
  /* @theme background: content */
}
/* line 556, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper textarea {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border: none;
}
/* line 564, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea, div.form button, div.form2 input, div.form2 textarea, div.form2 button {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 4px;
}

/* line 572, ../../../compass/themes/x2engine/css/form.scss */
.ui-dialog input {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 4px;
}

/* line 579, ../../../compass/themes/x2engine/css/form.scss */
div.form input.x2-button, div.form button.x2-button, .form2 input.x2-button, .form2 button.x2-button {
  padding: 5px 20px;
}
/* line 582, ../../../compass/themes/x2engine/css/form.scss */
div.form input.x2-button.small, div.form button.x2-button.small, .form2 input.x2-button.small, .form2 button.x2-button.small {
  padding: 5px 10px;
}
/* line 586, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.checkbox label, div.form .row.checkbox input, .form2 .row.checkbox label, .form2 .row.checkbox input {
  display: inline;
}

/* line 593, ../../../compass/themes/x2engine/css/form.scss */
.cell.checkbox label, .cell.checkbox input {
  display: inline;
}

/* line 599, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .row {
  clear: both;
}
/* line 604, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.buttons input, div.form .row.buttons button, div.form .row.buttons select, div.form .row.buttons a.x2-button, div.form2 .row.buttons input, div.form2 .row.buttons button, div.form2 .row.buttons select, div.form2 .row.buttons a.x2-button {
  float: left;
  margin: 0 10px 0 0;
}
/* line 609, ../../../compass/themes/x2engine/css/form.scss */
div.form .float-row, div.form2 .float-row {
  overflow: auto;
}
/* line 611, ../../../compass/themes/x2engine/css/form.scss */
div.form .float-row input, div.form .float-row button, div.form .float-row select, div.form2 .float-row input, div.form2 .float-row button, div.form2 .float-row select {
  float: left;
  margin: 0 10px 0 0;
}
/* line 616, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.buttons, div.form2 .row.buttons {
  /* margin-top:10px; */
}
/* line 621, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
  clear: left;
  padding-left: 110px;
}

/* line 628, ../../../compass/themes/x2engine/css/form.scss */
.file-wrapper {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
/* line 632, ../../../compass/themes/x2engine/css/form.scss */
.file-wrapper input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  filter: alpha(opacity=50);
  -moz-opacity: 0.01;
  opacity: 0.01;
}

/* line 643, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper {
  display: inline-block;
  overflow: visible;
  position: relative;
}

/* line 649, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-input {
  cursor: pointer;
}

/* line 653, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper .x2-file-input {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 100%;
}

/* line 662, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper .x2-file-input {
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  z-index: 100;
}
/* line 668, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper .filename {
  position: absolute;
  filter: alpha(opacity=0);
  -moz-opacity: 0.00;
  opacity: 0.00;
  left: 10px;
}

/* line 677, ../../../compass/themes/x2engine/css/form.scss */
#campaign-attachments {
  margin-right: 0;
  margin-bottom: 0;
}
/* line 680, ../../../compass/themes/x2engine/css/form.scss */
#campaign-attachments.x2-state-active, #campaign-attachments.x2-state-hover {
  box-shadow: inset 0 0 4px 1px #579100;
}

/* line 685, ../../../compass/themes/x2engine/css/form.scss */
.x2-state-active, .form.x2-state-active {
  background: #c9dda1 !important;
  /*@theme background: opaque_highlight2 */
}

/* line 690, ../../../compass/themes/x2engine/css/form.scss */
.x2-state-hover, .form.x2-state-hover {
  background: #acce67 !important;
}

/* line 696, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama.ui-state-active .cke_wrapper {
  background: #c9dda1;
  box-shadow: inset 0 0 4px 1px #579100;
}
/* line 700, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama.ui-state-hover .cke_wrapper {
  background: #acce67;
  box-shadow: inset 0 0 4px 1px #579100;
}
/* line 705, ../../../compass/themes/x2engine/css/form.scss */
html .cke_contents iframe {
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* line 711, ../../../compass/themes/x2engine/css/form.scss */
html span.cke_skin_kama {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 0;
}
/* line 717, ../../../compass/themes/x2engine/css/form.scss */
html span.cke_skin_kama#cke_Campaign_content {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
/* line 725, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_wrapper {
  background-image: none;
  background-color: #eee;
}
/* line 729, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_focus {
  outline: none;
}

/***********************************************************************
* form2  
***********************************************************************/
/* line 740, ../../../compass/themes/x2engine/css/form.scss */
.form2 {
  background: white;
  /* @theme background: content */
}
/* line 743, ../../../compass/themes/x2engine/css/form.scss */
.form2 textarea, .form2 label {
  /* @theme color: text */
}

/* line 749, ../../../compass/themes/x2engine/css/form.scss */
.form2 input.left-input, .all-form-input-style input.left-input {
  display: inline-block;
}
/* line 752, ../../../compass/themes/x2engine/css/form.scss */
.form2 input + .right-label, .all-form-input-style input + .right-label {
  margin-left: 2px;
  position: relative;
  top: -2px;
  display: inline-block;
}
/* line 758, ../../../compass/themes/x2engine/css/form.scss */
.form2 label.left-label + input, .all-form-input-style label.left-label + input {
  margin-left: 2px;
}
/* line 762, ../../../compass/themes/x2engine/css/form.scss */
.form2 label + .x2-hint, .all-form-input-style label + .x2-hint {
  margin-left: 4px;
}
/* line 765, ../../../compass/themes/x2engine/css/form.scss */
.form2 label, .all-form-input-style label {
  font-size: 11px;
  color: #222;
  font-weight: bold;
}
/* line 770, ../../../compass/themes/x2engine/css/form.scss */
.form2 input[type="text"], .all-form-input-style input[type="text"] {
  padding: 2px 4px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d3d3d3;
}

/*********************************
* Inline Editing
********************************/
/* line 786, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .inline-edit-icons {
  float: right;
  vertical-align: middle;
  position: relative;
  top: 3px;
  font-size: 14px;
  transition: all 0.1s;
}
/* line 797, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon,
.inline-edit .confirm-icon,
.inline-edit .clear-icon {
  margin-right: 4px;
}
/* line 802, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .edit-icon {
  display: none;
  width: 0;
  margin-right: 3px;
}
/* line 807, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .edit-icon.active {
  opacity: 0.0;
  width: 0px;
  display: inline-block;
  overflow: hidden;
}
/* line 815, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit:hover .edit-icon.active {
  opacity: 1.0;
  width: 15px;
  display: inline-block;
}
/* line 821, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon,
.inline-edit .confirm-icon,
.inline-edit .clear-icon {
  opacity: 0.0;
  display: none;
  transition: opacity 0.2s;
}
/* line 827, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon.active,
.inline-edit .confirm-icon.active,
.inline-edit .clear-icon.active {
  opacity: 1.0;
  display: inline-block;
}