/***********************************************************************************
 * Copyright (C) 2011-2015 X2Engine Inc. All Rights Reserved.
 *
 * X2Engine Inc.
 * P.O. Box 66752
 * Scotts Valley, California 95067 USA
 * Company website: http://www.x2engine.com
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software to X2Engine.
 *
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 **********************************************************************************/
/**
 * 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/
 */
/*
  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 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-funnel: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 {
  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 52, ../../../compass/css/lib/_x2-icons.scss */
.icon-activity:before {
  content: "\f113";
}

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

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

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

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

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

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

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

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

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

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

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

/***********************************************************************************
 * Copyright (C) 2011-2015 X2Engine Inc. All Rights Reserved.
 *
 * X2Engine Inc.
 * P.O. Box 66752
 * Scotts Valley, California 95067 USA
 * Company website: http://www.x2engine.com
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software to X2Engine.
 *
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 **********************************************************************************/
/************************************************
* This file 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
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software to X2Engine.
 *
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 **********************************************************************************/
/***********************************************************************
* Grays 
***********************************************************************/
/***********************************************************************
* Blues
***********************************************************************/
/***********************************************************************
* Reds 
***********************************************************************/
/***********************************************************************
* Greens 
***********************************************************************/
/***********************************************************************
* This section is made to correspond with the theme keys in ThemeGenerator
***********************************************************************/
/***********************************************************************************
 * Copyright (C) 2011-2015 X2Engine Inc. All Rights Reserved.
 *
 * X2Engine Inc.
 * P.O. Box 66752
 * Scotts Valley, California 95067 USA
 * Company website: http://www.x2engine.com
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software to X2Engine.
 *
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 **********************************************************************************/
/************************************************
* This File is 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 64, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-ui-settings:before, .admin-screen h2#admin-ui-settings:after, .admin-screen h2#admin-import-export:before, .admin-screen h2#admin-lead-capture:before, .admin-screen h2#admin-doc-and-videos:before, .admin-screen h2#admin-email:before, .admin-screen h2#admin-settings:before, .admin-screen h2#admin-x2studio:before, .admin-screen h2#admin-users:before, .admin-screen h2#admin-utilities:before, .admin-screen h2#admin-workflow:before, .admin-screen h2#admin-security: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 123, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2.pull-left#admin-ui-settings:before, .admin-screen h2.pull-left#admin-ui-settings:after, .admin-screen h2.pull-left#admin-import-export:before, .admin-screen h2.pull-left#admin-lead-capture:before, .admin-screen h2.pull-left#admin-doc-and-videos:before, .admin-screen h2.pull-left#admin-email:before, .admin-screen h2.pull-left#admin-settings:before, .admin-screen h2.pull-left#admin-x2studio: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, .admin-screen h2.pull-left#admin-security:before {
  margin-right: .3em;
}

/* line 126, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2.pull-right#admin-ui-settings:before, .admin-screen h2.pull-right#admin-ui-settings:after, .admin-screen h2.pull-right#admin-import-export:before, .admin-screen h2.pull-right#admin-lead-capture:before, .admin-screen h2.pull-right#admin-doc-and-videos:before, .admin-screen h2.pull-right#admin-email:before, .admin-screen h2.pull-right#admin-settings:before, .admin-screen h2.pull-right#admin-x2studio: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, .admin-screen h2.pull-right#admin-security: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 201, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-email:before {
  content: "\f003";
}

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

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

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

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

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

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

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

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

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

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

/* line 1649, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-ui-settings:after {
  content: "\f1fc";
}

/**************************************************
* Class to add to a container that has a stacked icon
* These are the icons displayed on the activity feed
**************************************************/
/* line 47, ../../../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 66, ../../../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
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software to X2Engine.
 *
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 **********************************************************************************/
/***************************************
* This file is responsible for mantaining
* general purpose mixins and classes. 
***************************************/
/***********************************************************************************
 * Copyright (C) 2011-2015 X2Engine Inc. All Rights Reserved.
 *
 * X2Engine Inc.
 * P.O. Box 66752
 * Scotts Valley, California 95067 USA
 * Company website: http://www.x2engine.com
 *
 * X2Engine Inc. grants you a perpetual, non-exclusive, non-transferable license
 * to install and use this Software for your internal business purposes only
 * for the number of users purchased by you. Your use of this Software for
 * additional users is not covered by this license and requires a separate
 * license purchase for such users. You shall not distribute, license, or
 * sublicense the Software. Title, ownership, and all intellectual property
 * rights in the Software belong exclusively to X2Engine. You agree not to file
 * any patent applications covering, relating to, or depicting this Software
 * or modifications thereto, and you agree to assign any patentable inventions
 * resulting from your use of this Software to X2Engine.
 *
 * THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT WARRANTIES OF ANY KIND, EITHER
 * EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
 **********************************************************************************/
