/*!*********************************************************************************
 * 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".
 **********************************************************************************/
/***********************************************************************************
 * 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
******************************************/
/***********************************************************************************
 * 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)
 */
/* makes the font 33% larger relative to the icon container */
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent 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".
 **********************************************************************************/
/*
  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)
 */
/* makes the font 33% larger relative to the icon container */
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
/**************************************************
* 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 */
/* line 49, ../../../compass/themes/x2engine/css/main.scss */
body {
  margin: 0;
  padding: 0;
  font: normal 10pt Arial, Helvetica, sans-serif;
  /* background: url(background2.gif) top left repeat-x #000; */
}
/* line 54, ../../../compass/themes/x2engine/css/main.scss */
body.login {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  /* background: url(../images/login_white_bg.png) repeat-x left center; */
}

/***********************************************************************
General Table Rules
***********************************************************************/
/* line 67, ../../../compass/themes/x2engine/css/main.scss */
table {
  width: 100%;
  margin-bottom: 0.5em;
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

/* line 75, ../../../compass/themes/x2engine/css/main.scss */
th, td {
  vertical-align: middle;
}

/* line 79, ../../../compass/themes/x2engine/css/main.scss */
caption, th, td {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  float: none !important;
}

/* div, span, a {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
} */
/* for IE and Opera: unselectable="on" */
/* span.x2-hint {
        text-decoration: none;
        font-size: 12px;
        color: #666;
        cursor: pointer;
}

span.x2-hint:hover {
        color: #999;
} */
/* line 108, ../../../compass/themes/x2engine/css/main.scss */
ul.filter-hint {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
}
/* line 112, ../../../compass/themes/x2engine/css/main.scss */
ul.filter-hint li {
  margin: 0;
  padding: 0;
}
/* line 116, ../../../compass/themes/x2engine/css/main.scss */
ul.filter-hint b {
  display: inline-block;
  width: 20px;
}

/* #content {
        padding: 0 45px 20px 45px;
}     create padding for pages without column2.php layout  */
/* line 126, ../../../compass/themes/x2engine/css/main.scss */
.span-15 #content {
  padding: 0;
}

/* line 131, ../../../compass/themes/x2engine/css/main.scss */
.span-20 #content {
  padding: 0;
}
/* line 134, ../../../compass/themes/x2engine/css/main.scss */
.span-20#content-box {
  width: 780px;
}

/* blueprint doesn't create any margin for the last span */
/* line 141, ../../../compass/themes/x2engine/css/main.scss */
#dashSIDE {
  position: relative;
  height: 400px;
  margin-left: -80px;
}

/* line 147, ../../../compass/themes/x2engine/css/main.scss */
#recent-items > .portlet-content {
  max-height: 203px;
  overflow: hidden;
}
/* line 150, ../../../compass/themes/x2engine/css/main.scss */
#recent-items > .portlet-content:hover {
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 157, ../../../compass/themes/x2engine/css/main.scss */
#actions .portlet-content, #recent-items .portlet-content, #top-contacts .portlet-content {
  padding: 0 0 5px 0;
}

/* line 161, ../../../compass/themes/x2engine/css/main.scss */
#actions li, #recent-items li, #top-contacts li {
  margin: 0;
}

/* line 165, ../../../compass/themes/x2engine/css/main.scss */
#actions a, #recent-items .portlet-content a, #top-contacts .portlet-content a, #actions li > span, #recent-items span, #top-contacts span {
  display: block;
  padding: 5px 10px;
  font-weight: normal;
  text-decoration: none;
}

/* line 172, ../../../compass/themes/x2engine/css/main.scss */
#actions a:link, #recent-items .portlet-content a:link, #top-contacts .portlet-content a:link, #actions a:visited, #recent-items .portlet-content a:visited, #top-contacts .portlet-content a:visited {
  background: transparent;
  color: black;
}

/* line 177, ../../../compass/themes/x2engine/css/main.scss */
#actions .portlet-content a:hover, #recent-items .portlet-content a:hover, #actions span, #recent-items span, #top-contacts span, #actions a:active, #recent-items .portlet-content a:active {
  background: #E9E9E9;
}

/* line 181, ../../../compass/themes/x2engine/css/main.scss */
#recent-items .portlet-content a, #top-contacts .portlet-content a {
  text-decoration: none;
  font-size: 11px;
}

/* line 186, ../../../compass/themes/x2engine/css/main.scss */
#recent-items .portlet-content a strong {
  font-size: 12px;
}

