/*****************************************************************************************
 * 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".
 *****************************************************************************************/
/**
 * 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/
 */
/*********************************************************************************
 * 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 mantains several important mixins for 
* Font Icons. The two sources of font icons are 
* font-awesome, and x2-icons (custom icons).
*************************************************/
/*********************************************************************************
 * 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
***********************************************************************/
/*********************************************************************************
 * 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 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 61, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-email:before, .admin-screen h2#admin-settings:before, .admin-screen h2#admin-studio:before, .admin-screen h2#admin-users:before, .admin-screen h2#admin-utilities:before, .admin-screen h2#admin-workflow: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 120, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2.pull-left#admin-email:before, .admin-screen h2.pull-left#admin-settings:before, .admin-screen h2.pull-left#admin-studio:before, .admin-screen h2.pull-left#admin-users:before, .admin-screen h2.pull-left#admin-utilities:before, .admin-screen h2.pull-left#admin-workflow:before {
  margin-right: .3em;
}

/* line 123, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2.pull-right#admin-email:before, .admin-screen h2.pull-right#admin-settings:before, .admin-screen h2.pull-right#admin-studio:before, .admin-screen h2.pull-right#admin-users:before, .admin-screen h2.pull-right#admin-utilities:before, .admin-screen h2.pull-right#admin-workflow: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 198, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-email:before {
  content: "\f003";
}

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

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

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

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

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

/*
  Icon Font: x2-icons
*/
@font-face {
  font-family: "x2-icons";
  src: url("./x2-icons/x2-icons_22944e718c0be651c88d1109fe469031.eot");
  src: url("./x2-icons/x2-icons_22944e718c0be651c88d1109fe469031.eot?#iefix") format("embedded-opentype"), url("./x2-icons/x2-icons_22944e718c0be651c88d1109fe469031.woff") format("woff"), url("./x2-icons/x2-icons_22944e718c0be651c88d1109fe469031.ttf") format("truetype"), url("./x2-icons/x2-icons_22944e718c0be651c88d1109fe469031.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("./x2-icons/x2-icons_22944e718c0be651c88d1109fe469031.svg#x2-icons") format("svg");
  }
}
/* line 23, ../../../compass/css/lib/_x2-icons.scss */
[data-icon]:before {
  content: attr(data-icon);
}

/* line 25, ../../../compass/css/lib/_x2-icons.scss */
[data-icon]:before,
.icon-activity:before,
.icon-contact:before,
.icon-envelope-arrow:before,
.icon-funnel:before,
.icon-funnel-arrow:before,
.icon-funnel-check:before,
.icon-funnel3:before,
.icon-funnel4:before,
.icon-old-open-envelope:before,
.icon-old-open-envelope-o:before,
.icon-open-envelope:before,
.icon-package:before,
.icon-profile:before,
.icon-profile-large:before,
.icon-quotes:before,
.icon-service:before,
.admin-screen h2#admin-support:before,
.icon-stopwatch:before,
.icon-x2-logo:before,
.icon-x2-logo-square:before,
.icon-x2-logo-square-small:before,
.icon-x2engine: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;
}

/* line 61, ../../../compass/css/lib/_x2-icons.scss */
.icon-activity:before {
  content: "\f113";
}

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

/* line 63, ../../../compass/css/lib/_x2-icons.scss */
.icon-envelope-arrow:before {
  content: "\f10d";
}

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

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

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

/* line 67, ../../../compass/css/lib/_x2-icons.scss */
.icon-funnel3:before {
  content: "\f119";
}

/* line 68, ../../../compass/css/lib/_x2-icons.scss */
.icon-funnel4:before {
  content: "\f11b";
}

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

/* line 70, ../../../compass/css/lib/_x2-icons.scss */
.icon-old-open-envelope-o:before {
  content: "\f121";
}

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

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

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

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

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

/* line 76, ../../../compass/css/lib/_x2-icons.scss */
.icon-service:before, .admin-screen h2#admin-support:before {
  content: "\f111";
}

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

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

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

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

/* line 81, ../../../compass/css/lib/_x2-icons.scss */
.icon-x2engine:before {
  content: "\f104";
}

/**************************************************
* Class to add to a container that has a stacked icon
* These are the icons displayed on the activity feed
**************************************************/
/* line 45, ../../../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 64, ../../../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 and publisher 
*******************************************************/
/*********************************************************************************
 * 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 64, ../../../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 72, ../../../compass/themes/x2engine/css/form.scss */