/***********************************************************************
* Grays 
***********************************************************************/
/***********************************************************************
* Blues
***********************************************************************/
/***********************************************************************
* Reds 
***********************************************************************/
/***********************************************************************
* Greens 
***********************************************************************/
/***********************************************************************
* This section is made to correspond with the theme keys in ThemeGenerator
***********************************************************************/
/***********************************************************************
* Responsive design
***********************************************************************/
/***************************************
* 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 115, ../../../compass/css/lib/_standards.scss */
.pseudo-link {
  cursor: pointer;
  color: #004baf;
  transition: color .1s;
}
/* line 120, ../../../compass/css/lib/_standards.scss */
.pseudo-link:hover {
  color: #006cfb;
}

/***************************************
* CSS to extend when for elements that 
* become transparent on mouseover
***************************************/
/* line 138, ../../../compass/css/lib/_standards.scss */
.opacity-hover {
  opacity: 0.3;
}
/* line 133, ../../../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 68, ../../../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 76, ../../../compass/themes/x2engine/css/form.scss */
#form-box div.draggable {
  /* background:white; */
}
/* line 79, ../../../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 97, ../../../compass/themes/x2engine/css/form.scss */
.form .CodeMirror {
  border: 1px solid #D9D9D9;
  margin-bottom: 5px;
}

/* line 103, ../../../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 122, ../../../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 133, ../../../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 142, ../../../compass/themes/x2engine/css/form.scss */
div.form label + [type="checkbox"], div.form2 label + [type="checkbox"] {
  position: relative;
  top: -2px;
  left: 2px;
}
/* line 146, ../../../compass/themes/x2engine/css/form.scss */
div.form label + [type="checkbox"] + .x2-hint, div.form2 label + [type="checkbox"] + .x2-hint {
  margin-left: 3px;
}
/* line 150, ../../../compass/themes/x2engine/css/form.scss */
div.form label + span.x2-hint, div.form2 label + span.x2-hint {
  margin-left: 3px;
}
/* line 153, ../../../compass/themes/x2engine/css/form.scss */
div.form.hidden, div.form2.hidden {
  display: none;
}
/* line 156, ../../../compass/themes/x2engine/css/form.scss */
div.form.details a, div.form2.details a {
  text-decoration: none;
}
/* line 160, ../../../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 164, ../../../compass/themes/x2engine/css/form.scss */
div.form.thin, div.form2.thin {
  border: none;
  padding: 3px;
  margin: 0 0 5px 0;
}
/* line 168, ../../../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 173, ../../../compass/themes/x2engine/css/form.scss */
div.form input, div.form textarea, div.form2 input, div.form2 textarea {
  border: 1px solid #d3d3d3;
}

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

/* line 184, ../../../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 189, ../../../compass/themes/x2engine/css/form.scss */
body.not-mobile-body div.form select option, .form2 select option {
  background: white;
}
/* line 193, ../../../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 203, ../../../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 217, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="checkbox"], .form2 input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
/* line 219, ../../../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 224, ../../../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 230, ../../../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 237, ../../../compass/themes/x2engine/css/form.scss */
label.left + .x2-hint {
  margin-left: 3px;
}

/* line 243, ../../../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;
}
/* line 246, ../../../compass/themes/x2engine/css/form.scss */
div.form input[type="file"], .form2 input[type="file"] {
  /*border:none;*/
}
/* line 250, ../../../compass/themes/x2engine/css/form.scss */
div.form fieldset, .form2 fieldset {
  -moz-border-radius: 7px;
  border: 1px solid #DDD;
  margin: 0 0 10px 0;
  padding: 10px;
}

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