/* line 190, ../../../compass/themes/x2engine/css/main.scss */
#top-contacts li {
  position: relative;
}
/* line 192, ../../../compass/themes/x2engine/css/main.scss */
#top-contacts li .delete-link {
  display: none;
  width: auto;
  padding: 0;
  color: inherit;
  float: right;
  background: none;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  height: 11px;
  margin: auto;
}
/* line 205, ../../../compass/themes/x2engine/css/main.scss */
#top-contacts li .delete-link i {
  color: #c5c5c5;
  /* @theme color: text */
  opacity: 0.7;
}
/* line 77, ../../../compass/css/lib/_standards.scss */
#top-contacts li .delete-link i:hover {
  opacity: 1;
}
/* line 210, ../../../compass/themes/x2engine/css/main.scss */
#top-contacts li:hover .delete-link {
  display: block;
}

/* line 217, ../../../compass/themes/x2engine/css/main.scss */
#top-contacts .portlet-content a strong {
  font-size: 12px;
}

/* line 222, ../../../compass/themes/x2engine/css/main.scss */
#recent-items .portlet-content {
  word-wrap: break-word;
}

/* Widgets */
/* line 228, ../../../compass/themes/x2engine/css/main.scss */
div.blah {
  height: 850px;
}

/* line 232, ../../../compass/themes/x2engine/css/main.scss */
#dashboard-grid {
  width: 1000px;
  height: 700px;
  margin-top: 40px;
}