#form-box div.draggable {
  /* background:white; */
}
/* line 75, ../../../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 94, ../../../compass/themes/x2engine/css/form.scss */
div.form, div.wide.form {
  -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 112, ../../../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 122, ../../../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 131, ../../../compass/themes/x2engine/css/form.scss */
div.form.hidden {
  display: none;
}
/* line 134, ../../../compass/themes/x2engine/css/form.scss */
div.form.details a {
  text-decoration: none;
}
/* line 138, ../../../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 {
  margin: 0;
}
/* line 142, ../../../compass/themes/x2engine/css/form.scss */
div.form.thin {
  border: none;
  padding: 3px;
  margin: 0 0 5px 0;
}
/* line 146, ../../../compass/themes/x2engine/css/form.scss */
div.form.thin input, div.form.thin textarea, div.form.thin select {
  margin: 3px 0;
  padding: 2px 4px;
}
/* line 151, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea {
  border: 1px solid #d3d3d3;
}

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

/* line 162, ../../../compass/themes/x2engine/css/form.scss */
div.form select {
  border: 1px solid #d3d3d3;
  /*background: #e9e9e9;*/
  color: #333;
  text-decoration: none;
}
/* line 167, ../../../compass/themes/x2engine/css/form.scss */
div.form select option {
  background: white;
}
/* line 171, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea, div.form select {
  margin: 3px 0 5px 0;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 180, ../../../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 194, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
/* line 196, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="checkbox"].left + label {
  line-height: 18px;
  padding-left: 16px;
}
/* line 201, ../../../compass/themes/x2engine/css/form.scss */
div.form input + .x2-question-mark {
  margin-left: 2px;
  position: relative;
  top: -3px;
}
/* line 207, ../../../compass/themes/x2engine/css/form.scss */
div.form select + .x2-question-mark {
  margin-left: 2px;
  position: relative;
  top: -3px;
}

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

/* line 220, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="button"], div.form input[type="submit"] {
  -webkit-appearance: button;
}
/* line 223, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="file"] {
  /*border:none;*/
}
/* line 227, ../../../compass/themes/x2engine/css/form.scss */
div.form fieldset {
  -moz-border-radius: 7px;
  border: 1px solid #DDD;
  margin: 0 0 10px 0;
  padding: 10px;
}

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

/* line 241, ../../../compass/themes/x2engine/css/form.scss */
div.form label {
  display: block;
  font-size: 11px;
  font-weight: bold;
}
/* line 246, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox {
  float: left;
  margin-right: 2px;
}
/* line 249, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox + label {
  margin-top: 3px;
}
/* line 253, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label {
  float: left;
  margin-top: 7px;
  margin-right: 2px;
}
/* line 258, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label + input[type='checkbox'], div.form .left-label + input + input[type='checkbox'] {
  margin-top: 7px;
  margin-bottom: -7px;
  margin-left: 3px;
}
/* line 265, ../../../compass/themes/x2engine/css/form.scss */
div.form textarea {
  /* overflow:hidden; */
}
/* line 268, ../../../compass/themes/x2engine/css/form.scss */
div.form .top.row {
  margin-top: 10px;
}
/* line 271, ../../../compass/themes/x2engine/css/form.scss */
div.form .row {
  width: auto;
  clear: both;
  overflow: auto;
}
/* line 276, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell {
  display: block;
  float: left;
  margin-right: 5px;
}
/* line 280, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell.right {
  float: right;
  width: 200px;
}
/* line 285, ../../../compass/themes/x2engine/css/form.scss */
div.form .hint {
  color: #999;
  margin: 0;
  padding: 0;
}
/* line 290, ../../../compass/themes/x2engine/css/form.scss */
div.form .note {
  font-style: italic;
}
/* line 293, ../../../compass/themes/x2engine/css/form.scss */
div.form span.required {
  color: red;
}
/* line 296, ../../../compass/themes/x2engine/css/form.scss */
div.form div.error:not(.x2-pill-box) label, div.form label.error, div.form span.error {
  color: #C00;
}
/* line 300, ../../../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 {
  background: #FEE;
  border-color: #C00;
}
/* line 305, ../../../compass/themes/x2engine/css/form.scss */
div.form input.error, div.form textarea.error, div.form select.error {
  background: #FEE;
  border-color: #C00;
}

/* line 311, ../../../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 322, ../../../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 328, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorMessage, .form2 .errorMessage {
  color: red;
  font-size: 0.9em;
}
/* line 333, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary p, .form2 .errorSummary p {
  margin: 0;
  padding: 5px;
}
/* line 337, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary ul, .form2 .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}

/* line 345, ../../../compass/themes/x2engine/css/form.scss */
div.row input[type=text].focus, div.formInputBox input[type=text].focus {
  background: #E6EFC2;
  border-color: #C6D880;
}
/* line 349, ../../../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 359, ../../../compass/themes/x2engine/css/form.scss */
.wide.cell label {
  display: inline;
  float: left;
  margin-right: 10px;
  position: relative;
  text-align: right;
  width: 100px;
}

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