/* line 264, ../../../compass/themes/x2engine/css/form.scss */
div.form label, .form2 label {
  display: block;
  font-size: 11px;
  font-weight: bold;
}
/* line 269, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox, .form2 .left-checkbox {
  float: left;
  margin-right: 2px;
}
/* line 272, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-checkbox + label, .form2 .left-checkbox + label {
  margin-top: 3px;
}
/* line 276, ../../../compass/themes/x2engine/css/form.scss */
div.form .left-label, .form2 .left-label {
  float: left;
  margin-top: 7px;
  margin-right: 2px;
}
/* line 281, ../../../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 288, ../../../compass/themes/x2engine/css/form.scss */
div.form textarea, .form2 textarea {
  /* overflow:hidden; */
}
/* line 291, ../../../compass/themes/x2engine/css/form.scss */
div.form .top.row, .form2 .top.row {
  margin-top: 10px;
}
/* line 294, ../../../compass/themes/x2engine/css/form.scss */
div.form .row, .form2 .row {
  width: auto;
  clear: both;
  overflow: auto;
}
/* line 299, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell, .form2 .cell {
  display: block;
  float: left;
  margin-right: 5px;
}
/* line 303, ../../../compass/themes/x2engine/css/form.scss */
div.form .cell.right, .form2 .cell.right {
  float: right;
  width: 200px;
}
/* line 308, ../../../compass/themes/x2engine/css/form.scss */
div.form .hint, .form2 .hint {
  color: #999;
  margin: 0;
  padding: 0;
}
/* line 313, ../../../compass/themes/x2engine/css/form.scss */
div.form .note, .form2 .note {
  font-style: italic;
}
/* line 316, ../../../compass/themes/x2engine/css/form.scss */
div.form span.required, .form2 span.required {
  color: red;
}
/* line 319, ../../../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 323, ../../../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 328, ../../../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 334, ../../../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 345, ../../../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 351, ../../../compass/themes/x2engine/css/form.scss */
div.form .error-text, .form2 .error-text {
  color: red;
}
/* line 354, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorMessage, .form2 .errorMessage {
  color: red;
  font-size: 0.9em;
}
/* line 359, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary p, .form2 .errorSummary p {
  margin: 0;
  padding: 5px;
}
/* line 363, ../../../compass/themes/x2engine/css/form.scss */
div.form .errorSummary ul, .form2 .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}

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

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

/* line 406, ../../../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 416, ../../../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 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-ui-settings:before {
  text-decoration: none;
}
/* line 48, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-ui-settings:after {
  text-decoration: none;
}
/* line 428, ../../../compass/themes/x2engine/css/form.scss */
.admin-screen h2#admin-ui-settings::after {
  float: left;
  width: 0;
  font-size: 23px !important;
  position: relative;
  left: 29px;
  top: -6px;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-import-export:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-lead-capture:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-doc-and-videos:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-email:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-settings:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-x2studio:before {
  text-decoration: none;
}
/* line 35, ../../../compass/css/lib/_icons.scss */
.admin-screen h2#admin-support:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-users:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-utilities:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-workflow:before {
  text-decoration: none;
}
/* line 39, ../../../compass/css/lib/_font-awesome.scss */
.admin-screen h2#admin-security:before {
  text-decoration: none;
}

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

/* line 519, ../../../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 522, ../../../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 526, ../../../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 533, ../../../compass/themes/x2engine/css/form.scss */
.cell.checkbox label, .cell.checkbox input {
  display: inline;
}

/* line 539, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .row {
  clear: both;
}
/* line 544, ../../../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 549, ../../../compass/themes/x2engine/css/form.scss */
div.form .float-row, div.form2 .float-row {
  overflow: auto;
}
/* line 551, ../../../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 556, ../../../compass/themes/x2engine/css/form.scss */
div.form .row.buttons, div.form2 .row.buttons {
  /* margin-top:10px; */
}
/* line 561, ../../../compass/themes/x2engine/css/form.scss */
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
  clear: left;
  padding-left: 110px;
}

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

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

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

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

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

/* line 636, ../../../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 640, ../../../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 645, ../../../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 651, ../../../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 657, ../../../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 665, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_wrapper {
  background-image: none;
  background-color: #eee;
}
/* line 669, ../../../compass/themes/x2engine/css/form.scss */
html .cke_skin_kama .cke_focus {
  outline: none;
}

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

/* line 689, ../../../compass/themes/x2engine/css/form.scss */
.form2 input.left-input, .all-form-input-style input.left-input {
  display: inline-block;
}
/* line 692, ../../../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 698, ../../../compass/themes/x2engine/css/form.scss */
.form2 label.left-label + input, .all-form-input-style label.left-label + input {
  margin-left: 2px;
}
/* line 702, ../../../compass/themes/x2engine/css/form.scss */
.form2 label + .x2-hint, .all-form-input-style label + .x2-hint {
  margin-left: 4px;
}
/* line 705, ../../../compass/themes/x2engine/css/form.scss */
.form2 label, .all-form-input-style label {
  font-size: 11px;
  color: #222;
  font-weight: bold;
}
/* line 710, ../../../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 726, ../../../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 737, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon,
.inline-edit .confirm-icon {
  margin-right: 4px;
}
/* line 742, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .edit-icon {
  display: none;
  width: 0;
  margin-right: 3px;
}
/* line 747, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .edit-icon.active {
  opacity: 0.0;
  width: 0px;
  display: inline-block;
  overflow: hidden;
}
/* line 755, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit:hover .edit-icon.active {
  opacity: 1.0;
  width: 15px;
  display: inline-block;
}
/* line 761, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon,
.inline-edit .confirm-icon {
  opacity: 0.0;
  display: none;
  transition: opacity 0.2s;
}
/* line 767, ../../../compass/themes/x2engine/css/form.scss */
.inline-edit .cancel-icon.active,
.inline-edit .confirm-icon.active {
  opacity: 1.0;
  display: inline-block;
}