/* line 238, ../../../compass/themes/x2engine/css/main.scss */
.itemsColumn2 {
  float: left;
  width: 37.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 245, ../../../compass/themes/x2engine/css/main.scss */
.itemsColumn3 {
  float: left;
  width: 24.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 252, ../../../compass/themes/x2engine/css/main.scss */
.itemsColumn4 {
  float: left;
  width: 18.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 259, ../../../compass/themes/x2engine/css/main.scss */
div.portlet-minimize {
  height: 13px;
  float: right;
  font-size: 14px;
  font-weight: normal;
}
/* line 264, ../../../compass/themes/x2engine/css/main.scss */
div.portlet-minimize a {
  text-decoration: none;
}

/* div.portlet-minimize .close-widget {
        background: url(../images/icons/Close_Widget.png) center center no-repeat;
} */
/* line 273, ../../../compass/themes/x2engine/css/main.scss */
.left-widget-min-max {
  height: 5px;
  padding: 0 !important;
  padding-right: 5px !important;
  padding-top: 4px !important;
  width: 15px;
  display: inline-block;
  cursor: pointer;
  opacity: 0.7;
}
/* line 284, ../../../compass/themes/x2engine/css/main.scss */
.left-widget-min-max:hover {
  opacity: 1;
}

/* line 289, ../../../compass/themes/x2engine/css/main.scss */
.portlet-minimize .expand-widget,
.portlet-close-button,
.activity-control-link,
.left-widget-min-max {
  opacity: 0.7;
}

/* line 297, ../../../compass/themes/x2engine/css/main.scss */
.portlet-minimize .collapse-widget {
  opacity: 0.7;
}
/* line 300, ../../../compass/themes/x2engine/css/main.scss */
.portlet-minimize .portlet-close-button:hover,
.portlet-minimize .expand-widget:hover {
  opacity: 0.7;
}

/* line 306, ../../../compass/themes/x2engine/css/main.scss */
.portlet-close-button {
  margin-right: 5px;
}

/* line 310, ../../../compass/themes/x2engine/css/main.scss */
.portlet-close-button > :hover, .activity-control-link > :hover, .left-widget-min-max > :hover {
  opacity: 1;
}

/* line 315, ../../../compass/themes/x2engine/css/main.scss */
.portlet-minimize a {
  color: inherit;
}
/* line 320, ../../../compass/themes/x2engine/css/main.scss */
.portlet-minimize .collapse-widget {
  position: relative;
  top: -3px;
  margin-right: 8px;
  /* background: url(../images/icons/Collapse_Widget.png) center center no-repeat; */
}
/* line 321, ../../../compass/themes/x2engine/css/main.scss */
.portlet-minimize .collapse-widget:hover {
  opacity: 0.9;
}
/* line 329, ../../../compass/themes/x2engine/css/main.scss */
.portlet-minimize .expand-widget {
  margin-right: 10px;
  /* background: url(../images/icons/Expand_Widget.png) center center no-repeat; */
}

/*********************************
* Right Widget CSS
********************************/
/***********************************************************************************
 * 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".
 **********************************************************************************/
/* line 37, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_MessageBox .portlet-content {
  text-align: center;
}

/* line 41, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#motd-form {
  text-align: left;
}

/* line 45, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TwitterFeed .portlet-content, #widget_GoogleMaps .portlet-content {
  padding: 0 0 10px 0;
}

/* line 50, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TwitterFeed .twtr-hd {
  padding: 5px 5px 0 5px;
}
/* line 53, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TwitterFeed .twtr-ft {
  display: none;
}

/* line 58, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_QuickContact .portlet-content {
  padding: 3px 3px 0 3px;
}
/* line 59, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_QuickContact .portlet-content * {
  font-size: 10px;
}

/***********************************************************************
* activity feed widget 
***********************************************************************/
/* line 70, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_ChatBox > div.portlet-content {
  overflow-y: hidden;
}
/* line 73, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_ChatBox .portlet-content {
  padding: 0;
}

/* line 78, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#feed-box {
  height: 200px;
  width: auto;
  margin: 5px;
  padding: 0 4px;
  overflow-y: auto;
  word-wrap: break-word;
  line-height: 1.1em;
  font-size: 9pt;
  color: #333;
  background: #fcfcfc;
  border: 1px solid #F5F5F5;
}

/*#widget_ChatBox textarea, #chat.full-screen textarea {
        display: block;
        width: 100%;
        margin: 0;
        padding: 2px;
        height: 50px;
        border: 1px solid #F5F5F5;
        background: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        resize: none;
        overflow: hidden;
}
#widget_ChatBox div.textarea-container {
        display: block;
        margin: 0 11px 0 5px;
        width: auto;
}*/
/*#chat.full-screen textarea {
        margin: 0 5px 0 0;
        padding: 5px;
        display: inline;
        float: left;
        width: 565px;
        height: 30px;
}*/
/* line 119, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_ChatBox input {
  float: right;
  width: 80px;
}

/* line 125, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#feed-box div.message {
  margin-bottom: 10px;
  white-space: pre-wrap;
}
/* line 129, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#feed-box a {
  text-decoration: none;
}
/* line 132, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#feed-box span.my-username {
  color: #999;
}

/* line 137, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_ChatBox .chat-timestamp {
  display: none;
}

/* line 142, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#chat.full-screen #feed-box {
  width: 650px;
  margin: 5px 0;
  padding: 5px;
  height: 350px;
}
/* line 148, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#chat.full-screen input {
  float: left;
  margin: 0;
  width: 80px;
  line-height: 16px;
  padding: 12px;
}

/* line 158, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_ChatBox.full-screen .chat-timestamp {
  display: inline;
}
/* line 161, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_ChatBox.full-screen input {
  float: left;
  width: auto;
}

/* #widget_NoteBox input {
        width: 170px;
} */
/***********************************************************************
* Tag Cloud 
***********************************************************************/
/* line 177, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TagCloud .tag, #widget_MediaBox .media-item, .x2-tag-list .tag {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  margin: 2px 2px;
  display: inline-block;
  padding: 2px;
  background-color: #f0f0f0;
}
/* line 186, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TagCloud .tag input[type="text"], #widget_MediaBox .media-item input[type="text"], .x2-tag-list .tag input[type="text"] {
  border: 1px solid #c5c5c5;
}

/* line 191, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TagCloud .tag a, #widget_MediaBox .media-item a, .x2-tag-list .tag a {
  text-decoration: none;
  color: black;
}

/* line 196, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_OnlineUsers .user {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cacaca;
  margin: 2px 2px;
  display: block;
  float: left;
  padding: 2px;
  background-color: #f0f0f0;
}
/* line 197, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_OnlineUsers .user a {
  text-decoration: none;
  color: black;
}

/***********************************************************************
* Clock Widget
***********************************************************************/
/* line 214, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone {
  text-align: center;
}
/* line 216, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone .portlet-content {
  overflow-y: hidden;
}
/* line 219, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone #tzClock {
  position: relative;
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto 0 auto;
  background: url(../images/clockface.png);
  list-style: none;
}
/* line 228, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone #tzClock2 {
  display: block;
}
/* line 231, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone li {
  position: absolute;
  width: 4px;
  height: 88px;
  top: 0px;
  left: 42px;
}
/* line 237, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone li div {
  margin: 0 auto;
}
/* line 241, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone li.sec div:first-child {
  margin-top: 12px;
  width: 1px;
  background: red;
  height: 32px;
}
/* line 247, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone li.sec div:last-child {
  width: 3px;
  background: red;
  height: 18px;
}
/* line 253, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone li.min div {
  width: 2px;
  margin-top: 14px;
  background: black;
  height: 30px;
}
/* line 259, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_TimeZone li.hour div {
  margin-top: 22px;
  width: 3px;
  background: black;
  height: 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/***********************************************************************
* NoteBox
***********************************************************************/
/* line 275, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_NoteBox .portlet-content {
  padding: 0;
  overflow: hidden;
}
/* line 280, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_NoteBox textarea {
  display: block;
  margin: 0 5px;
  padding: 2px;
  width: 164px;
  height: 50px;
  border: 1px solid #F5F5F5;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  resize: none;
  overflow: hidden;
}

/* line 296, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#note-box {
  height: 200px;
  width: auto;
  margin: 5px;
  padding: 0 4px;
  overflow-y: auto;
  word-wrap: break-word;
  line-height: 1.1em;
  font-size: 9pt;
  color: #555;
  background: #fcfcfc;
  border: 1px solid #F5F5F5;
}

/***********************************************************************
* Doc Viewer
***********************************************************************/
/* line 316, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_DocViewer .portlet-content {
  padding: 0;
}
/* line 320, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_DocViewer textarea {
  display: block;
  margin: 0 5px;
  padding: 2px;
  width: 164px;
  height: 50px;
  border: 1px solid #F5F5F5;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  resize: none;
  overflow: hidden;
}
/* line 334, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#widget_DocViewer input {
  width: 160px;
}

/* line 339, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#docview-box {
  height: 200px;
  width: auto;
  margin: 5px;
  padding: 0 4px;
  overflow-y: auto;
  word-wrap: break-word;
  line-height: 1.1em;
  font-size: 9pt;
  color: #555;
  background: #fcfcfc;
  border: 1px solid #F5F5F5;
}

/* line 354, ../../../compass/themes/x2engine/css/partials/_rightWidgets.scss */
#docview-input {
  padding: 5px;
}

/* line 342, ../../../compass/themes/x2engine/css/main.scss */
div.shown {
  margin-left: 10px;
  border: 1px solid black;
  width: 130px;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  background: #fff;
}

/* line 353, ../../../compass/themes/x2engine/css/main.scss */
p.descrip {
  font-weight: bold;
}

/* line 357, ../../../compass/themes/x2engine/css/main.scss */
#actionLS {
  padding: 5px 15px 5px 15px;
}

/* #action-form textarea {
        width: 558px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
} */
/* line 367, ../../../compass/themes/x2engine/css/main.scss */
.history {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* line 371, ../../../compass/themes/x2engine/css/main.scss */
.history #history {
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15), 0px -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15), 0px -1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15), 0px -1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15), 0px -1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15), 0px -1px 1px rgba(0, 0, 0, 0.1);
}
/* line 375, ../../../compass/themes/x2engine/css/main.scss */
.history .text-area-wrapper {
  margin: 0;
  padding: 2px 4px;
}
/* line 379, ../../../compass/themes/x2engine/css/main.scss */
.history #save-publisher {
  width: 70px;
  text-align: center;
  float: right;
  margin: 0;
}
/* line 385, ../../../compass/themes/x2engine/css/main.scss */
.history .publisher-tabs {
  padding: 5px;
  margin: 5px 0 0 0;
  background: #fff;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
/* line 392, ../../../compass/themes/x2engine/css/main.scss */
.history .action-history-controls {
  border: none;
}
/* line 396, ../../../compass/themes/x2engine/css/main.scss */
.history .list-view .items {
  border-left: none;
  border-right: none;
  border-bottom: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
/* line 403, ../../../compass/themes/x2engine/css/main.scss */
.history .action-history-controls {
  -webkit-border-radius: 4px 4px 0 0 !important;
  -moz-border-radius: 4px 4px 0 0 !important;
  -ms-border-radius: 4px 4px 0 0 !important;
  -o-border-radius: 4px 4px 0 0 !important;
  border-radius: 4px 4px 0 0 !important;
  margin-bottom: -2px !important;
  border: none !important;
}
/* line 410, ../../../compass/themes/x2engine/css/main.scss */
.history .history .pager {
  -webkit-border-radius: 0 0 4px 4px !important;
  -moz-border-radius: 0 0 4px 4px !important;
  -ms-border-radius: 0 0 4px 4px !important;
  -o-border-radius: 0 0 4px 4px !important;
  border-radius: 0 0 4px 4px !important;
  border: 1px solid #c5c5c5 !important;
  margin-top: -3px !important;
}

/* line 418, ../../../compass/themes/x2engine/css/main.scss */
.ui-widget-content {
  /* background: none; */
}

/* line 424, ../../../compass/themes/x2engine/css/main.scss */
.list-view h2, .list-view h3, .list-view h4 {
  display: inline;
  margin-bottom: 0;
}
/* line 428, ../../../compass/themes/x2engine/css/main.scss */
.list-view .items {
  clear: both;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
/* line 435, ../../../compass/themes/x2engine/css/main.scss */
.list-view .empty {
  margin: 0 0 5px 5px;
  display: block;
}
/* line 439, ../../../compass/themes/x2engine/css/main.scss */
.list-view .comment-age {
  color: #666;
}
/* line 442, ../../../compass/themes/x2engine/css/main.scss */
.list-view .summary {
  color: #555;
  display: inline;
  float: right;
}
/* line 447, ../../../compass/themes/x2engine/css/main.scss */
.list-view .view {
  clear: both;
  padding: 0;
  width: auto;
}
/* line 452, ../../../compass/themes/x2engine/css/main.scss */
.list-view a {
  text-decoration: none;
}
/* line 455, ../../../compass/themes/x2engine/css/main.scss */
.list-view .view.top-level {
  border-top: 1px solid #F5F5F5;
  padding: 2px 5px 10px 5px;
}
/* line 458, ../../../compass/themes/x2engine/css/main.scss */
.list-view .view.top-level.date-break {
  text-align: center;
  font-weight: bold;
  background-color: #eee;
  padding: 2px 5px 5px 5px;
}
/* line 464, ../../../compass/themes/x2engine/css/main.scss */
.list-view .view.top-level .list-view {
  margin: 0 -5px;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 470, ../../../compass/themes/x2engine/css/main.scss */
.list-view .view.top-level form {
  margin-top: 5px;
}
/* line 473, ../../../compass/themes/x2engine/css/main.scss */
.list-view .view.top-level .view {
  /*second level comment*/
  background: #eee;
  margin: 0;
  padding: 2px 5px 2px 20px;
  border: solid #F5F5F5;
  border-width: 1px 0 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 482, ../../../compass/themes/x2engine/css/main.scss */
.list-view .view.top-level:first-child {
  border-top: none;
}
/* line 486, ../../../compass/themes/x2engine/css/main.scss */
.list-view .deleteButton {
  float: right;
}
/* line 489, ../../../compass/themes/x2engine/css/main.scss */
.list-view .pager {
  margin: 5px 0 5px 0;
  text-align: right;
  border: 1px solid #ccc;
  padding: 5px;
  background: #fff;
  margin: 5px 0 0 0;
  text-align: right;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -ms-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

/* line 501, ../../../compass/themes/x2engine/css/main.scss */
.event-text-box {
  margin-left: 50px;
}

/* line 507, ../../../compass/themes/x2engine/css/main.scss */
.drive-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
}

/* line 513, ../../../compass/themes/x2engine/css/main.scss */
div.loading-icon {
  background: url(../images/loading.gif) no-repeat;
  height: 32px;
  width: 32px;
}

/* line 520, ../../../compass/themes/x2engine/css/main.scss */
.action-description, a.action-description {
  text-decoration: none;
  color: black;
}

/* line 526, ../../../compass/themes/x2engine/css/main.scss */
.dashSubmit {
  float: right;
}

/**
 * These have been replaced by icons in-layout
 */
/* line 537, ../../../compass/themes/x2engine/css/main.scss */
div.control-button.icon.complete-button {
  background: url("../images/icons/Complete.png") no-repeat center center;
  height: 17px;
  width: 22px;
}
/* line 542, ../../../compass/themes/x2engine/css/main.scss */
div.control-button.icon.uncomplete-button {
  background: url("../images/icons/Uncomplete.png") no-repeat center center;
  height: 17px;
  width: 22px;
}
/* line 547, ../../../compass/themes/x2engine/css/main.scss */
div.control-button.icon.edit-button {
  background: url("../images/icons/Edit.png") no-repeat center center;
  height: 17px;
  width: 22px;
}
/* line 552, ../../../compass/themes/x2engine/css/main.scss */
div.control-button.icon.delete-button {
  background: url("../images/icons/Delete1.png") no-repeat center center;
  height: 21px;
  width: 21px;
}
/* line 558, ../../../compass/themes/x2engine/css/main.scss */
div.control-button.sticky-button {
  background: url("../images/Unsticky1.png") no-repeat center center;
  height: 21px;
  width: 22px;
}
/* line 562, ../../../compass/themes/x2engine/css/main.scss */
div.control-button.sticky-button.unsticky {
  background: url("../images/Sticky1.png") no-repeat center center;
  height: 21px;
  width: 22px;
}

/* line 570, ../../../compass/themes/x2engine/css/main.scss */
div.sticky-icon {
  float: right;
  background: url("../images/Sticky1.png") no-repeat center center;
  height: 21px;
  width: 22px;
  margin-top: 10px;
  margin-right: 10px;
}

/* line 581, ../../../compass/themes/x2engine/css/main.scss */
div.list-actions {
  float: left;
  margin-top: -4px;
}

/* line 592, ../../../compass/themes/x2engine/css/main.scss */
span.event-text {
  display: block;
}
/* line 594, ../../../compass/themes/x2engine/css/main.scss */
span.event-text img.attachment-img {
  margin: 5px;
  display: block;
  max-width: none;
    video.attachment-video {
         width: 300px;
         max-height: 300px;
     }
}

/* line 601, ../../../compass/themes/x2engine/css/main.scss */
#logo {
  margin-left: 1px;
  padding: 10px 20px;
  font-size: 200%;
}

/* line 607, ../../../compass/themes/x2engine/css/main.scss */
div.date-box {
  display: inline-block;
  height: 22px;
  width: 22px;
  margin: 0 5px;
  border: 1px solid #000;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  vertical-align: middle;
}
/* line 617, ../../../compass/themes/x2engine/css/main.scss */
div.date-box span {
  display: block;
  font-weight: bold;
}
/* line 621, ../../../compass/themes/x2engine/css/main.scss */
div.date-box .month {
  background: #444;
  color: #fff;
  font-size: 8px;
  line-height: 10px;
  text-transform: uppercase;
}
/* line 628, ../../../compass/themes/x2engine/css/main.scss */
div.date-box .day {
  display: block;
  font-size: 12px;
  line-height: 12px;
}

/* line 635, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box {
  height: 32px;
  width: 32px;
  margin: 5px 5px 5px 5px;
  border: 2px solid #999;
  display: block;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 645, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box {
  background: none;
}
/* line 647, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box .month {
  background: #999;
  font-size: 10px;
  line-height: 11px;
  border-bottom: 1px solid #999;
}
/* line 653, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box .day {
  font-size: 14px;
  line-height: 20px;
  /* @theme color: lighter_link */
}
/* line 658, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box.p-3 {
  border-color: #f25050;
}
/* line 661, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box.p-2 {
  border-color: #f8ab50;
}
/* line 664, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box.p-1 {
  border-color: #004baf;
  /* @theme border-color: lighter_link */
}
/* line 668, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box.p-3 .month {
  background: #f25050;
  border-color: #f25050;
}
/* line 672, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box.p-2 .month {
  background: #f8ab50;
  border-color: #f8ab50;
}
/* line 676, ../../../compass/themes/x2engine/css/main.scss */
.list-view div.date-box.p-1 .month {
  background: #004baf;
  border-color: #004baf;
  /* @theme background: lighter_link */
  /* @theme border-color: lighter_link */
  /* @theme color: content */
}

/*
yii flash box
*/
/* line 690, ../../../compass/themes/x2engine/css/main.scss */
div.flash-error, div.flash-notice, div.flash-success {
  margin-bottom: 0;
  padding: .8em;
  border: 2px solid #F5F5F5;
}
/* line 695, ../../../compass/themes/x2engine/css/main.scss */
div.flash-error {
  background: #fbe3e4;
  color: #8a1f11;
  border: 2px solid #fbc2c4;
}

/* line 702, ../../../compass/themes/x2engine/css/main.scss */
ul.flash-error {
  background: #fbe3e4;
  color: #8a1f11;
  border: 2px solid #fbc2c4;
}

/* line 709, ../../../compass/themes/x2engine/css/main.scss */
div.flash-loading, div.flash-notice {
  background: #fff6bf;
  color: #514721;
  border: 2px solid #ffd324;
}
/* line 714, ../../../compass/themes/x2engine/css/main.scss */
div.flash-success {
  background: #e6efc2;
  color: #264409;
  border: 2px solid #c6d880;
}
/* line 719, ../../../compass/themes/x2engine/css/main.scss */
div.flash-tip {
  background: #c5ebfd;
  color: #454545;
  border: 2px solid #94dafb;
}
/* line 724, ../../../compass/themes/x2engine/css/main.scss */
div.flash-error a {
  color: #8a1f11;
}
/* line 727, ../../../compass/themes/x2engine/css/main.scss */
div.flash-notice a {
  color: #514721;
}
/* line 730, ../../../compass/themes/x2engine/css/main.scss */
div.flash-success a {
  color: #264409;
}
/* line 733, ../../../compass/themes/x2engine/css/main.scss */
div.search-form {
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px;
  background: #eee;
}
/* line 738, ../../../compass/themes/x2engine/css/main.scss */
div.search-form div.wide.form textarea {
  width: 420px;
}
/* line 742, ../../../compass/themes/x2engine/css/main.scss */
div.contact-lists td.contact-count {
  /*background: url(../images/contact-icon.png) 5px center no-repeat;*/
  /*padding-left: 24px;*/
}

/*div.contact-lists th {
        padding-left: 8px !important;
        text-align: left !important;
}
div.contact-lists th.contact-count {
        width: 100px;
}*/
/* line 756, ../../../compass/themes/x2engine/css/main.scss */
#lists-grid tr.bold td {
  font-weight: bold;
}

/* line 760, ../../../compass/themes/x2engine/css/main.scss */
#profile {
  float: left;
  width: 300px;
}