/* line 380, ../../../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 390, ../../../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 36, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-email:before {
  text-decoration: none;
}
/* line 36, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-settings:before {
  text-decoration: none;
}
/* line 36, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-studio:before {
  text-decoration: none;
}
/* line 33, ../../../compass/css/lib/_icons.scss */
.admin-screen h2#admin-support:before {
  text-decoration: none;
}
/* line 36, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-users:before {
  text-decoration: none;
}
/* line 36, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-utilities:before {
  text-decoration: none;
}
/* line 36, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-workflow:before {
  text-decoration: none;
}

/* line 425, ../../../compass/themes/x2engine/css/form.scss */
div.form select[multiple="multiple"] {
  /*min-width:130px;*/
}
/* line 428, ../../../compass/themes/x2engine/css/form.scss */
div.form textarea {
  width: 556px;
  padding: 2px 4px;
}
/* line 433, ../../../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 440, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper.error {
  background: #FEE !important;
  border-color: #C00 !important;
  /* @theme background: content */
}
/* line 446, ../../../compass/themes/x2engine/css/form.scss */
div.text-area-wrapper textarea {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border: none;
}
/* line 454, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea, div.form button {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 4px;
}

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

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

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

/* line 489, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .row {
  clear: both;
}
/* line 494, ../../../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 {
  float: left;
  margin: 0 10px 0 0;
}
/* line 499, ../../../compass/themes/x2engine/css/form.scss */
div.form .float-row {
  overflow: auto;
}
/* line 501, ../../../compass/themes/x2engine/css/form.scss */
div.form .float-row input, div.form .float-row button, div.form .float-row select {
  float: left;
  margin: 0 10px 0 0;
}
/* line 506, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.buttons {
  /* margin-top:10px; */
}
/* line 511, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
  clear: left;
  padding-left: 110px;
}

/* line 518, ../../../compass/themes/x2engine/css/form.scss */
.file-wrapper {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
/* line 522, ../../../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 533, ../../../compass/themes/x2engine/css/form.scss */
.x2-file-wrapper {
  display: inline-block;
  overflow: visible;
  position: relative;
}

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

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

/* line 552, ../../../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 558, ../../../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 567, ../../../compass/themes/x2engine/css/form.scss */
#campaign-attachments {
  margin-right: 0;
  margin-bottom: 0;
}
/* line 570, ../../../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 575, ../../../compass/themes/x2engine/css/form.scss */
.x2-state-active, .form.x2-state-active {
  background: #c9dda1 !important;
  /*@theme background: opaque_highlight2 */
}

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

/* line 586, ../../../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 590, ../../../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 595, ../../../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 601, ../../../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 607, ../../../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 615, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_wrapper {
  background-image: none;
  background-color: #eee;
}
/* line 619, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_focus {
  outline: none;
}

/***********************************************************************
* form2  
***********************************************************************/
/* line 630, ../../../compass/themes/x2engine/css/form.scss */
.form2 {
  background: white;
}
/* line 632, ../../../compass/themes/x2engine/css/form.scss */
.form2 input.left-input {
  display: inline-block;
}
/* line 635, ../../../compass/themes/x2engine/css/form.scss */
.form2 input + .right-label {
  margin-left: 2px;
  position: relative;
  top: -2px;
  display: inline-block;
}
/* line 641, ../../../compass/themes/x2engine/css/form.scss */
.form2 label.left-label + input {
  margin-left: 2px;
}
/* line 645, ../../../compass/themes/x2engine/css/form.scss */
.form2 label + .x2-hint {
  margin-left: 4px;
}
/* line 648, ../../../compass/themes/x2engine/css/form.scss */
.form2 label {
  font-size: 11px;
  color: #222;
  font-weight: bold;
}
/* line 653, ../../../compass/themes/x2engine/css/form.scss */
.form2 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 669, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .edit-icon,
.inline-edit .cancel-icon,
.inline-edit .confirm-icon {
  float: right;
  margin-top: 2px;
  font-size: 14px;
  transition: all 0.1s;
}
/* line 678, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon,
.inline-edit .confirm-icon {
  margin-right: 4px;
}
/* line 683, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .edit-icon {
  display: none;
  position: relative;
  width: 0;
  right: 25px;
}
/* line 689, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .edit-icon.active {
  opacity: 0.0;
  width: 0px;
  display: inline-block;
  overflow: hidden;
}
/* line 697, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit:hover .edit-icon.active {
  opacity: 1.0;
  width: 15px;
  display: inline-block;
}
/* line 703, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon,
.inline-edit .confirm-icon {
  opacity: 0.0;
  display: none;
  transition: opacity 0.2s;
}
/* line 709, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon.active,
.inline-edit .confirm-icon.active {
  opacity: 1.0;
  display: inline-block;
}