/* line 765, ../../../compass/themes/x2engine/css/main.scss */
div#code-snippet {
  font-family: "Courier New", Courier, monospace;
  background: #f8f8f8;
  border: 1px solid #F5F5F5;
  padding: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
}

/* line 776, ../../../compass/themes/x2engine/css/main.scss */
.yiiLog {
  display: block;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: auto !important;
  overflow-y: scroll;
}

/* line 786, ../../../compass/themes/x2engine/css/main.scss */
.yiiTranslationList {
  display: block;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: auto !important;
  overflow-y: scroll;
  width: 150px;
  border: 1px solid #000;
  background: #fff;
  overflow-y: auto;
}

/* line 801, ../../../compass/themes/x2engine/css/main.scss */
.yiiLog tbody {
  width: 100%;
}
/* line 804, ../../../compass/themes/x2engine/css/main.scss */
.yiiLog pre {
  margin: 0;
}

/* line 809, ../../../compass/themes/x2engine/css/main.scss */
.flowTrace {
  background: #fff;
  position: fixed;
  z-index: 2000;
  bottom: 0;
  left: 0;
  height: 200px;
  width: 500px;
  overflow-y: scroll;
}

/* line 821, ../../../compass/themes/x2engine/css/main.scss */
dt.yii-t {
  display: inline;
}

/* line 825, ../../../compass/themes/x2engine/css/main.scss */
body.yii-t dt.yii-t {
  cursor: help;
  background: rgba(255, 0, 0, 0.5);
}

/* line 830, ../../../compass/themes/x2engine/css/main.scss */
.email-attachment-image {
  display: inline-block;
  height: 30px;
  width: 30px;
}

/* line 836, ../../../compass/themes/x2engine/css/main.scss */
.email-attachment-text {
  position: relative;
  left: 10px;
  vertical-align: 50%;
}

/* line 842, ../../../compass/themes/x2engine/css/main.scss */
#media-library-widget-wrapper {
  display: inline-block;
  overflow: hidden;
  /* width: 100%; */
}

/* line 848, ../../../compass/themes/x2engine/css/main.scss */
#media-library-widget-container {
  overflow: auto;
  height: 100%;
  width: 100%;
}

/* line 854, ../../../compass/themes/x2engine/css/main.scss */
#widget_MediaBox .ui-resizable-s {
  height: 14px;
}

/* line 858, ../../../compass/themes/x2engine/css/main.scss */
.media-hover-image {
  height: 64px;
  width: 64px;
  float: left;
}

/* line 864, ../../../compass/themes/x2engine/css/main.scss */
.media-library-item {
  cursor: pointer;
}

/* line 868, ../../../compass/themes/x2engine/css/main.scss */
.media-library-showhide {
  cursor: pointer;
  text-decoration: none;
  float: right;
}

/* line 874, ../../../compass/themes/x2engine/css/main.scss */
.delete-tag {
  color: #06C;
  font-size: 0.7em;
  vertical-align: 15%;
  cursor: pointer;
}
/* line 879, ../../../compass/themes/x2engine/css/main.scss */
.delete-tag:hover {
  color: #09F;
}

/* line 884, ../../../compass/themes/x2engine/css/main.scss */
.tag input.x2-new-tag {
  margin: 0;
  padding: 0;
  border: none;
  background: #F0F0F0;
  width: 10px;
}

/* line 892, ../../../compass/themes/x2engine/css/main.scss */
.overdue {
  color: #E60000;
}

/* line 896, ../../../compass/themes/x2engine/css/main.scss */
textarea.restrictX {
  max-width: 100%;
}

/***********************************************************************
* tip widget 
***********************************************************************/
/* line 904, ../../../compass/themes/x2engine/css/main.scss */
.tip-refresh {
  float: right;
  cursor: pointer;
}

/* line 908, ../../../compass/themes/x2engine/css/main.scss */
.tip-title {
  text-align: center;
  font-weight: bold;
}

/* line 912, ../../../compass/themes/x2engine/css/main.scss */
.tip {
  text-align: center;
}

/* line 915, ../../../compass/themes/x2engine/css/main.scss */
#tip-content {
  margin-right: 22px;
}

/* line 918, ../../../compass/themes/x2engine/css/main.scss */
.tip-refresh {
  opacity: 0.4;
}

/* line 921, ../../../compass/themes/x2engine/css/main.scss */
.tip-refresh:hover {
  opacity: 0.6;
}

/***********************************************************************
Error Handling
***********************************************************************/
/* line 929, ../../../compass/themes/x2engine/css/main.scss */
input.error {
  background: #FEE;
  border-color: #C00 !important;
}

/* line 934, ../../../compass/themes/x2engine/css/main.scss */
span.error-message, div.error-message {
  color: red;
}

/*
Error message container
*/
/* line 942, ../../../compass/themes/x2engine/css/main.scss */
.error-summary-container {
  clear: both;
  background: #FEE;
  border: 2px solid #C00;
  font-size: 0.9em;
  padding: 5px;
  margin-bottom: 1px;
  margin-top: 5px;
}
/* line 950, ../../../compass/themes/x2engine/css/main.scss */
.error-summary-container p {
  margin: 0;
  padding: 5px;
}
/* line 954, ../../../compass/themes/x2engine/css/main.scss */
.error-summary-container ul {
  margin: 0;
  padding: 0 0 0 20px;
}

/***********************************************************************
Credentials storage manager
***********************************************************************/
/* line 964, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage {
  padding: 10px;
}
/* line 966, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .credentials-view {
  border-radius: 4px;
  border: 1px solid #999;
  padding: 10px;
  margin-bottom: 10px;
}
/* line 972, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .info-display {
  display: inline-block;
}
/* line 975, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .default-state {
  display: inline-block;
  font-size: 12px;
  padding: 4px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #EEEEEE;
  border: 1px solid #999999;
}
/* line 984, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .default-state.default-state-set {
  border-color: #C6D880;
  background-color: #E6EFC2;
}
/* line 988, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .default-state * {
  display: inline-block;
  vertical-align: middle;
}
/* line 992, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .default-state .default-apply {
  display: none;
}
/* line 996, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .credentials-view .credentials-delete {
  float: right;
  display: block;
  clear: left;
  vertical-align: top;
  margin-top: 0;
}
/* line 1004, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .unencrypted {
  color: #e24b4b;
}
/* line 1007, ../../../compass/themes/x2engine/css/main.scss */
.credentials-storage .encrypted {
  color: #01b701;
}

/* line 1013, ../../../compass/themes/x2engine/css/main.scss */
.default-display {
  padding-top: 3px;
}

/* line 1018, ../../../compass/themes/x2engine/css/main.scss */
p.fieldhelp-above {
  color: #666;
  font-size: 12px;
  margin: -0.2px 0 0.8em;
  width: 193px;
}
/* line 1024, ../../../compass/themes/x2engine/css/main.scss */
p.fieldhelp-thin-small {
  color: #666;
  font-size: 11px;
  margin-bottom: 0;
  width: 193px;
}
/* line 1030, ../../../compass/themes/x2engine/css/main.scss */
p.fieldhelp {
  color: #666;
  font-size: 12px;
  margin: -0.3em 0 0.8em;
  width: 193px;
}
/* line 1035, ../../../compass/themes/x2engine/css/main.scss */
p.fieldhelp.half {
  display: inline-block;
  width: 79px;
  margin: 0;
}

/* line 1043, ../../../compass/themes/x2engine/css/main.scss */
span.x2-down-arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid dimGray;
  width: 0px !important;
  height: 0px !important;
}
