/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* LOAD CUSTOM FONTS */
@font-face {
  font-family: "salesways";
  src: url("/fonts/salesways.eot?1.20");
  src: url("/fonts/salesways.eot?1.20#iefix") format("embedded-opentype"), url("/fonts/salesways.woff?1.20") format("woff"), url("/fonts/salesways.ttf?1.20") format("truetype"), url("/fonts/salesways.svg?1.20#salesways") format("svg");
  font-weight: normal;
  font-style: normal; }
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll; }

html, body, button, input, select, textarea {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #222; }

input, textarea {
  padding: .25em .5em; }

body {
  background: #EFEFEF;
  margin: 0 auto;
  font-size: 14px;
  min-width: 980px;
  line-height: 1.5833em; }

html, body {
  height: 100%; }

body.wait, body.wait * {
  cursor: wait !important; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
/*
::-moz-selection { background: #ff283d; color: #fff; text-shadow: none; }
::selection { background: #ff283d; color: #fff; text-shadow: none; }
*/
/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #bf1e2e; }
  a:visited, a:active {
    color: #bf1e2e;
    outline: 0; }
  a:hover {
    color: #e65d6b; }
  a.selected {
    background-color: #bf1e2e;
    color: white;
    padding: 0 3px;
    text-decoration: none; }
  a.white {
    color: white; }
  a.white:hover {
    color: #bf1e2e; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold;
  vertical-align: baseline; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0;
  padding: 0; }

ins {
  background: transparent;
  color: #000;
  text-decoration: none; }

/* color fix for jsTREE */
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

em {
  font-style: italic; }

h1, h2, h3, h4, h5 {
  font-weight: 100; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.25em; }
  h3.section_heading {
    background: none repeat scroll 0 0 #bfbfbf;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid white;
    color: white;
    padding: 0 10px; }
  h3.panel_heading {
    padding: 10px;
    margin: 0; }
  h3.widget_heading {
    padding: 0 10px;
    margin-bottom: 0;
    text-align: center; }
  h3.required {
    border-left: 2px solid #bf1e2e; }

h4.required {
  border-left: 2px solid #bf1e2e;
  padding-left: 5px; }

div.required {
  border-left: 2px solid #bf1e2e; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 0;
  padding: 0; }

ul ul {
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
/*label { cursor: pointer; }*/
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled], select[disabled] {
  cursor: default;
  background: #f0f0f0;
  color: #7f7f7f; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:not([type="checkbox"]):not([type="radio"]).required, select.required, textarea.required,
input:not([type="checkbox"]):not([type="radio"]).requiredx, select.requiredx, textarea.requiredx {
  border-left: 2px solid #bf1e2e; }

button, input[type="submit"], input[type="button"], input[type="reset"] {
  border-radius: 2px;
  border: #cccccc 1px solid;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  font-size: 12px;
  line-height: 1.5833em;
  background: #ffffff;
  background: -webkit-linear-gradient(-90deg, #ffffff, #eeeeee);
  background: linear-gradient(180deg, #ffffff, #eeeeee); }
  @media (hover: hover) {
    button:not([disabled]):hover, input[type="submit"]:not([disabled]):hover, input[type="button"]:not([disabled]):hover, input[type="reset"]:not([disabled]):hover {
      background: #ffffff;
      background: -webkit-linear-gradient(-90deg, #ffffff, #ffdce0);
      background: linear-gradient(180deg, #ffffff, #ffdce0); } }
  button[disabled], input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled] {
    color: white;
    background: #dddddd;
    border-color: #dddddd; }
  button.on, button.on:hover, input[type="submit"].on, input[type="submit"].on:hover, input[type="button"].on, input[type="button"].on:hover, input[type="reset"].on, input[type="reset"].on:hover {
    color: white;
    background: #d72132;
    background: -webkit-linear-gradient(-90deg, #d72132, #bf1e2e);
    background: linear-gradient(180deg, #d72132, #bf1e2e); }

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed; }

td {
  vertical-align: top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

input {
  padding: 4px;
  border: 1px solid #cccccc;
  border-radius: 2px; }

input[type=checkbox], input[type=radio] {
  height: auto;
  width: 16px !important; }

textarea {
  padding: 3px;
  border: 1px solid #cccccc;
  border-radius: 2px; }

select {
  outline: 0;
  border: 1px solid #cccccc;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: .32em;
  border-radius: 2px; }
  select[multiple] {
    height: auto; }
  select option {
    padding: 3px; }
  select:not([multiple]) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: white;
    background-image: url(/imgs/arrow-down.svg);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    padding-right: 2em; }
  select:focus {
    border-color: #7B9FCF;
    outline: none; }
  select:hover {
    border-color: #ADC4DD; }
  select:disabled {
    cursor: not-allowed;
    color: graytext;
    background-color: #dddddd; }
  select:disabled:hover {
    border-color: transparent; }

.disabled {
  color: #dddddd; }

.highlight {
  background: #ffdce0; }

.attention {
  color: #bf1e2e !important; }

.attention2 {
  color: #fff !important;
  background: #bf1e2e;
  padding: 0 8px;
  border-radius: 3px; }

.blink {
  text-decoration: blink; }

.success {
  color: #00aa00; }

.error {
  color: #a11d20; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
  .alert.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
  .alert.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
  .alert.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }

.check_list_control {
  box-sizing: border-box;
  max-height: 145px;
  padding: 5px;
  border: 1px solid #cccccc;
  overflow: auto;
  background: white; }
  .check_list_control.required {
    border-left: 2px solid #bf1e2e; }

.spinning {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0.5em;
  vertical-align: middle;
  text-align: center;
  background-color: transparent;
  border: 5px solid transparent;
  border-top-color: #bf1e2e;
  border-bottom-color: #bf1e2e;
  border-radius: 50%;
  animation: spin 1s infinite; }

@keyframes spin {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }
/**** Previous ****/
#ErrorPage {
  height: 250px;
  margin: auto;
  padding: 10px 10px 10px 260px;
  background: url(/imgs/warning.png) no-repeat 0 30px; }
  #ErrorPage h1 {
    font-size: 50px;
    font-weight: bold; }
  #ErrorPage ul {
    margin-left: 20px; }
    #ErrorPage ul li {
      padding: 5px;
      padding-left: 0px;
      list-style-type: disc;
      color: #7f7f7f; }

#div-loading {
  background: url(/imgs/loading.gif) no-repeat 10px 10px;
  width: 212px;
  background-color: #EFEFEF;
  border: 1px solid #cccccc;
  position: fixed;
  display: none;
  z-index: 9999; }
  #div-loading > div {
    text-align: center;
    padding: 10px;
    margin: 15px 0 0;
    color: #7f7f7f; }

#div-mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
  background-color: black;
  display: none;
  opacity: 0.25; }

#validation {
  display: none;
  font-size: 16px;
  line-height: 1.33em;
  margin-top: 10px; }
  #validation i {
    color: #c00;
    font-size: 3em;
    float: left;
    margin-right: 10px; }
  #validation ol {
    padding: 0;
    margin: 0 0 0 15px; }
    #validation ol li {
      color: #222;
      font-weight: normal;
      font-style: normal;
      list-style-type: disc;
      margin: 0;
      padding: 0;
      margin-bottom: 5px; }
      #validation ol li label {
        display: inline !important;
        line-height: 1.25em; }

#message-dialog {
  font-size: 16px;
  line-height: 1.33em;
  margin-top: 10px; }
  #message-dialog i {
    color: #c00;
    font-size: 3em;
    float: left;
    margin-right: 10px; }

#message-dialog-body {
  margin-top: 10px; }

/**** upselling ****/
#upselling-message {
  margin: 10px 0; }
  #upselling-message h3 {
    margin: 0; }
  #upselling-message p {
    color: #222; }
  #upselling-message ul {
    margin-left: 15px;
    margin-bottom: 1em; }

/**** phase color ****/
.phase.probe {
  background: #4095cd;
  background: -webkit-linear-gradient(-90deg, #4095cd, #31739e);
  background: linear-gradient(180deg, #4095cd, #31739e); }
.phase.prove {
  background: #81c46e;
  background: -webkit-linear-gradient(-90deg, #81c46e, #699f5a);
  background: linear-gradient(180deg, #81c46e, #699f5a); }
.phase.close {
  background: #da5656;
  background: -webkit-linear-gradient(-90deg, #da5656, #a84242);
  background: linear-gradient(180deg, #da5656, #a84242); }
.phase.overdue {
  background: url(/imgs/stripe.png) !important; }

/**** Dashboard ****/
#dashboard .widget {
  margin-top: 0;
  padding: 10px; }
  #dashboard .widget h3 {
    font-size: 18px;
    margin: 5px 0; }
    #dashboard .widget h3:first-child {
      margin-top: 0; }
#dashboard .widget_banner {
  margin-bottom: 10px;
  padding: 0 5px; }
#dashboard .widget_content {
  padding: 10px; }
#dashboard .widget_graph {
  height: 150px; }
#dashboard .graph {
  height: 250px; }

#aspec-experience-tag {
  height: 50px;
  text-align: center;
  background: url(/imgs/experience-tag-bg.png) center top no-repeat; }
  #aspec-experience-tag img {
    height: 80%; }

#salesways-hub-feed ul, #salesways-hub-feed ol {
  padding-left: 40px;
  margin: 1em 0; }
#salesways-hub-feed p {
  margin: 0 0 1em; }
#salesways-hub-feed .widget_banner {
  background: url(/imgs/hub-banner.png) left top no-repeat; }

#hub-ad {
  display: none; }

.daily_header {
  background: none repeat scroll 0 0 #535353;
  border-bottom: 10px solid #979797;
  border-top: 10px solid #979797;
  text-align: center;
  margin-bottom: 10px; }
  .daily_header h2 {
    color: white;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    margin: 0.25em; }

.recent_header {
  background: none repeat scroll 0 0 black;
  color: white;
  font-family: "Times New Roman", Times, serif;
  font-size: 18px;
  padding: 0.25em;
  text-align: center; }

.recent_posts {
  background: #ffffff;
  padding: 10px;
  border: 1px solid #000000; }

.post_content {
  margin-top: 5px; }

.post_content img {
  width: 50%;
  float: left;
  margin-bottom: 5px;
  margin-right: 10px; }

.post {
  border-top: 1px solid #ccc;
  padding: 5px 0; }

.post:first-child, #hub-potd .post {
  border-top: 0px solid #ccc; }

.post_date {
  float: right; }

.post_header {
  font-size: 14px;
  font-family: "Times New Roman", Times, serif; }

#hub-potd .post_header {
  font-size: 18px; }

#home-video {
  margin-bottom: 20px; }
  #home-video .widget_banner {
    height: 50px; }
    #home-video .widget_banner div {
      position: relative;
      top: 14px; }
  #home-video .embeded_video {
    padding: 20px;
    /*background: url(/imgs/getting-started-bg.jpg) center top no-repeat;*/ }
  #home-video .bubble {
    position: relative;
    background: url("/imgs/bubble_head.png") no-repeat scroll right center transparent;
    float: right;
    padding-right: 10px;
    margin-top: 3px; }
    #home-video .bubble span {
      -moz-border-radius: 5px;
      border-radius: 5px;
      background: none repeat scroll 0 0 #BF1E2E;
      color: #FFFFFF;
      display: inline-block;
      padding: 6px;
      font-size: 12px; }

#home-video-action, #company-announcements-action {
  display: inline-block;
  width: 40px;
  height: 40px;
  float: right;
  background: url(/imgs/close-icon.png) left top no-repeat;
  cursor: pointer; }
  #home-video-action:hover, #company-announcements-action:hover {
    background: url(/imgs/close-icon.png) left bottom no-repeat; }

#opm-analytics .widget_banner {
  background: url(/imgs/opm-banner.png) left top no-repeat; }
  #opm-analytics .widget_banner span {
    position: relative;
    top: 14px; }

#opm-stat-boxes {
  font-size: 14px; }
  #opm-stat-boxes .grid_column {
    background: #ffffff;
    text-align: center; }

.stat_value {
  font-size: 16px;
  font-weight: bold;
  line-height: 2em; }
  .stat_value img {
    margin-top: -5px; }

#stat-probe, #stat-prove, #stat-close, #stat-overdue, #stat-open, #stat-won, #stat-lost, #stat-cancelled {
  position: relative; }
  #stat-probe > span, #stat-prove > span, #stat-close > span, #stat-overdue > span, #stat-open > span, #stat-won > span, #stat-lost > span, #stat-cancelled > span {
    position: absolute;
    width: 20px;
    height: 100%;
    left: 0; }

#stat-open > span, #stat-won > span, #stat-lost > span, #stat-cancelled > span {
  width: 30px; }

.status {
  background-position: center center;
  background-repeat: no-repeat; }
  .status .won {
    background-image: url(/imgs/status_won.png); }
  .status .lost {
    background-image: url(/imgs/status_lost.png); }
  .status .cancelled {
    background-image: url(/imgs/status_cancelled.png); }

/**** view specific control ****/
.bar_scale_control, .ibo_find_control, .forecast_control {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px #bfbfbf solid; }

.view_item > div {
  overflow: hidden; }

.item_prev, .item_next {
  float: right;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #222;
  margin-left: 3px; }

.item_prev:hover, .item_next:hover {
  color: #6d6d6d; }

.groupby_section {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #ccc; }

#forecast-date-range, #forecast-type {
  padding: 5px 0; }

/**** SORT ****/
.view_sort {
  float: right;
  margin-left: 10px; }

.sort_toggle {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: white;
  border: #cccccc 1px solid;
  border-radius: 2px;
  cursor: pointer;
  float: right;
  margin-left: 5px; }

#view-actions button {
  vertical-align: bottom;
  margin-right: 0; }

button span.sort_toggle {
  width: 10px;
  height: 19px;
  background: none;
  border: none;
  margin-left: 0; }

.sort_toggle.asc {
  background-image: url(/imgs/icon-ascend.png);
  background-repeat: no-repeat;
  background-position: center center; }

.sort_toggle.desc {
  background-image: url(/imgs/icon-descend.png);
  background-repeat: no-repeat;
  background-position: center center; }

/**** REACT VIEW SLIDE OUT ****/
.slide-out-container {
  position: absolute;
  /*width: 250px;*/
  right: 10px;
  overflow: hidden;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: -10px; }
  .slide-out-container .slide-out {
    transition: all .25s ease-in-out;
    position: relative;
    padding: 10px;
    opacity: 0;
    background: #eeeeee;
    border: 1px solid #cccccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
    .slide-out-container .slide-out input {
      height: auto !important; }
    .slide-out-container .slide-out .slide-out-actions {
      padding: 10px 0 0; }

#events-owner-filter, #tasks-owner-filter, #tasks-date-filter {
  position: relative;
  width: auto;
  max-width: 250px;
  z-index: 100; }

.inputs-area {
  background: white;
  padding: 5px; }
  .inputs-area > div {
    overflow: auto;
    max-height: 360px; }
  .inputs-area hr {
    border: 0;
    border-bottom: 1px dotted grey;
    margin: 5px 0; }

.inputs-text {
  background: white;
  padding: 5px; }

#close-notification-div hr {
  margin: 10px 0; }
#close-notification-div .close-notify-toggle {
  cursor: pointer; }
#close-notification-div button {
  margin: 5px 0 0; }

#close-notification-user-list {
  border: 1px solid #cccccc;
  padding: 5px; }
  #close-notification-user-list > div {
    height: 78px;
    overflow: auto; }

#notification-status label {
  color: #bf1e2e; }

/**** REACT NOTIFICATION ****/
#notification {
  width: 300px;
  z-index: 60; }
  #notification .inputs-area > div {
    height: 145px; }
  #notification textarea {
    width: 280px;
    height: 110px; }
  #notification input {
    width: 280px; }

/**** REACT VIEW PRESET ****/
#quick-filter {
  width: 300px;
  z-index: 60; }

#quick-filter-list, #quick-filter-new {
  padding: 5px;
  background: white; }

#quick-filter-new {
  margin-bottom: 5px; }

#quick-filter-list > div, #quick-filter-new > div {
  overflow: auto; }
#quick-filter-list li, #quick-filter-new li {
  padding: 3px;
  list-style: none;
  text-decoration: underline;
  color: #bf1e2e;
  cursor: pointer; }
  #quick-filter-list li:hover, #quick-filter-new li:hover {
    background: #ffdce0;
    border-radius: 2px; }
  #quick-filter-list li div, #quick-filter-new li div {
    height: 1.53em;
    margin-right: 20px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #quick-filter-list li i, #quick-filter-new li i {
    float: right;
    line-height: 1.53em;
    color: #222; }
    #quick-filter-list li i:hover, #quick-filter-new li i:hover {
      color: #bf1e2e; }

#quick-filter-name {
  width: 280px; }

/**** REACT VIEW CONFIG ****/
#view-config {
  width: 250px;
  z-index: 55; }
  #view-config input {
    height: auto; }

#customize-view {
  margin: 10px;
  width: 250px;
  padding: 10px;
  border: 1px solid grey;
  background: #eeeeee; }

#view-customize-list {
  background: white;
  padding: 5px; }
  #view-customize-list > div {
    overflow: auto;
    height: 300px; }
  #view-customize-list i, #view-customize-list label {
    cursor: ns-resize; }
  #view-customize-list li.view-config-item {
    list-style: none; }

#view-customize-columns-on {
  padding-bottom: 10px;
  border-bottom: 1px dotted grey; }
  #view-customize-columns-on i {
    margin-right: 5px; }
  #view-customize-columns-on li.placeholder {
    background: #ffdce0;
    padding: 0 5px; }

#view-customize-columns-off {
  padding-top: 10px; }

label {
  display: inline-block;
  color: #595959;
  line-height: 1.25em; }

label.required:after {
  content: url(/imgs/required.png); }

label.display {
  line-height: 1.5833em; }

label.right {
  color: #595959;
  float: right !important; }

label.right:before {
  content: '['; }

label.right:after {
  content: ']'; }

label.left {
  float: left !important;
  padding-right: 16px; }

.read, .edit {
  display: none; }

.relative {
  position: relative; }

.form_panel .read {
  line-height: 2em; }

.form_panel .read.multiline {
  line-height: 1.53em;
  padding: 0 5px !important; }

.form_panel .field_col div.read, .form_panel div.read.field_val, div.field_set div.read {
  background: url(/imgs/white50.png);
  padding: 0 5px;
  min-height: 24px; }

.form_panel .read.base_lineheight {
  line-height: 1.5333em; }

.scmgr_formula_value, .readonly, .rating-wrapper {
  background: url("/imgs/white50.png");
  min-height: 24px;
  padding: 0 5px;
  display: block;
  line-height: 24px; }

div.checkboxlist-wrapper {
  border: 1px solid #cccccc;
  border-radius: 2px;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  height: 106px;
  margin-right: 4px; }

div.checkboxlist-wrapper.required {
  border-left: 2px solid #f0394c; }

.rating-wrapper.edit {
  background: none; }

.rating-wrapper.edit.required {
  border-left: 2px solid #f0394c; }

.custom-rating.required {
  border-left: none; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.break-word {
  word-wrap: break-word;
  line-height: 1rem; }

.launcher {
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer; }

.align_right {
  text-align: right !important; }

.align_left {
  text-align: left !important; }

.align_center {
  text-align: center !important; }

.warning {
  margin-top: 5px;
  color: #840000; }

.wrap {
  margin: 0 auto;
  max-width: 1440px;
  min-width: 939px; }

.att {
  display: inline-block;
  background: url(/imgs/attach.png) no-repeat center center;
  width: 16px;
  height: 16px;
  float: right; }

.line_midv {
  background: url(/imgs/dot.png) repeat-y center top; }

span.loading {
  display: inline-block;
  background: url(/imgs/spinner.gif) no-repeat center center;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 10px; }

div.loading {
  background: url(/imgs/spinner.gif) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

div.overlay_loading {
  background: #eee;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5; }

.bottom_dash {
  border-bottom: dashed 1px #eee; }

.bottom_dotted {
  border-bottom: dotted 1px #eee; }

.bottom_solid {
  border-bottom: solid 1px #eee; }

.ibono:before {
  content: '#'; }

.no_margin {
  margin: 0 auto; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.xtr_right_pad {
  padding-right: 10px !important; }

ul.list_toggle {
  list-style: none;
  font-size: 12px; }
  ul.list_toggle li.button {
    float: left;
    cursor: pointer;
    padding: 0 1em;
    border: 1px solid #cccccc;
    color: #222;
    background: #ffffff;
    background: -webkit-linear-gradient(-90deg, #ffffff, #eeeeee);
    background: linear-gradient(180deg, #ffffff, #eeeeee); }
    ul.list_toggle li.button:hover {
      background: #f5f9ff;
      background: -webkit-linear-gradient(-90deg, #f5f9ff, #a7c8ff);
      background: linear-gradient(180deg, #f5f9ff, #a7c8ff); }
    ul.list_toggle li.button.on, ul.list_toggle li.button.on:hover {
      background: #336caf;
      background: -webkit-linear-gradient(-90deg, #336caf, #84b6f6);
      background: linear-gradient(180deg, #336caf, #84b6f6);
      color: white; }
    ul.list_toggle li.button.right_end {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    ul.list_toggle li.button.left_end {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }

#dup-actions {
  display: none; }

li.dropdown > a:after {
  content: '\25be';
  margin-left: 5px; }

ul.action {
  list-style-type: none; }
  ul.action > button {
    float: left; }
  ul.action > li {
    border-radius: 2px;
    border: #cccccc 1px solid;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    font-size: 12px;
    line-height: 1.5833em;
    background: #ffffff;
    background: -webkit-linear-gradient(-90deg, #ffffff, #eeeeee);
    background: linear-gradient(180deg, #ffffff, #eeeeee);
    float: left;
    white-space: nowrap;
    padding: 0; }
    ul.action > li.separator {
      height: 30px;
      border-width: 0 1px 0 0; }
  ul.action li:hover {
    background: #ffffff;
    background: -webkit-linear-gradient(-90deg, #ffffff, #ffdce0);
    background: linear-gradient(180deg, #ffffff, #ffdce0); }
  ul.action li.disabled, ul.action li.disabled:hover {
    background: #dddddd; }
    ul.action li.disabled a, ul.action li.disabled:hover a {
      color: white;
      cursor: default; }
  ul.action a {
    display: block;
    text-decoration: none;
    color: #222;
    padding: 5px 10px; }

div.action.popup {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BEBEBE;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  position: absolute;
  text-align: left;
  visibility: hidden;
  z-index: 999;
  padding: 5px 0; }

div.action.popup > ul {
  margin: 0;
  padding: 0;
  list-style: none; }

span.action_set {
  position: relative;
  display: inline-block; }

span.action_set input[type=checkbox], span.action_set input[type=radio] {
  vertical-align: middle; }

/*** Triangles ***/
.arrow_up, .arrow_down, .arrow_right, .arrow_left {
  width: 0;
  height: 0; }

.arrow_up, .arrow_down {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }

.arrow_right, .arrow_left {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; }

.arrow_up {
  border-bottom: 10px solid #fff; }

.arrow_down {
  border-top: 10px solid #fff; }

.arrow_right {
  border-left: 10px solid #fff; }

.arrow_left {
  border-right: 10px solid #fff; }

/****/
#headerBar, #pageHead {
  min-width: 930px;
  margin: 0 auto;
  /*	position: relative;	*/ }

#headerBar {
  height: 60px;
  z-index: 2000;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  background: #E8F5FF !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  #headerBar #logo {
    width: 32px; }
  #headerBar li.separator {
    border: none; }
  #headerBar #common-app-nav {
    background: none; }
  #headerBar #app-nav li > a {
    color: #909090;
    font-size: 1.25em;
    line-height: 1em; }
  #headerBar #app-nav li.selected a {
    border-bottom: 6px solid #004670; }
    #headerBar #app-nav li.selected a span {
      color: #004670; }
  #headerBar #admin-actions > li > a > span {
    color: #909090; }
    #headerBar #admin-actions > li > a > span:hover {
      color: #004670; }

.marketing_color {
  background: #0c77ab !important;
  color: #222 !important; }
  .marketing_color:hover {
    background: #0c77ab !important;
    color: white !important; }

.sales_color {
  background: #0c77ab !important;
  color: #222 !important; }
  .sales_color:hover {
    background: #0c77ab !important;
    color: white !important; }

.service_color {
  background: #0c77ab !important;
  color: #222 !important; }
  .service_color:hover {
    background: #0c77ab !important;
    color: white !important; }

#headerBar, #headerBar.sales {
  background: #0c77ab; }

#headerBar.marketing {
  background: #0c77ab; }

#headerBar.service {
  background: #0c77ab; }

body.show_trial #headerBar {
  top: 30px; }

#pageHead {
  position: relative;
  max-width: 1440px;
  margin: 0 auto; }

#app-sidebar {
  width: 100px;
  position: fixed;
  top: 60px;
  bottom: 0;
  z-index: 101;
  background: #E7F5FF; }
  #app-sidebar #quick-interaction-button {
    height: 80px;
    width: 80px;
    background: #0c77ab;
    color: white;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10;
    margin: auto;
    margin-top: 10px; }
  #app-sidebar ul {
    list-style: none;
    padding: 10px; }
    #app-sidebar ul li {
      margin: 15px 0; }
      #app-sidebar ul li a {
        color: #444;
        font-size: 12px;
        line-height: 11px;
        text-decoration: none;
        display: block;
        text-align: center; }
        #app-sidebar ul li a span {
          font-size: 20px;
          margin-bottom: 4px; }
      #app-sidebar ul li.selected a {
        color: #004670; }

#sidebar {
  display: none;
  width: 250px;
  padding-right: 20px;
  position: fixed;
  z-index: 200;
  top: 70px;
  left: -250px; }

#sidebar-content {
  background: #fff;
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 10px;
  position: relative;
  z-index: 50; }

#sidebar-content > div {
  position: relative;
  overflow: auto; }

#logo-section {
  display: block;
  float: left;
  width: 300px;
  margin-top: 2px;
  margin-right: 10px; }

#nav-section {
  height: 60px;
  margin-right: 110px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

#admin-section {
  float: right;
  position: absolute;
  right: 0;
  width: 100px;
  height: 60px;
  padding: 10px 0; }
  #admin-section #quick-interaction-button {
    background: #0c77ab;
    color: white;
    border-radius: 2px;
    padding: 5px 10px;
    text-align: center;
    margin-left: 10px; }
    #admin-section #quick-interaction-button span {
      line-height: 1.25em; }

#mobile-add-button {
  display: none; }

#navbar-toggle {
  float: left;
  height: 40px;
  padding: 10px;
  display: none; }

#navbar-toggle span {
  line-height: 50px;
  color: #333; }

#navbar-toggle span:hover {
  color: #333; }

.nav_qtip {
  z-index: 1001 !important; }

.under_nav_qtip {
  z-index: 999 !important; }

#headerBar #logo {
  background: #333;
  margin: 0;
  height: 60px;
  width: 100px;
  display: inline-block; }
  #headerBar #logo.custom {
    background: none; }

#headerBar #logo a {
  line-height: 60px; }

#menu-admin > ul {
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0; }

#view-nav ul, #global-filter-tabs ul {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0; }

#app-nav {
  white-space: nowrap;
  overflow: hidden; }

#app-nav > div {
  vertical-align: top; }

#app-nav li, #view-nav li, #global-filter-tabs li {
  float: left; }

#app-nav ul {
  float: left;
  list-style: none;
  margin: 0 0 0 120px;
  position: absolute; }

#headerBar #app-nav ul {
  /*margin: 0 0 0 195px;*/
  margin: 0;
  position: relative; }

#headerBar #common-app-nav, #headerBar #section-app-nav {
  display: inline-block;
  margin: 0;
  padding: 10px 0;
  height: 40px; }

#headerBar #app-selector {
  margin: 10px 0 10px 10px;
  padding: 10px;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer; }

#headerBar #app-selector div {
  float: right; }

#headerBar #app-selector span {
  font-size: 14px;
  margin-right: 10px; }

#headerBar #app-selector span.selected, #headerBar #app-selector span:hover {
  color: #fff; }

#headerBar.marketing ul.app_sales,
#headerBar.marketing ul.app_service,
#headerBar.marketing #app-selector span.sales,
#headerBar.marketing #app-selector span.service,
#headerBar.sales ul.app_marketing,
#headerBar.sales ul.app_service,
#headerBar.sales #app-selector span.marketing,
#headerBar.sales #app-selector span.service,
#headerBar.service ul.app_marketing,
#headerBar.service ul.app_sales,
#headerBar.service #app-selector span.marketing,
#headerBar.service #app-selector span.sales {
  display: none; }

#headerBar.marketing #app-selector {
  background: #0c77ab; }

#headerBar.sales #app-selector {
  background: #0c77ab; }

#headerBar.service #app-selector {
  background: #0c77ab; }

#app-nav li {
  min-width: 32px;
  text-align: center;
  padding: 0 0 3px; }

#app-nav li span.icon {
  display: inline-block;
  width: 32px;
  height: 22px;
  margin: auto;
  background-image: url(/imgs/app-nav-icons.png);
  background-repeat: no-repeat; }

#app-nav li.home span.icon {
  background-position: right 0; }

#headerBar #app-nav li.home span.icon {
  background-position: -64px 0; }

#app-nav li.home.selected span.icon, #app-nav li.home:hover span.icon {
  background-position: left 0 !important; }

#app-nav li.priority span.icon {
  background-position: right -22px; }

#headerBar #app-nav li.priority span.icon {
  background-position: -64px -22px; }

#app-nav li.priority.selected span.icon, #app-nav li.priority:hover span.icon {
  background-position: left -22px !important; }

#app-nav li.forecast span.icon {
  background-position: right -44px; }

#headerBar #app-nav li.forecast span.icon {
  background-position: -64px -44px; }

#app-nav li.forecast.selected span.icon, #app-nav li.forecast:hover span.icon {
  background-position: left -44px !important; }

#app-nav li.list span.icon {
  background-position: right -66px; }

#headerBar #app-nav li.list span.icon {
  background-position: -64px -66px; }

#app-nav li.list.selected span.icon, #app-nav li.list:hover span.icon {
  background-position: left -66px !important; }

#app-nav li.accounts span.icon {
  background-position: right -88px; }

#headerBar #app-nav li.accounts span.icon {
  background-position: -64px -88px; }

#app-nav li.accounts.selected span.icon, #app-nav li.accounts:hover span.icon {
  background-position: left -88px !important; }

#app-nav li.territory span.icon {
  background-position: right -88px; }

#headerBar #app-nav li.territory span.icon {
  background-position: -64px -88px; }

#app-nav li.territory.selected span.icon, #app-nav li.territory:hover span.icon {
  background-position: left -88px !important; }

#app-nav li.leads span.icon {
  background-position: right -308px; }

#headerBar #app-nav li.leads span.icon {
  background-position: -64px -308px; }

#app-nav li.leads.selected span.icon, #app-nav li.leads:hover span.icon {
  background-position: left -308px !important; }

#app-nav li.contacts span.icon {
  background-position: right -110px; }

#headerBar #app-nav li.contacts span.icon {
  background-position: -64px -110px; }

#app-nav li.contacts.selected span.icon, #app-nav li.contacts:hover span.icon {
  background-position: left -110px !important; }

#app-nav li.interactions span.icon {
  background-position: right -132px; }

#headerBar #app-nav li.interactions span.icon {
  background-position: -64px -132px; }

#app-nav li.interactions.selected span.icon, #app-nav li.interactions:hover span.icon {
  background-position: left -132px !important; }

#app-nav li.reminders span.icon {
  background-position: right -154px; }

#headerBar #app-nav li.reminders span.icon {
  background-position: -64px -154px; }

#app-nav li.reminders.selected span.icon, #app-nav li.reminders:hover span.icon {
  background-position: left -154px !important; }

#app-nav li.calendar span.icon {
  background-position: right -330px; }

#headerBar #app-nav li.calendar span.icon {
  background-position: -64px -330px; }

#app-nav li.calendar.selected span.icon, #app-nav li.calendar:hover span.icon {
  background-position: left -330px !important; }

#app-nav li.separator {
  border-left: 1px solid #585858;
  /*border-right: 1px solid #111111;*/
  height: 36px;
  width: 0;
  min-width: 0; }

#app-nav li a {
  text-decoration: none;
  display: block;
  padding: 0 10px;
  color: #444;
  line-height: 1em; }

#headerBar #app-nav li a {
  color: #444;
  font-size: 12px;
  line-height: 11px; }
  #headerBar #app-nav li a span.label {
    line-height: 23px;
    margin-top: -3px;
    display: inline-block; }

#app-nav li.selected a, #app-nav li:hover a, #headerBar #app-nav li.selected a, #headerBar #app-nav li:hover a {
  color: #004670; }

#headerBar #app-nav li.selected a {
  border-bottom: 5px solid #004670; }

#admin-actions li {
  border: none;
  background: none; }

#admin-actions > li > a {
  padding: 0; }

#admin-actions > li > a > span {
  width: 32px;
  height: 22px;
  display: inline-block;
  color: #999;
  padding-top: 3px; }

#admin-actions > li > a > span:hover {
  color: #fff; }

#headerBar #admin-actions > li > a > span {
  color: #333; }

#headerBar #admin-actions > li > a > span:hover {
  color: #fff; }

#admin-actions li ul li:hover {
  background: url(/imgs/hover-bg.png) repeat-x left top; }

#admin-actions > li.setting li.login_as {
  margin-top: -5px;
  font-weight: bold;
  background: #333;
  padding: 0 10px;
  color: #fff; }

#admin-actions > li.setting {
  filter: none; }

#admin-actions > li.help {
  filter: none; }

#admin-actions > li.filter {
  filter: none; }

#admin-actions > li.dropdown > a:after {
  position: absolute;
  margin-left: -5px; }

/*** Side Nav ***/
#side-nav {
  overflow: auto;
  font-size: 1.2em; }

#side-nav li {
  padding: 10px 5px;
  border-bottom: 1px solid #ccc; }

#side-nav li.selected {
  background: #595959; }

#side-nav li.selected a {
  color: #fff; }

#side-nav li:hover {
  background: #ccc; }

#side-nav a {
  text-decoration: none;
  display: block;
  color: #595959; }

#view-nav li, #global-filter-tabs li {
  padding: 0 !important;
  margin-top: 0 !important; }

#view-nav li.selected, #global-filter-tabs li.selected {
  border-bottom: 5px solid #bf1e2e; }

#view-nav li.selected a, #global-filter-tabs li.selected a, #view-nav li a:hover, #global-filter-tabs li a:hover {
  color: #bf1e2e; }

#view-nav li a, #global-filter-tabs li a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  color: #3f3f3f; }

.flex {
  display: flex; }

.inline-flex {
  display: inline-flex; }

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */ }

.flex-none {
  flex: none; }

.flex-column {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-nowrap {
  flex-wrap: nowrap; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.items-start {
  align-items: flex-start; }

.items-end {
  align-items: flex-end; }

.items-center {
  align-items: center; }

.items-baseline {
  align-items: baseline; }

.items-stretch {
  align-items: stretch; }

.self-start {
  align-self: flex-start; }

.self-end {
  align-self: flex-end; }

.self-center {
  align-self: center; }

.self-baseline {
  align-self: baseline; }

.self-stretch {
  align-self: stretch; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.justify-center {
  justify-content: center; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.content-start {
  align-content: flex-start; }

.content-end {
  align-content: flex-end; }

.content-center {
  align-content: center; }

.content-between {
  align-content: space-between; }

.content-around {
  align-content: space-around; }

.content-stretch {
  align-content: stretch; }

.dim {
  cursor: pointer;
  opacity: 1;
  transition: opacity .15s ease-in; }

.dim:hover,
.dim:focus {
  opacity: .5;
  transition: opacity .15s ease-in; }

.dim:active {
  opacity: .8;
  transition: opacity .15s ease-out; }

.global-search-result-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 60px;
  left: 0;
  z-index: 9000;
  /* for IE */
  filter: alpha(opacity=25);
  /* CSS3 standard */
  opacity: 0.25;
  background: white; }

#global-search-form {
  position: relative; }
  #global-search-form .global-search-wrapper {
    display: flex;
    align-items: center;
    background: white;
    padding: 5px 10px;
    border-radius: 20px; }
    #global-search-form .global-search-wrapper input {
      margin-left: 5px;
      border: none; }
    #global-search-form .global-search-wrapper button {
      display: none; }
    #global-search-form .global-search-wrapper .spinning {
      position: absolute;
      right: 10px; }

#global-search-result {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  background: #ebebeb;
  overflow: auto; }
  #global-search-result div {
    box-sizing: border-box; }
  #global-search-result .heading {
    font-size: 14px;
    font-weight: 600; }
  #global-search-result .global-search-table-wrapper {
    background: white;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0; }

.flex-table {
  display: flex;
  flex-flow: row wrap;
  transition: 0.5s; }
  .flex-table:first-of-type {
    border-top: solid 1px #cccccc; }
  .flex-table:first-of-type .flex-row {
    background: #ebebeb;
    color: #222222;
    font-weight: 600;
    border-color: #cccccc; }
  .flex-table:hover {
    background: #F5F5F5;
    transition: 500ms; }

.flex-row {
  width: calc(100% / 4);
  text-align: left;
  padding: 0.75em;
  border-bottom: solid 1px #cccccc; }

.column {
  display: flex;
  flex-flow: column wrap;
  width: 75%;
  padding: 0; }
  .column .flex-row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #cccccc; }
    .column .flex-row:hover {
      background: #F5F5F5;
      transition: 500ms; }

.flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #cccccc; }

#trialBar {
  min-width: 930px;
  margin: 0 auto;
  height: 30px;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  position: fixed;
  color: white;
  background: #F14B0F;
  background: -webkit-linear-gradient(-90deg, #F14B0F, #f7561c);
  background: linear-gradient(180deg, #F14B0F, #f7561c);
  font: 14px Arial;
  text-align: center;
  line-height: 30px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #trialBar a {
    color: white;
    font-weight: bold; }
    #trialBar a:hover {
      text-shadow: #222 1px 1px 2px; }
    #trialBar a.close {
      font-size: 12px;
      position: relative;
      right: 5px;
      top: 5px;
      text-decoration: none;
      float: right;
      text-shadow: 0 1px 0 white;
      opacity: 0.5;
      color: #222;
      filter: alpha(opacity=50);
      font-weight: bold;
      padding: 0 5px;
      background: #cccccc;
      border-radius: 2px;
      line-height: 18px; }

#action-upgrade {
  position: relative;
  line-height: 30px; }

#action-learn-business {
  position: absolute;
  right: 10px; }

#action-trial-buy {
  position: absolute;
  left: 10px; }

#btn-activate, .btn_activate {
  background: #BF1E2E !important; }

#btn-activate:hover, .btn_activate:hover {
  background: #d71528 !important; }

.btn_processing, .btn_processing:hover {
  background: #666 !important;
  cursor: default !important; }

.start_trial_div, .welcome_msg_div {
  position: relative; }

.start_trial_div p, .welcome_msg_div p {
  font-size: 1em !important;
  margin: 10px !important; }

.welcome_msg_div ul {
  margin-left: 40px !important; }

.welcome_msg_div ul li {
  margin-bottom: 5px !important; }

.start_trial_div ul {
  list-style-type: none !important;
  margin: 10px !important; }

.start_trial_div ul li {
  padding: 2px 0 !important; }

.start_trial_div input {
  width: 100% !important; }

.start_trial_div .invite_name {
  display: inline-block !important;
  width: 40% !important;
  margin-right: 5% !important; }

.start_trial_div .invite_email {
  display: inline-block !important;
  width: 55% !important; }

.start_trial_div .small_print {
  font-size: 10px !important;
  line-height: 1.2em !important; }

.start_trial_div label.error {
  display: none !important; }

.start_trial_div div.start_trial_msg {
  position: absolute;
  background: #ffffff;
  top: 25%;
  height: 30%;
  width: 75%;
  padding: 5%;
  margin: 5%;
  box-shadow: #777777 0px 0px 3px;
  margin-right: 7%;
  font-size: 16px;
  line-height: 1.24em;
  border: 1px solid #cccccc; }

.start_trial_div div.start_trial_msg ul {
  list-style-type: circle !important; }

#start-trial-container {
  width: 520px;
  margin: auto; }

#start-trial-container p, #start-trial-container ul {
  margin-left: 0 !important;
  margin-right: 0 !important; }

#start-trial-container button, #expired-container button {
  color: #ffffff;
  background: #737373;
  border: none;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  text-shadow: none !important;
  text-transform: capitalize;
  cursor: pointer;
  padding: 0 18px;
  border-radius: 3px;
  height: 42px;
  line-height: 41px;
  letter-spacing: 0.01em;
  margin-top: 10px; }

#start-trial-container div.tour_nav {
  text-align: center; }

#expired-container {
  margin: 100px 50px;
  text-align: center; }

#global-container {
  position: relative;
  border: none;
  margin-bottom: 60px; }

#content {
  position: relative;
  top: 60px;
  margin-left: 100px; }

body.show_trial #content {
  top: 90px; }

#main-container {
  position: relative;
  padding: 10px; }

#view, #ibo {
  position: relative; }

#view {
  transition: margin-right .25s ease-in-out; }

#view-filter {
  border: 1px #cccccc solid;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  padding: 10px 0px 5px;
  margin: 0;
  background: #f2f2f2; }

#view-filter-content {
  background: #eeeeee;
  padding: 10px;
  margin: 10px 0px; }

#view-filter-content.forecast label {
  margin-right: 10px; }

#view-filter-content img {
  cursor: pointer; }

#quick-search {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  padding: 0 5px;
  width: 180px; }
  #quick-search.active {
    border: 1px solid #94BFDE; }
    #quick-search.active #search-field {
      height: 26px; }
    #quick-search.active #clear-quick-search {
      color: #bfbfbf; }
      #quick-search.active #clear-quick-search:hover {
        color: #ddd; }
  #quick-search #search-field:focus {
    outline: none; }

#clear-quick-search {
  line-height: 40px;
  color: #bfbfbf; }
  #clear-quick-search:hover {
    color: #ddd; }

#clear-filters {
  color: #ffffff;
  margin-left: 5px; }
  #clear-filters:hover {
    color: #ddd; }

#contact-search-view #view-content {
  min-height: 218px; }

#view-content {
  font-size: 12px;
  border: 1px #cccccc solid;
  border-top-width: 0;
  line-height: 1.6363em;
  min-height: 300px;
  overflow: auto;
  position: relative; }

.view-content {
  min-height: 300px;
  overflow: auto;
  position: relative;
  border: 1px #cccccc solid;
  border-top-width: 0; }

.view-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 10; }

#view-footer, .view-footer {
  border: 1px #cccccc solid;
  border-top: 0px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  padding: 10px;
  margin: 0;
  background: #f2f2f2;
  display: flex;
  flex-direction: row-reverse;
  align-items: center; }
  #view-footer select, .view-footer select {
    margin-left: 10px; }
  #view-footer .page_nav, .view-footer .page_nav {
    display: inline-block; }

.no_doc_found {
  color: #ccc;
  font-size: 2em;
  margin-top: 120px;
  text-align: center; }

.notice {
  color: #ccc;
  font-size: 18px;
  text-align: center;
  margin: 10px 0; }

.view_section {
  padding: 10px;
  font-size: 1.5em; }

#view-graphs-toggle, #view-maps-toggle, #view-search-toggle {
  border: #cccccc solid;
  border-width: 0 1px 1px;
  cursor: pointer;
  border-radius: 8px 8px 0 0; }
  #view-graphs-toggle.view_section.show, #view-maps-toggle.view_section.show, #view-search-toggle.view_section.show {
    border-radius: 8px 8px 0 0 !important; }
  #view-graphs-toggle.view_section.hide, #view-maps-toggle.view_section.hide, #view-search-toggle.view_section.hide {
    border-radius: 8px; }

.view_section span.toggle {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(/imgs/toggle_section.png) no-repeat bottom center;
  margin: 0 5px;
  position: relative;
  top: 4px; }

.view_section.show span.toggle {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(/imgs/toggle_section.png) no-repeat top center;
  margin: 0 5px;
  position: relative;
  top: 4px; }

#view-graphs-toggle.view_section.show, #view-maps-toggle.view_section.show, #view-search-toggle.view_section.show, #company-announcements-toggle.view_section.show {
  border-bottom-width: 0px; }

#view-graphs-hint, #view-maps-hint, #view-search-hint {
  font-style: italic;
  font-size: 0.75em;
  color: #cccccc; }

#view-graphs, #view-maps, #view-search {
  padding: 0 10px 10px;
  border-radius: 0 0 8px 8px; }

.graph_bg, #view-search-content {
  background: #eeeeee;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px; }

#view-data {
  background: #ffffff;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc; }

#view-actions-wrapper {
  position: relative;
  left: 0;
  right: 0;
  z-index: 100;
  border-top: 1px solid #BFBFBF; }

#view-actions, #dup-actions {
  padding: 0 10px;
  border: 1px #bfbfbf solid;
  border-top-width: 0;
  background: #eee; }

.view-menu {
  padding: 10px;
  border: 1px #bfbfbf solid;
  background: white; }
  .view-menu nav {
    float: right; }
  .view-menu .view-info {
    line-height: 26px;
    margin: 0 10px; }
  .view-menu .view-action {
    display: inline-block; }
  .view-menu .view-quick-search {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #E8F5FF; }
    .view-menu .view-quick-search input {
      border: 0; }

#form-actions i {
  font-size: 20px;
  float: right;
  margin-left: 10px;
  line-height: 24px;
  padding-top: 2px;
  color: #666666;
  cursor: pointer; }

.fa-info-circle {
  color: #666666;
  cursor: pointer; }

#aspec-analysis .fa-info-circle {
  font-size: 16px; }

#aspec-analysis.compact #advisor-mode-container {
  display: none !important; }
#aspec-analysis.compact #scg-probe {
  width: 33%;
  background-image: url(/imgs/scg-probe-compact-bg.png); }
  #aspec-analysis.compact #scg-probe span {
    color: black; }
#aspec-analysis.compact #scg-prove {
  width: 33%;
  background-image: url(/imgs/scg-prove-compact-bg.png); }
  #aspec-analysis.compact #scg-prove span {
    color: black; }
#aspec-analysis.compact #scg-close {
  width: 34%;
  background-image: url(/imgs/scg-close-compact-bg.png); }
  #aspec-analysis.compact #scg-close span {
    color: black; }
#aspec-analysis.compact #risk-assesment-section {
  display: none !important; }
#aspec-analysis.compact #priority-section {
  display: none !important; }
#aspec-analysis.compact #pro-response {
  display: none !important; }
#aspec-analysis.compact #expert-response {
  display: none !important; }

#sales-environment.compact {
  display: none !important; }

.hint {
  font-size: 12px; }
  .hint ul {
    margin-left: 16px; }
    .hint ul li {
      margin-bottom: 8px; }

#form-actions i:hover, .fa-info-circle:hover {
  color: #111111; }

#view-name {
  padding: 10px;
  font-size: 1.5em;
  background: #d71528;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #d71528;
  color: #222; }

#view-actions select, #dup-actions select, #view-search-content select, div.header-actions select, #view-sortname {
  padding: 5px 20px 5px 5px;
  height: 31px; }

#view-actions input, #dup-actions input, #view-search-content input, div.header-actions input {
  height: 28px; }

.page_info_style {
  height: 31px; }

.page_info_style.filtered {
  color: #fff;
  background: #bf1e2e;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 12px; }

.page_info_filter {
  display: none; }

.page_info_style.filtered .page_info_filter {
  display: inline; }

.page_info {
  height: 31px; }

#form-actions {
  background: white;
  border: none; }

#form-actions .icon-sw-info {
  margin-left: 10px;
  line-height: 40px;
  color: #8a8a8a; }

#form-actions .icon-sw-info:hover {
  color: #bfbfbf; }

.page_nav ul.action {
  float: right; }

.page_nav ul.action li {
  float: right;
  margin: 0 0 0 10px; }

.page_nav > span {
  float: right; }

.view-table {
  border-spacing: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse; }
  .view-table tbody tr {
    cursor: pointer; }
    .view-table tbody tr.odd_row {
      background: #ffffff; }
    .view-table tbody tr.even_row {
      background: #e0e0e0; }
    .view-table tbody tr:hover {
      background: #ffdce0; }
  .view-table th {
    background: #bfbfbf;
    border-left: 1px white solid;
    padding: 5px;
    overflow: hidden;
    text-align: left; }
    .view-table th:first-child {
      border-left: none; }
    .view-table th.col_checkbox {
      text-align: center; }
    .view-table th.sortable {
      cursor: pointer; }
      .view-table th.sortable:hover {
        color: #e65d6b; }
    .view-table th.sorted {
      color: #bf1e2e; }
    .view-table th i {
      float: right;
      line-height: 18px; }
  .view-table td {
    padding: 1px 0;
    border-left: 1px solid white; }
    .view-table td:first-child {
      border-left: none; }
  .view-table input {
    border: none; }

table.view_table {
  border-spacing: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse; }

table.view_table input {
  border: none; }

table.view_table th, table.view_table td {
  padding: 1px 0; }

table.view_table thead th {
  border-left: 15px #fff solid;
  border-bottom: 5px #4e93c4 solid;
  cursor: auto;
  overflow: hidden;
  font-weight: 400;
  background: #92c1e6;
  color: black;
  height: 38px;
  font-size: 16px; }

table.view_table thead th:first-child {
  border-left: none; }

table.view_table tbody tr.odd_row {
  background: #ffffff; }

table.view_table tbody tr.even_row {
  background: #e0e0e0; }

table.view_table tbody tr:hover {
  background: #ffdce0; }

table.view_table tbody td {
  font-size: 14px;
  border-right: 16px solid #FFF; }

table.view_table tr.overdue {
  color: #900; }

table.view_table tr.group_total, table.view_table tr.group_total:hover {
  font-size: 1.25em;
  line-height: 2em;
  font-weight: bold;
  background: #7f7f7f;
  color: #eeeeee;
  cursor: default; }

table.view_table tr.group_total div {
  padding: 0 10px; }

#view.compact table.view_table thead th {
  height: 24px;
  font-size: 12px;
  font-weight: bold; }
#view.compact table.view_table tbody td {
  font-size: 12px; }
  #view.compact table.view_table tbody td .view_panel {
    padding: 3px 5px; }
    #view.compact table.view_table tbody td .view_panel div.single_row {
      height: auto;
      margin: 0; }

div.single_row {
  height: 24px;
  overflow: hidden !important;
  margin: 2px 0; }

.col_checkbox {
  width: 32px; }

.col_dashboard {
  width: 400px; }

.col_ibopanel {
  width: 300px; }

.col_ibono, .col_phase, .col_revision, .col_xsmall {
  width: 75px; }

.col_matrixpanel, .col_statuspanel {
  width: 60px; }

.col_date, .col_status, .col_small {
  width: 100px; }

.col_medium, .col_company, .col_product, .col_contact, .col_phone, .col_extra, .col_notification, .col_source, .col_stage, .col_priority, .col_type {
  width: 200px; }

.col_company2x, .col_address, .col_large {
  width: 400px; }

.col_large-10 {
  width: 360px; }

.col_large-20 {
  width: 320px; }

.col_large-30 {
  width: 280px; }

.col_large-40 {
  width: 240px; }

.col_large-50 {
  width: 200px; }

.col_large-60 {
  width: 160px; }

.col_large-70 {
  width: 120px; }

.col_large-80 {
  width: 80px; }

.col_large-90 {
  width: 40px; }

.col_medium-10 {
  width: 180px; }

.col_medium-20 {
  width: 160px; }

.col_medium-30 {
  width: 140px; }

.col_medium-40 {
  width: 120px; }

.col_medium-50 {
  width: 100px; }

.col_medium-60 {
  width: 80px; }

.col_medium-70 {
  width: 60px; }

.col_medium-80 {
  width: 40px; }

.col_medium-90 {
  width: 20px; }

.col_small-50 {
  width: 50px; }

.col_firstname, .col_lastname, .col_value, .col_owner, .col_city, .col_country, .col_state, .col_time, .col_received_date, .col_status {
  width: 150px; }

.col_ibo_essentials {
  width: 200px; }

.col_email, .col_description, .col_rel_obj, .col_approvers {
  width: 400px; }

.col_ibo_essential {
  width: 250px; }

.col_ibo_interaction {
  width: 180px; }

.col_ibo_product {
  width: 180px; }

.col_prob {
  width: 32px; }

.col_prob img {
  position: relative;
  left: 1px;
  top: 1px;
  vertical-align: top; }

.single_row_checkbox {
  position: relative;
  top: 2px; }

.view_checkbox {
  vertical-align: middle;
  text-align: center; }

.view_checkbox div {
  padding: 0 0 0 5px; }

.view_dashboard, .view_ibopanel, .view_panel {
  position: relative;
  overflow: hidden; }

.view_ibopanel > div {
  padding: 0 5px; }

.view_ibopanel span.ibono {
  font-size: 2em; }

.view_ibopanel span.price {
  font-size: 2em; }

.view_ibopanel span.probability {
  font-size: 1em;
  margin-left: 5px; }

.view_ibopanel span.probability:before {
  content: '('; }

.view_ibopanel span.probability:after {
  content: '%)'; }

.view_dashboard .dcol1 {
  width: 18px;
  height: 73px;
  float: left;
  display: block; }

.view_dashboard .phase {
  position: relative; }

.view_checkbox.lead.closed {
  background: #da5656 !important; }

.view_checkbox.lead.qualified {
  background: #81c46e !important; }

.view_checkbox.phase.probe {
  background: #4095cd !important; }

.view_checkbox.phase.prove {
  background: #81c46e !important; }

.view_checkbox.phase.close {
  background: #da5656 !important; }

.view_checkbox.phase.overdue {
  background: url(/imgs/overdue.svg) gold !important; }

.view_checkbox.int.marketing {
  background: #0c77ab !important; }

.view_checkbox.int.sales {
  background: #f49031 !important; }

.view_checkbox.ready {
  background: #def7c5 !important; }

.view_dashboard .phase > div {
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  position: absolute;
  color: #FFFFFF;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  top: 21px;
  left: -8px; }

.view_dashboard .dcol2 {
  width: 60px;
  float: left;
  display: block;
  background: #fff;
  height: 4.9089em; }

.view_dashboard .dcol2 > div:first-child {
  background: #EAEAEA;
  border: #ffffff 1px solid;
  border-top: none;
  border-bottom: none; }

.view_dashboard .ibono {
  color: #222222;
  margin-left: 3px; }

.view_dashboard .ibono a {
  color: #222222;
  text-decoration: none; }

.view_dashboard .matrix {
  display: inline-block;
  width: 25px;
  height: 25px;
  float: right;
  margin: 5px; }

.view_dashboard .matrix.p1 {
  background: url(/imgs/mini-matrix.png) no-repeat left 0px; }

.view_dashboard .matrix.p2 {
  background: url(/imgs/mini-matrix.png) no-repeat left -25px; }

.view_dashboard .matrix.p3 {
  background: url(/imgs/mini-matrix.png) no-repeat left -50px; }

.view_dashboard .matrix.p4 {
  background: url(/imgs/mini-matrix.png) no-repeat left -75px; }

.view_dashboard .matrix.p5 {
  background: url(/imgs/mini-matrix.png) no-repeat left -100px; }

.view_dashboard .matrix.p6 {
  background: url(/imgs/mini-matrix.png) no-repeat left -125px; }

.view_dashboard .matrix.p7 {
  background: url(/imgs/mini-matrix.png) no-repeat left -150px; }

.view_dashboard .matrix.p8 {
  background: url(/imgs/mini-matrix.png) no-repeat left -175px; }

.view_dashboard .matrix.p9 {
  background: url(/imgs/mini-matrix.png) no-repeat left -200px; }

.view_dashboard .probability {
  color: #666666;
  font-size: 1.2em;
  margin-left: 3px;
  padding: 0.65em 0;
  text-align: left;
  float: left;
  position: absolute; }

.view_dashboard .probability:after {
  content: '%'; }

.view_dashboard .status {
  text-align: center; }

.view_dashboard .dcol3 {
  padding: 0 3px;
  margin-left: 60px; }

.view_dashboard .timeline {
  position: relative; }

.view_dashboard .last_review {
  text-align: right; }

.view_dashboard .today {
  height: 11px;
  width: 100%;
  background: url(/imgs/today.png) no-repeat top center;
  position: absolute; }

.view_dashboard .sclabel {
  height: 18px;
  text-align: center; }

.view_dashboard .scstart {
  position: absolute;
  left: 0; }

.view_dashboard .scend {
  position: absolute;
  right: 0;
  max-width: 140px;
  white-space: nowrap; }

.view_dashboard .scbar {
  height: 14px;
  background: #f2f2f2;
  overflow: hidden;
  border: 1px solid #ffffff;
  margin: 0px 0px 2px 0px; }

.view_dashboard .scbar img {
  height: 5px; }

.view_panel {
  padding: 0 5px; }

.view_panel > div > div > div {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer; }

.view_panel > div > div > div.no_margin {
  margin: 0 auto; }

.panel_title {
  color: #808080; }

.panel_content div {
  height: 1.6363em;
  overflow: hidden; }

.panel_content > div.notes {
  height: 4.9em; }

.color_probe {
  background: #4095cd;
  font-size: 16px; }

.color_prove {
  background: #81c46e;
  font-size: 16px; }

.color_close {
  background: #da5656;
  font-size: 16px; }

.bottom_sticker {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }

#footer-container {
  position: relative;
  background: url(/imgs/footer-bg.png) repeat-x; }

#footer {
  position: relative;
  padding: 15px 15px 40px;
  color: #595959;
  background: white; }

#salesways-section {
  float: left; }

#footer-text {
  float: right;
  font-size: 11px;
  margin-left: 50px;
  text-align: right; }

td.col_gap, th.col_gap {
  width: 20px;
  background: url(/imgs/dot.png) repeat-y center; }

td.col_contact, th.col_contact {
  width: 300px; }

td.col_ibo, th.col_ibo, td.col_interaction, th.col_interaction {
  width: 33%; }

.form_status {
  float: right;
  color: #222;
  padding: 6px 0;
  -moz-transition-property: color;
  /* FF4+ */
  -moz-transition-duration: 0.7s;
  -webkit-transition-property: color;
  /* Saf3.2+, Chrome */
  -webkit-transition-duration: 0.7s;
  -o-transition-property: color;
  /* Opera 10.5+ */
  -o-transition-duration: 0.7s;
  -ms-transition-property: color;
  /* IE10? */
  -ms-transition-duration: 0.7s;
  transition-property: color;
  /* Standard */
  transition-duration: 0.7s; }

.form_panel, .widget {
  background: #eeeeee;
  border: #bfbfbf 1px solid;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  margin: 10px 0;
  padding: 8px; }

.form_panel h4 {
  margin: 0 0 0.8333em;
  border-bottom: 1px solid #595959;
  color: #595959;
  font-size: 1.2em;
  padding-bottom: 0.2em; }

.form_panel table.field_list {
  font-size: 13px;
  width: 100%; }

.form_panel table.field_list tr {
  border-bottom: dotted 1px #999; }

.form_panel table.field_list tr td > div {
  /*margin-top: 4px;*/ }

.form_panel table.field_list td.two3rd {
  width: 66%; }

.form_panel table.field_list td.half {
  width: 50%; }

.form_panel table.field_list td.one3rd {
  width: 33%; }

.form_panel table.field_list td.one4th {
  width: 25%; }

table.field_list td.required label {
  color: #BF1E2E; }

table.field_list td.required label:after {
  content: '*'; }

.form_panel div.section {
  padding: 10px; }

.form_panel.custom h3 {
  cursor: pointer; }

.form_panel div.contact {
  padding: 0 10px 0.8333em 45px; }

.ui-dialog div.account, .ui-dialog div.contact, .ui-dialog div.address, .ui-dialog div.email, .ui-dialog div.phone, .ui-dialog div.website, .ui-dialog div.source, .ui-dialog div.custom_fields {
  padding: 0.8333em 10px 0.8333em 10px;
  border-top: 1px solid #bfbfbf; }
.ui-dialog ul {
  list-style-position: inside; }
.ui-dialog ul.ui-autocomplete {
  list-style-position: initial; }

.ui-datepicker {
  z-index: 998 !important; }

.ui-tooltip {
  padding: 0 !important;
  border-width: 1px !important; }

.widget-email-tooltip {
  max-width: 680px;
  max-height: 500px;
  overflow-y: hidden; }

.ui-widget {
  font-size: 1em; }

.ui-combobox {
  display: flex;
  align-items: center; }

div.new_contact {
  display: none; }

#contact-overview-phone {
  width: 100%; }

/*
div.section.email {
	background: url(/imgs/icon-info-email.png) 10px 0.7em no-repeat;
}
div.section.phone {
	background: url(/imgs/icon-info-phone.png) 10px 0.7em no-repeat;
}
div.section.phone.required {
	background: url(/imgs/icon-info-phone-required.png) 10px 0.7em no-repeat;
}
div.section.address {
	background: url(/imgs/icon-info-map.png) 10px 0.7em no-repeat;
}
div.section.website {
	background: url(/imgs/icon-info-globe.png) 10px 0.7em no-repeat;
}
*/
#new-contact-form, #new-account-form, #quick-interaction-form {
  max-height: 480px;
  overflow: auto; }

#new-contact-form > div:first-child {
  border-top: none;
  padding-top: 0; }

#lookup-contact, #linked-contacts, #linked-account, #service-request-info {
  padding: 0 10px 10px; }

#linked-contacts ul {
  list-style: none; }

li.linked_contact {
  margin-bottom: 5px; }

li.linked_contact div.historical > div {
  background: #F7F7F7;
  color: #CCCCCC; }

li.linked_contact div.historical a {
  color: #CCCCCC; }

div.contact_info {
  background: #fff;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  padding: 5px 10px;
  box-shadow: 0 0 3px #999;
  position: relative;
  z-index: 2; }

div.contact_info div.contact_basic {
  margin-right: 32px;
  border-right: 1px solid #CCC;
  padding-right: 10px;
  color: #999; }

div.contact_info span.contact_name {
  font-size: 1.25em;
  margin: 0;
  padding: 0; }

li.historical_contact div.contact_info {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: #bfbfbf; }

li.historical_contact div.contact_info div.contact_basic {
  margin-right: 0;
  border-right: none;
  padding-right: 0; }

span.contact_remove {
  float: right;
  height: 22px;
  margin: 1px 0 0; }

div.primary_toggle {
  float: right;
  height: 22px; }

div.primary_toggle i {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 14px; }

div.primary_toggle span {
  display: inline-block;
  width: 32px;
  height: 22px;
  background: url(/imgs/app-nav-icons.png) no-repeat -64px -264px; }

div.primary_toggle.edit span {
  cursor: pointer; }

div.primary_toggle.edit span:hover {
  background: url(/imgs/app-nav-icons.png) no-repeat -32px -264px; }

div.primary_toggle span.disabled {
  cursor: default;
  background: url(/imgs/app-nav-icons.png) no-repeat -96px -264px; }

div.primary_toggle span.disabled:hover {
  background: url(/imgs/app-nav-icons.png) no-repeat -96px -264px; }

div.primary_toggle span.primary, div.primary_toggle span.primary:hover {
  cursor: default;
  background: url(/imgs/app-nav-icons.png) no-repeat -32px -242px; }

div.primary_toggle span.primary.disabled, div.primary_toggle span.primary.disabled:hover {
  cursor: default;
  background: url(/imgs/app-nav-icons.png) no-repeat -96px -242px; }

div.contact_more {
  margin: 0 10px;
  background: url(/imgs/bright_squares.png);
  padding: 5px 10px;
  border-bottom: #CCC solid 1px;
  border-left: #CCC solid 1px;
  border-right: #CCC solid 1px;
  position: relative;
  z-index: 1; }

div.contact_hidden_info {
  display: none;
  margin-bottom: 10px; }

span.contact_more_toggle {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-right: -15px;
  padding: 0 5px;
  background: #333 url(/imgs/arrow-expand.png) no-repeat center center;
  color: #fff;
  cursor: pointer;
  height: 10px;
  width: 19px; }

span.contact_more_toggle:hover {
  background: #666 url(/imgs/arrow-expand.png) no-repeat center center; }

span.contact_more_toggle.expanded {
  background: #333 url(/imgs/arrow-collapse.png) no-repeat center center; }

span.contact_more_toggle.expanded:hover {
  background: #666 url(/imgs/arrow-collapse.png) no-repeat center center; }

.ui-dialog table.field_list {
  width: 100%; }

.ui-dialog table.field_list td.one3rd {
  width: 33%; }

span.notify {
  display: inline-block;
  width: 24px;
  height: 15px;
  background: url(/imgs/icon-info-email-notify.png) no-repeat;
  position: relative;
  top: 2px; }

span.contact_name, span.company_name {
  font-size: 1.2em;
  margin: 0 0 0.8333em;
  padding-bottom: 0.2em; }

.info_txt {
  color: #7f7f7f;
  font-size: 12px; }

.big_info_txt {
  font-size: 18px;
  font-weight: bold; }

/*** FIELDS LAYOUT ***/
div.fields_layout:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden; }

div.fields_layout {
  *zoom: 1; }

div.fields_layout.two_cols > div.col {
  width: 48.5%;
  max-width: 480px; }

div.fields_layout div.field_set {
  *zoom: 1;
  margin-bottom: 2px; }

div.fields_layout div.field_set:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden; }

div.fields_layout div.label_col {
  width: 145px;
  float: left; }

div.fields_layout div.field_col {
  margin-left: 150px; }

div.fields_layout div.field_col select {
  width: 96%; }

/*** CUSTOM FILTERS ***/
#object-list {
  list-style: none; }

#object-list > li {
  width: 30%;
  margin-right: 3%;
  float: left; }

#object-list h4 {
  margin: 8px 0;
  font-size: 14px; }

/*** CUSTOM FIELDS ***/
.custom select[multiple], #contact-custom select[multiple] {
  height: 108px;
  margin-bottom: -5px;
  overflow-y: auto; }

#available-layout {
  width: 32%;
  padding-right: 1%;
  float: left; }

#section-layout {
  width: 65%;
  padding-left: 1.5%;
  float: right;
  border-left: 1px solid #B0B0B0; }

ul.draggable {
  min-height: 22px;
  padding: 0; }

ul.draggable li, li.draggable, .ui-sortable-handle, .ui-sortable-helper {
  border: 1px solid #B0B0B0;
  color: #7F7F7F;
  cursor: move;
  list-style-type: none;
  margin: 1px;
  padding: 5px;
  position: relative;
  background: #eeeeee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#sections > .ui-sortable-handle {
  padding: 0;
  border: none; }

ul.draggable li.selected, ul.draggable li:hover {
  background: #ffffff; }

ul.ui-sortable-disabled li {
  cursor: default !important; }

span.draggable {
  cursor: move;
  display: inline-block;
  height: 21px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 6px; }

#sections {
  list-style: none; }

#custom-layout-form .icon-sw-drag, .draggable .icon-sw-drag, .ui-sortable-handle .icon-sw-drag, .ui-sortable-helper .icon-sw-drag {
  float: left;
  margin-right: 5px;
  height: 18px;
  cursor: move; }

#custom-layout-form .icon-sw-drag:before, #custom-layout-form .icon-sw-add:before, #custom-layout-form .icon-sw-remove:before, .draggable .icon-sw-drag:before, .draggable .icon-sw-add:before, .draggable .icon-sw-remove:before, .ui-sortable-handle .icon-sw-drag:before, .ui-sortable-handle .icon-sw-add:before, .ui-sortable-handle .icon-sw-remove:before, .ui-sortable-helper .icon-sw-drag:before, .ui-sortable-helper .icon-sw-add:before, .ui-sortable-helper .icon-sw-remove:before {
  font-size: 18px; }

#custom-layout-form .icon-sw-remove {
  float: right; }

#custom-layout-form .icon-sw-remove:before {
  font-size: 18px; }

#custom-layout-form .section {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #B0B0B0;
  background: #fff;
  margin-bottom: 20px; }

#custom-layout-form .section_header {
  background: #eee;
  padding: 5px; }

#custom-layout-form .section_header input {
  width: 50%; }

#custom-layout-form .section_header span {
  margin-top: 4px; }

#custom-layout-form .section_content {
  padding: 5px;
  position: relative; }

#custom-layout-form .section_content li {
  width: 45%;
  float: left;
  margin: 2px 1%; }

#custom-layout-form .section_content .notice {
  margin: 5px;
  position: absolute;
  top: 0;
  width: 100%; }

#custom-layout-form .section_options {
  border-top: 1px solid #b0b0b0;
  padding: 5px 10px; }

#custom-layout-form .section_options ul {
  padding: 0; }

#custom-layout-form .section_options li {
  list-style: none;
  float: left;
  margin-right: 10px; }

#custom-layout-form .section_options li input {
  float: left;
  margin-right: 5px; }

#custom-layout-form li.sortable_placeholder, .draggable li.sortable_placeholder {
  background: #ffffff;
  border: 1px solid #B0B0B0; }
  #custom-layout-form li.sortable_placeholder::after, .draggable li.sortable_placeholder::after {
    content: "\00a0"; }

#custom-layout-form li.sortable_section_placeholder {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  border: 1px solid #B0B0B0;
  height: 57px;
  margin-bottom: 20px; }

.read .fa-eye {
  float: right;
  line-height: 2em;
  padding-left: 3px;
  cursor: pointer; }

.fa.action {
  cursor: pointer;
  margin: 0 4px; }
  .fa.action:hover {
    color: grey; }

.flex-container {
  display: flex;
  align-items: center;
  justify-content: space-between; }

/*** TABLE LIST ****/
.list_table {
  border: 1px solid #afafaf; }

.list_table tr {
  border-bottom: 1px solid #afafaf;
  line-height: 20px !important; }

.list_table td {
  vertical-align: top;
  padding: 5px; }

.list_table th {
  background: #afafaf;
  color: #fff;
  font-weight: normal;
  text-align: left;
  padding: 5px; }

.list_table tfoot {
  background: #fff;
  font-size: 14px; }

.list_table .icon {
  width: 25px; }

.list_table .icon-sw-remove:before,
.list_table .icon-sw-add:before,
.list_table .icon-sw-edit:before {
  font-size: 18px;
  position: relative;
  top: 1px !important; }

.list_table .add-row {
  cursor: pointer; }

.list_table td.mid_column {
  border-width: 0 1px;
  border-style: solid;
  border-color: #afafaf; }

.list_table ul {
  padding: 0; }

.list_table ul li {
  list-style: none;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 2px 0;
  min-height: 20px;
  cursor: pointer; }

.list_table ul li.outline {
  border: 1px solid #ccc;
  padding: 4px; }

.list_table ul li.outline.selected {
  padding: 5px; }

.list_table ul li.selected {
  background: #ccc no-repeat right center !important;
  color: #fff;
  border: 0; }

.list_table ul li:hover {
  background: #eee; }

.list_table .icon-sw-drag:before, .list_table .icon-sw-remove:before, .list_table .icon-sw-add:before {
  font-size: 18px; }

.list_table .icon-sw-remove, .list_table .icon-sw-add {
  float: right; }

.list_table .icon-sw-drag {
  float: left;
  margin-right: 5px;
  height: 18px;
  cursor: move; }

.list_table tfoot td {
  height: 24px; }

.list_table input {
  height: 18px;
  width: 85%; }

.thead_search {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  padding: 0 5px;
  width: 180px;
  margin-left: 10px; }

.thead_search .clear_search {
  line-height: 20px;
  color: #bfbfbf; }

.thead_search .clear_search:hover {
  color: #ddd; }

.thead_search input[type="text"] {
  border: medium none;
  line-height: 23px;
  position: relative;
  width: 150px; }

/*** DEFINE LOOKUPS ***/
.standard_divs, .custom_divs {
  height: 514px;
  overflow: auto; }

/*** EXPORT TEMPLATE ***/
#export-template-form .list_table td {
  vertical-align: top; }

#export-template-form .list_table td.mid_column {
  border-width: 0 1px;
  border-style: solid;
  border-color: #afafaf; }

#export-template-form .list_table ul {
  padding: 0; }

#export-template-form .list_table li {
  list-style: none;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 2px 0;
  min-height: 20px; }

#export-template-form .list_table li.selected {
  background: #ccc url(/imgs/selected-arrow.png) no-repeat right center;
  color: #fff; }

#available-fields-div {
  position: relative; }

#available-types li {
  cursor: pointer; }

#available-types li:hover, #available-fields li:hover {
  background: #eee; }

#available-fields li {
  height: auto;
  background: white; }

#export-template-form .icon-sw-drag:before, #export-template-form .icon-sw-remove:before, #export-template-form .icon-sw-add:before {
  font-size: 18px; }

#export-template-form .icon-sw-remove, #export-template-form .icon-sw-add {
  float: right; }

#export-template-form .icon-sw-drag {
  float: left;
  margin-right: 5px;
  height: 18px;
  cursor: move; }

#output-template div.readonly {
  margin: 2px 0; }

#output-template select {
  width: 100%; }

#output-columns li {
  padding: 4px 5px !important; }

#output-columns span.output_label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }

#export-template-form .list_table .icon-sw-remove:before, #export-template-form .list_table .icon-sw-add:before {
  left: 0;
  position: relative;
  top: 0; }

/*** REPORTS ***/
#report-access-control #access-control {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  float: none;
  padding: 5px; }

#recipients-selected-user, #recipients-available-user {
  max-height: 100px;
  overflow: auto; }

#recipients-selected-user {
  border-bottom: 1px #dcdcdc solid; }

div.info {
  padding: 5px;
  background: #FFF0EB;
  border: #ffd7cd 1px solid;
  color: #595959; }

/*** PRODUCT TABLE ***/
.form_product .product_total {
  /*color: #690;*/
  float: right; }

.form_product .product_row {
  font-size: 1.2em;
  line-height: 20px;
  margin-bottom: 0.25em; }

.form_product ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.form_product li {
  padding-top: 0.25em;
  border-top: dotted 1px #999;
  margin-top: 0.25em; }

.form_product li:first-child {
  border-top: none 1px; }

.form_product table.field_list tr {
  font-size: 12px;
  border-bottom: 1px none; }

.form_product table.field_list td {
  vertical-align: middle; }

.form_product table.field_list tr td label, .form_product table.field_list tr td div {
  margin: 0;
  padding: 0;
  color: #595959;
  line-height: 1em; }

.form_product table.field_list tr td div {
  line-height: 1em;
  text-align: right;
  color: #222; }

.form_product table.field_list tr.price_color td label, .form_product table.field_list tr.price_color td div {
  /*color: #690;*/
  line-height: 1em; }

.form_product .total_row {
  font-size: 1.2em;
  font-weight: bold;
  color: #222; }

/***/
.form_dashboard, #form-dashboard {
  /*width: 360px;*/ }

.user .advisor_priority {
  color: #298bd7; }

.expert {
  position: relative;
  background: #fff;
  margin-bottom: 2px; }

.expert .advisor_priority {
  color: #666;
  font-size: 0.75em; }

.advisor_probability {
  color: #999;
  float: right; }

.advisor_probability:after {
  content: '%'; }

.advisor_matrix {
  width: 13px;
  height: 13px;
  display: inline-block;
  float: right;
  margin-left: 10px;
  margin-top: 6px;
  margin-right: 5px; }

.user .advisor_matrix.p00 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left 0px; }

.user .advisor_matrix.p01 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -13px; }

.user .advisor_matrix.p02 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -26px; }

.user .advisor_matrix.p10 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -39px; }

.user .advisor_matrix.p11 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -52px; }

.user .advisor_matrix.p12 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -65px; }

.user .advisor_matrix.p20 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -78px; }

.user .advisor_matrix.p21 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -91px; }

.user .advisor_matrix.p22 {
  background: url(/imgs/mini-form-matrix.png) no-repeat left -104px; }

.advisor_says {
  color: #fff;
  font-size: 12px;
  font-weight: normal; }

.expert .advisor_probability {
  color: #fff; }

.expert .advisor_matrix {
  width: 20px;
  height: 20px; }

.expert .advisor_matrix.p00 {
  background: url(/imgs/mini-matrix-exp00.png) no-repeat; }

.expert .advisor_matrix.p01 {
  background: url(/imgs/mini-matrix-exp01.png) no-repeat; }

.expert .advisor_matrix.p02 {
  background: url(/imgs/mini-matrix-exp02.png) no-repeat; }

.expert .advisor_matrix.p10 {
  background: url(/imgs/mini-matrix-exp10.png) no-repeat; }

.expert .advisor_matrix.p11 {
  background: url(/imgs/mini-matrix-exp11.png) no-repeat; }

.expert .advisor_matrix.p12 {
  background: url(/imgs/mini-matrix-exp12.png) no-repeat; }

.expert .advisor_matrix.p20 {
  background: url(/imgs/mini-matrix-exp20.png) no-repeat; }

.expert .advisor_matrix.p21 {
  background: url(/imgs/mini-matrix-exp21.png) no-repeat; }

.expert .advisor_matrix.p22 {
  background: url(/imgs/mini-matrix-exp22.png) no-repeat; }

#form-dashboard .expert, .form_dashboard .expert {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c92846;
  background: #c92846;
  padding: 5px 10px;
  color: #fff;
  font-size: 1.25em; }

.sc_info_txt {
  text-align: center; }

.advisor_info_heading {
  font-size: 1.2em;
  line-height: 1.2em; }

.advisor_info_heading .probe {
  color: #4095CD; }

.advisor_info_heading .prove {
  color: #81C46E; }

.advisor_info_heading .close {
  color: #DA5656; }

.advisor_info_summary {
  margin-top: 5px; }

.advisor_info_summary ul {
  margin: 0;
  padding-left: 20px; }

/***** NEW ASPEC DASHBOARD *****/
#scg-interactions {
  margin-top: 5px;
  background: #d9d9d9;
  height: 16px;
  overflow: hidden;
  position: relative; }
  #scg-interactions .int {
    background: #d9d9d9;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
    margin: 3px 0; }
    #scg-interactions .int.non_essential {
      background: #b7b7b7; }
    #scg-interactions .int.critical {
      background: #f1912a; }
    #scg-interactions .int.appointment {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 5px 8.7px 5px;
      border-color: transparent transparent #0484F7 transparent;
      border-radius: 0; }
    #scg-interactions .int.task {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 5px 8.7px 5px;
      border-color: transparent transparent #f53447 transparent;
      border-radius: 0; }

#scg-interactions-toggle {
  text-align: right; }
  #scg-interactions-toggle label {
    margin: 2px 5px 2px 0;
    float: left; }

#advisor-mode-container {
  text-align: center;
  font-size: 1.4em;
  padding: 0 10px; }

#advisor-mode-container span.read {
  line-height: 1em;
  color: #808080; }

#scg-container {
  margin: 0 auto;
  position: relative; }

#scg-today {
  background: no-repeat url(/imgs/scg-today-bg.png) center bottom;
  height: 45px;
  width: 101px;
  text-align: center;
  position: relative;
  margin-bottom: -25px;
  z-index: 10;
  left: -50px;
  display: none; }

#scg-base {
  height: 30px;
  position: relative;
  background-repeat: no-repeat;
  background-image: url(/imgs/scg-bg.png);
  /*	background-position: -1000px center;*/
  background-position: right center;
  z-index: 5;
  display: none; }

#scg-probe {
  height: 30px;
  width: 50%;
  float: left;
  background-repeat: no-repeat;
  background-image: url(/imgs/scg-probe-bg.png);
  /*background-position: -1000px center;*/
  background-position: right center;
  text-align: center;
  overflow: hidden;
  color: #fff;
  display: none; }

#scg-prove {
  height: 30px;
  width: 35%;
  float: left;
  background-repeat: no-repeat;
  background-image: url(/imgs/scg-prove-bg.png);
  /*background-position: -500px center;*/
  background-position: right center;
  text-align: center;
  overflow: hidden;
  color: #fff;
  display: none; }

#scg-close {
  height: 30px;
  width: 15%;
  float: left;
  background-repeat: no-repeat;
  background-image: url(/imgs/scg-close-bg.png);
  background-position: right center;
  /*background-position: -500px center;*/
  text-align: center;
  overflow: hidden;
  color: #fff;
  display: none; }

#scg-close span, #scg-prove span, #scg-probe span {
  display: inline-block;
  padding-top: 6px;
  font-size: 0.9em; }

#scg-start {
  float: left; }

#scg-end {
  float: right; }

#scg-text {
  text-align: center;
  min-height: 1em;
  border-top: 1px #bfbfbf solid; }

#overdue-text.overdue {
  font-weight: bold;
  color: #bf1e2e;
  text-decoration: blink;
  text-align: center; }

#prob-matrix {
  width: 103px;
  height: 100px;
  position: relative;
  background: url(/imgs/prob-matrix-bg.png) no-repeat; }

#prob-matrix.en {
  background: url(/imgs/prob-matrix-bg.png) no-repeat; }

#prob-matrix.de {
  background: url(/imgs/de-prob-matrix-bg.png) no-repeat; }

#prob-matrix.fr {
  background: url(/imgs/fr-prob-matrix-bg.png) no-repeat; }

#prob-matrix.es, #prob-matrix.es_AR {
  background: url(/imgs/es-prob-matrix-bg.png) no-repeat; }

#prob-matrix.pt, #prob-matrix.pt_BR {
  background: url(/imgs/pt-prob-matrix-bg.png) no-repeat; }

#prob-matrix.it, #prob-matrix.it_IT {
  background: url(/imgs/it-prob-matrix-bg.png) no-repeat; }

#prob-user, #prob-expert {
  display: none;
  position: absolute;
  z-index: 5;
  background: #595959;
  width: 22px;
  height: 22px;
  border: 1px solid #595959;
  color: #fff;
  text-align: center;
  box-sizing: content-box; }

#prob-expert {
  color: #222; }

#prob-expert.agree {
  color: #fff; }

.prob_container {
  position: absolute;
  display: table;
  width: 22px;
  height: 22px; }

#prob-expert {
  background: #ffbe22;
  border: 1px solid #ffbe22;
  z-index: 6; }

#prob-expert > span, #prob-user > span {
  display: inline-block;
  padding-top: 4px; }

#prob-expert.agree {
  background: #595959; }

#prob-user.prob_1_ {
  width: 74px;
  height: 22px;
  top: 54px;
  left: 22px;
  background: #595959 url(/imgs/www-bg.png) repeat-y center center; }

#prob-user.prob_2_ {
  width: 74px;
  height: 22px;
  top: 28px;
  left: 22px;
  background: #595959 url(/imgs/www-bg.png) repeat-y center center; }

#prob-user.prob_3_ {
  width: 74px;
  height: 22px;
  top: 2px;
  left: 22px;
  background: #595959 url(/imgs/www-bg.png) repeat-y center center; }

#prob-user.prob__1 {
  height: 74px;
  width: 22px;
  top: 2px;
  left: 22px;
  background: #595959 url(/imgs/wih-bg.png) repeat-x center center; }

#prob-user.prob__2 {
  height: 74px;
  width: 22px;
  top: 2px;
  left: 48px;
  background: #595959 url(/imgs/wih-bg.png) repeat-x center center; }

#prob-user.prob__3 {
  height: 74px;
  width: 22px;
  top: 2px;
  left: 74px;
  background: #595959 url(/imgs/wih-bg.png) repeat-x center center; }

.prob_20 {
  left: 22px;
  top: 2px; }

.prob_10 {
  left: 22px;
  top: 28px; }

.prob_00 {
  left: 22px;
  top: 54px; }

.prob_21 {
  left: 48px;
  top: 2px; }

.prob_11 {
  left: 48px;
  top: 28px; }

.prob_01 {
  left: 48px;
  top: 54px; }

.prob_22 {
  left: 74px;
  top: 2px; }

.prob_12 {
  left: 74px;
  top: 28px; }

.prob_02 {
  left: 74px;
  top: 54px; }

.prob_20 p:after {
  content: '25%';
  font-size: 10px; }

.prob_10 p:after {
  content: '15%';
  font-size: 10px; }

.prob_00 p:after {
  content: '10%';
  font-size: 10px; }

.prob_21 p:after {
  content: '60%';
  font-size: 10px; }

.prob_11 p:after {
  content: '40%';
  font-size: 10px; }

.prob_01 p:after {
  content: '15%';
  font-size: 10px; }

.prob_22 p:after {
  content: '80%';
  font-size: 10px; }

.prob_12 p:after {
  content: '60%';
  font-size: 10px; }

.prob_02 p:after {
  content: '25%';
  font-size: 10px; }

#priority-circle1, #priority-circle2, #priority-circle3, #priority-circle4, #priority-circle5 {
  position: relative;
  width: 85px;
  height: 85px;
  color: #222222;
  font-size: 0.9em;
  margin: 0 auto;
  line-height: 1.3em; }

.priority_container {
  position: absolute;
  display: table;
  height: 55px;
  /*width: 55px;*/
  padding: 15px; }

.priority_container p, .prob_container p {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.priority_container p {
  height: 55px; }

.priority_circle {
  /*	background: #bfbfbf;
	border: 2px solid #bfbfbf;*/
  background: url(/imgs/priority_circles.png) no-repeat center top;
  height: 85px;
  width: 85px; }

.priority_circle.user {
  background: url(/imgs/priority_circles.png) no-repeat center -85px;
  color: #fff !important; }

.priority_circle.expert {
  background: url(/imgs/priority_circles.png) no-repeat center -170px; }

.priority_circle.expert.user {
  background: url(/imgs/priority_circles.png) no-repeat center -255px;
  color: #fff !important; }

.for_expert {
  display: none; }

#expert-legend {
  color: #595959; }

.expert_color {
  color: #ffbe22;
  font-size: 2em;
  margin-right: 5px; }

#pro-summary, #expert-summary {
  color: #666; }

.summary_header {
  font-weight: bold; }

#form-scbar {
  overflow: hidden;
  margin-top: 10px;
  background: #fff; }

#form-scbar-length {
  text-align: center; }

#form-scbar-timeline {
  background: url(/imgs/dot.png) repeat-x center; }

#form-scbar-start {
  padding: 0 5px;
  background: #fff; }

#form-scbar-end {
  float: right;
  padding-right: 5px;
  background: #fff; }

#form-scbar-end:before {
  content: '> '; }

#form-scbar span {
  display: inline-block; }

#form-scbar-line {
  /*min-width: 338px;*/
  position: relative;
  height: 30px;
  z-index: 5; }

#form-scbar-line > div {
  /*position: absolute;*/
  display: inline-block;
  color: #ffffff;
  height: 30px; }

#form-scbar-line > div span {
  margin-top: 6px; }

#form-scbar-line div.probe {
  background: #0072bc;
  width: 50%; }

#form-scbar-line div.prove {
  background: #22b24c;
  width: 35%; }

#form-scbar-line div.close {
  background: #ed1c24;
  width: 15%; }

#form-scbar-line div.probe span {
  margin-left: 5px; }

#form-scbar-line div.prove span {
  margin-left: 5px; }

#form-scbar-line div.close span {
  margin-left: 5px; }

#form-today {
  position: relative;
  z-index: 10;
  top: 17px;
  margin-top: -15px; }

#today-label {
  position: relative;
  padding: 5px;
  background: #808080;
  color: #fff;
  border-bottom: 1px #fff solid;
  /*min-width: 70px;*/
  width: 100px;
  text-align: center; }

#form-today.overdue #today-label {
  background: #ab1818; }

#today-pointer {
  position: relative;
  width: 70px;
  height: 10px;
  background: url(/imgs/form-today.png) center top no-repeat;
  top: -4px; }

#form-today.overdue #today-pointer {
  background: url(/imgs/form-today-overdue.png) center top no-repeat; }

/*** Sales Environment ***/
#sales-environment table.field_list {
  font-size: 14px; }

#sales-environment table.field_list tr {
  border-bottom: 1px none; }

.ui-accordion .ui-accordion-content {
  padding: 1em; }

.form_panel select {
  width: 96%; }
.form_panel input {
  width: 96%; }
.form_panel input[type=checkbox] {
  width: auto; }
.form_panel textarea {
  width: 96%;
  height: 106px; }

#ProveEcon, #ProveTech, #ProveUser {
  margin-bottom: 10px; }

/***/
#interaction-timeline {
  width: 100%; }

#interaction-timeline td.col2 {
  width: 5px;
  background: #bf1e2e; }

#interaction-timeline td.col3 {
  width: 50px; }

#timeline-filter ul, #interaction-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#timeline-filter li a {
  display: block;
  text-align: center;
  text-decoration: none; }

#timeline-filter li.selected a {
  color: #bf1e2e;
  background: #ffffff; }

#interaction-list {
  font-size: 11px;
  max-height: 270px;
  overflow: auto; }

#interaction-list span.ibono {
  display: inline-block;
  width: 50px; }

#interaction-list li {
  cursor: pointer;
  background: url(/imgs/int-shadow.png) no-repeat left bottom;
  padding-bottom: 10px; }

#interaction-list li > div {
  background: url(/imgs/int-pt.png) no-repeat right center;
  padding-right: 13px; }

#interaction-list li > div > div {
  background: #bfbfbf;
  padding: 10px; }

#interaction-list li:hover > div > div {
  background: #bfbfbf url(/imgs/int-reflect.png) left top no-repeat; }

#interaction-list li.linked > div {
  /*background: url(/imgs/linked-int-pt.png) no-repeat right center;*/ }

#interaction-list li.linked > div > div {
  /*background:	 #ffa2a2;*/ }

#interaction-list li.linked:hover > div > div {
  /*background:	 #ffa2a2 url(/imgs/int-reflect.png) left top no-repeat;*/ }

/* == ACTION ICONS == */
span.action {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  vertical-align: middle;
  float: right;
  /*background-image: url(/imgs/actions.png);*/ }

span.action:before {
  font-size: 20px; }

span.action.add_btn {
  background-position: left 0px; }

span.action.add_btn:hover {
  background-position: right 0px; }

span.action.remove_btn {
  background-position: left -20px; }

span.action.remove_btn:hover {
  background-position: right -20px; }

span.action.edit_btn {
  background-position: left -40px; }

span.action.edit_btn:hover {
  background-position: right -40px; }

span.action.lookup_btn {
  background-position: left -60px; }

span.action.lookup_btn:hover {
  background-position: right -60px; }

span.action.info_btn {
  background-position: left -80px; }

span.action.info_btn:hover {
  background-position: right -80px; }

span.action.help_btn {
  background-position: left -80px;
  visibility: hidden; }

span.action.help_btn:hover {
  background-position: right -80px; }

span.action.device_btn {
  background-position: left -100px; }

span.action.device_btn:hover {
  background-position: right -100px; }

span.action.icon-sw-help {
  display: none; }

/* EXPORT */
#export-dialog {
  display: none;
  height: 250px; }

#export-dialog table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

#export-dialog thead {
  background-color: #f2f2f2;
  font-weight: bold; }

#export-dialog td {
  border: 1px solid #DCDCDC;
  padding: 5px 10px;
  vertical-align: top;
  width: 50%; }

#format-div {
  margin-top: 10px;
  text-align: right; }

#template-div {
  margin-top: 10px; }

span.s_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle; }

span.format_csv {
  background: url(/imgs/format_icons.png) left 0px; }

span.format_xls {
  background: url(/imgs/format_icons.png) left -16px; }

span.format_html {
  background: url(/imgs/format_icons.png) left -32px; }

/**** CURRENCY ****/
#currency-definition {
  width: 250px;
  margin: 0 auto;
  list-style: none; }

#currency-definition li {
  margin: 2px 0; }

/**** TRIAL ****/
#pre-login-header {
  text-align: center; }

#trial-page {
  font-size: 14px;
  max-width: 980px;
  margin: 50px auto 2rem; }

#trial-tagline {
  position: absolute;
  top: 40px;
  left: 430px; }

#trial-tagline ul {
  list-style: none outside none; }

#trial-tagline ul li {
  background: url("/imgs/bullet.png") no-repeat scroll 0 2px transparent;
  font-size: 1.1em;
  margin-bottom: 10px;
  padding-left: 20px; }

#try-it-now {
  position: absolute;
  top: 300px;
  width: 184px;
  height: 69px;
  background: url(/imgs/try-it-now.png) top left;
  cursor: pointer; }

#try-it-now:hover {
  background: url(/imgs/try-it-now.png) bottom left; }

#trial-features li {
  margin: 0 1%;
  width: 23%;
  float: left;
  list-style: none; }

#trial-features li > div {
  padding: 10px;
  display: inline-block;
  height: 203px;
  _display: inline;
  _zoom: 1;
  border: 1px solid #e0e0e0;
  border-top-color: #efefef;
  border-bottom-color: #ccc;
  position: relative; }

#trial-features li h3 {
  width: 182px;
  height: 40px;
  margin: 0;
  background-color: #fff;
  padding: 5px 0;
  opacity: 0.75;
  font-size: 17px;
  text-align: center; }

#trial-features li > div:nth-child(1n) {
  border: none;
  -webkit-border-radius: 100% / 8px;
  -moz-border-radius: 100% / 8px;
  border-radius: 100% / 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }

#registration {
  max-width: 500px;
  margin: 7px auto;
  padding: 20px;
  background: #eeeeee;
  border: 1px solid #bfbfbf;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  float: right; }

#registration h2, #order-panel h2 {
  font-size: 24px;
  margin-top: 0; }

#registration input {
  width: 98%; }

#trial-msg a {
  color: #fff;
  background: #bf1e2e; }

#trial-verify {
  padding: 20px 25px;
  font-size: 14px; }

#trial-verify h1 {
  margin-top: 0;
  margin-bottom: 28px;
  line-height: 32px; }

#trial-verify p {
  margin-top: 0;
  margin-bottom: 1em; }

#trial-graphic {
  float: right;
  margin-left: 20px; }

#value-step {
  color: #FFFFFF;
  float: right;
  padding: 10px;
  position: relative;
  top: -30px; }

#value-step a {
  color: #CCC; }

#value-step a:hover {
  color: #fff; }

#value-step b {
  font-size: 1.25em; }

#value-step-actions {
  list-style: none; }

#value-step-actions li {
  float: left;
  margin-right: 15px; }

#upgrade-packages {
  width: 684px;
  margin: 20px auto;
  font-family: helvetica, arial, verdana; }

#upgrade-packages section {
  width: 300px;
  float: left;
  margin: 0 20px;
  /* Cosmetics */
  border: #cccccc 1px solid;
  background: #f3f3f3;
  /* Nice if your browser can do it */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 2px; }

#upgrade-packages h1 {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#808080');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#808080));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #bfbfbf, #808080);
  /* for firefox 3.6+ */
  color: #fff;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  border-bottom: 1px #cccccc solid;
  text-shadow: 1px 1px 1px #000000;
  filter: dropshadow(color=#000000, offx=1, offy=1); }

#upgrade-packages h1.highlight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db838b', endColorstr='#BF1E2E');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#db838b), to(#BF1E2E));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #db838b, #BF1E2E);
  /* for firefox 3.6+ */ }

#upgrade-packages .pricing {
  font-size: 56px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  height: 100px;
  background: url(/imgs/pricing-bg.jpg) no-repeat center center;
  position: relative; }

#upgrade-packages .solo .pricing > div {
  background: url(/imgs/pricing-separator.jpg) no-repeat center center; }

#upgrade-packages .solo .pricing > div > div {
  font-size: 32px;
  font-weight: bold;
  margin-top: 35px;
  text-align: center;
  width: 50%; }

#upgrade-packages .benefits {
  height: 300px;
  background: url(/imgs/benefits-bg.jpg) no-repeat center top; }

#upgrade-packages .po_currency {
  font-size: 18px;
  font-weight: bold; }

#upgrade-packages .po_month {
  font-size: 12px;
  font-style: italic;
  color: #808080;
  display: block; }

#upgrade-packages h3 {
  padding: 5px 10px;
  background: #333;
  color: #fff;
  font-size: 20px;
  margin: 0; }

#upgrade-packages section ul {
  list-style-position: outside;
  margin: 10px 30px; }

.package {
  transition: width 1s, display 1s;
  -moz-transition: width 1s, display 1s;
  /* Firefox 4 */
  -webkit-transition: width 1s, display 1s;
  /* Safari and Chrome */
  -o-transition: width 1s, display 1s;
  /* Opera */ }

.order {
  padding: 10px;
  text-align: center;
  border-top: 1px solid #cccccc; }

#upgrade {
  margin-left: 342px; }

#setup-table #upgrade {
  margin-left: 0; }

.custom_fields_table input[type=checkbox], #lock-phone-table input[type=checkbox] {
  position: relative;
  top: 4px; }

/*** MOBILE USER ***/
#mobile-user-list {
  list-style: none;
  margin: auto;
  margin-top: 1px; }

#mobile-user-list li {
  float: left;
  padding: 10px;
  width: 200px;
  margin-right: 2px;
  margin-bottom: 2px;
  background: #f0f0f0; }

/*temporary**/
#setup-table #form-content {
  padding-top: 0 !important; }

#setup-buy-approved > div {
  padding: 0 !important; }

/****/
#order-panel {
  margin: 0 0 20px !important;
  padding: 20px;
  width: 590px !important; }

#order-panel input[type=text] {
  width: 95%; }

#order-panel textarea {
  width: 95%; }

/**** SALES TEAM ****/
#sales-team-dialog ul {
  padding: 0;
  margin: 0;
  list-style: none; }

/**** FILE UPLOADER ****/
.file_upload {
  overflow: hidden;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  /* Cosmetics */
  color: #666666;
  border: #cccccc 1px solid;
  background: #f3f3f3;
  /* Nice if your browser can do it */
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.file_upload:hover {
  background: url(/imgs/hover-bg.png) repeat-x left top;
  color: #111111; }

.file_upload input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font-size: 70px;
  /* Loses tab index in webkit if width is set to 0 */
  opacity: 0;
  filter: alpha(opacity=0); }

.file_upload span {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block; }

/* Adjust the button size */
.file_upload {
  height: 2em; }

.file_upload,
.file_upload span {
  width: 100px; }

.file_status {
  overflow: hidden;
  /*vertical-align: middle;
	padding: 6px 5px;*/
  color: #888;
  /*background: #f8f8f8;
	border: 1px solid #cccccc;*/
  display: inline-block;
  min-height: 18px;
  line-height: 2em; }

#tradeshow .label_col label {
  font-weight: bold; }

#tradeshow label {
  color: black; }

#tradeshow-attachments .form_panel {
  border-radius: none;
  position: relative;
  margin: 0;
  padding: 0; }
  #tradeshow-attachments .form_panel .panel_heading {
    padding: 10px 0;
    font-size: 1.25rem; }
  #tradeshow-attachments .form_panel .section {
    padding: 0; }
  #tradeshow-attachments .form_panel #drop {
    padding: 0; }
  #tradeshow-attachments .form_panel #drop-msg {
    font-size: 1rem; }

#file-uploader ul, #new_attachments ul {
  list-style: none; }

#file-uploader li p {
  margin-bottom: 5px;
  margin-right: 24px; }

#file-uploader .progress {
  background: #fff; }

#file-uploader .bar {
  height: 5px;
  background: #8a8a8a; }

#drop {
  padding: 10px;
  background: url("/imgs/white50.png"); }

#drop a {
  text-decoration: underline;
  cursor: pointer; }

#file-uploader hr {
  margin-top: 12px; }

#new_attachments li label {
  padding: 5px 10px;
  background: #fff;
  margin-top: 5px; }

#templates-list {
  height: 350px;
  overflow: auto; }

.quote_templates.grid {
  padding: 0 5px; }

.quote_templates_header {
  background: #afafaf; }

.quote_templates_header label {
  color: #fff; }

.quote_templates label {
  line-height: 1.25em; }

.quote_templates_row {
  margin: 5px 0; }

/****/
/**** SALES QUOTE ITEM ****/
#quote-items .quote_item .list_table {
  font-size: 11px; }

#quote-items .quote_item .list_table td {
  line-height: 1.5em; }

#quote-items .quote_item .part_config {
  margin-top: 10px; }

#quote-items .quote_total {
  padding-top: 10px; }

/*** QUOTE TEMPLATE ***/
#quote-templete-download .jstree-leaf a ins.jstree-icon {
  display: none; }

/**** GRID ****/
.gutter {
  width: 2.0304%; }

.grid_row.separator {
  border-bottom: 1px #bfbfbf solid; }

.grid_row {
  margin-bottom: 2px; }

.grid_row:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden; }

.grid_column {
  float: left;
  /*margin-left: 2.0304%;*/
  margin-left: 1.0152%; }

.grid_row > .grid_column:first-child {
  margin-left: 0; }

.grid_column.one {
  /*width: 6.472%;*/
  width: 7.4027%; }

.grid_column.two {
  /*width: 	14.9744%;*/
  width: 15.8206%; }

.grid_column.three {
  /*width: 23.4768%;*/
  width: 24.2385%; }

.grid_column.four {
  /*width: 31.9792%;*/
  width: 32.6564%; }

.grid_column.five {
  /*width: 40.4816%;*/
  width: 41.0743%; }

.grid_column.six {
  /*width: 48.984%;*/
  width: 49.4922%; }

.grid_column.seven {
  /*width: 57.4864%;*/
  width: 57.9101%; }

.grid_column.eight {
  /*width: 65.9888%;*/
  width: 66.328%; }

.grid_column.nine {
  /*width: 74.4912%;*/
  width: 74.7459%; }

.grid_column.ten {
  /*width: 82.9936%;*/
  width: 83.1638%; }

.grid_column.eleven {
  /*width: 91.496%;*/
  width: 91.5817%; }

.grid_column.twelve {
  width: 100%; }

/*** HELPER ***/
.tree {
  border-collapse: separate; }

.checkbox_adjust {
  padding-top: 2px;
  margin-bottom: -2px; }

.no_margin {
  margin: 0; }

.no_bullet {
  list-style: none; }

.disc_bullet {
  list-style: disc; }

.center_container {
  position: relative;
  display: table; }

.center_content {
  display: table-cell;
  vertical-align: middle; }

.bbhelp {
  cursor: pointer; }

/***** LESS
.width(@context:1000, @target: 291){
	@percent: (@target/@context)*100;
	width: ~`@{percent} + "%"`;
}
.padding(@context, @top: 0, @right: 0, @bottom: 0, @left: 0){
	@top-percent: (@top/@context)*100;
	@right-percent: (@right/@context)*100;
	@bottom-percent: (@bottom/@context)*100;
	@left-percent: (@left/@context)*100;
	padding: ~`@{top-percent} + "% " + @{right-percent} + "% " + @{bottom-percent} + "% " + @{left-percent} + "%"`;
}

.margin(@context, @top: 0, @right: 0, @bottom: 0, @left: 0){
	@top-percent: (@top/@context)*100;
	@right-percent: (@right/@context)*100;
	@bottom-percent: (@bottom/@context)*100;
	@left-percent: (@left/@context)*100;
	margin: ~`@{top-percent} + "% " + @{right-percent} + "% " + @{bottom-percent} + "% " + @{left-percent} + "%"`;
}


#form-content2 {
	#form-side {
		float: left;
		position: relative;
		.width(958, 312.6666);
	}
	#form-main {
		position: relative;
		.margin(958, 0, 0, 0, 332.6666);
	}
}
*****/
div.new_doc {
  /*width: 480px;*/
  margin: auto; }

div.card {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 3px #999;
  /* Firefox */
  -webkit-box-shadow: 0 0 3px #999;
  /* Safari and Chrome */
  box-shadow: 0 0 3px #999;
  /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  Padding: 10px;
  background: #fff;
  margin-bottom: 10px;
  position: relative; }

div.card_title {
  color: #7f7f7f;
  font-size: 16px;
  margin: -10px -10px 10px;
  padding: 10px;
  border-bottom: 1px solid #bbb; }

div.card.main {
  background: #FF663F;
  box-shadow: none; }

div.card div.section {
  position: relative;
  border-top: 1px solid #bbb;
  margin-top: 10px;
  padding-top: 10px; }

div.card div.section.center {
  text-align: center; }

div.card h3 {
  margin-top: 0;
  margin-bottom: 5px;
  padding-bottom: 7px;
  padding-top: 7px; }

div.card input {
  width: 96%; }

div.card select {
  width: 99%; }

div.card input[type=radio], div.card input[type=checkbox] {
  width: auto !important; }

div.card hr, div.ui-dialog hr {
  margin: 5px 0; }

.account_widget ul, .service_widget ul, .scope_widget ul {
  margin: 0;
  padding: 0 0 10px;
  list-style: none; }

.account_widget ul.list_toggle {
  padding-bottom: 5px; }

.account_widget ul li, ul li.wg_item {
  margin-bottom: 5px;
  position: relative; }

img.widget_badge {
  height: 32px;
  width: 32px;
  float: left;
  margin-right: 5px; }

.wg_title {
  border-bottom: 1px solid #999;
  margin-bottom: 10px; }

/*
.wg_title>span {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	float: left;
}
.wg_title>span.contact {
	background: url(/imgs/badges-orange-32.png) no-repeat left 0px;
}
.wg_title>span.ibo {
	background: url(/imgs/badges-orange-32.png) no-repeat left -32px;
}
.wg_title>span.lead {
	background: url(/imgs/badges-orange-32.png) no-repeat left -320px;
}
.wg_title>span.leadibo {
	background: url(/imgs/badges-orange-32.png) no-repeat left -352px;
}
.wg_title>span.int {
	background: url(/imgs/badges-orange-32.png) no-repeat left -64px;
}
.wg_title>span.account {
	background: url(/imgs/badges-orange-32.png) no-repeat left -256px;
}
*/
.wg_filter_toggle {
  float: right; }

.wg_filter_toggle > span {
  float: right;
  margin-left: 10px; }

.wg_filter_toggle .filter_active_toggle {
  float: none;
  margin: 0; }

.wg_content {
  position: relative;
  min-height: 300px;
  /*	height: 220px;
	overflow: auto;	*/ }

.wg_content div.no_doc_found {
  line-height: 300px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin-top: 0;
  display: none; }

.view_end {
  position: absolute;
  background: url(/imgs/view-end.png) repeat-x left bottom;
  height: 20px;
  left: 0;
  right: 0;
  bottom: 10px; }

table.wg_row_table {
  border-collapse: collapse;
  border: 1px solid #ddd; }

table.wg_row_table td {
  padding: 0 5px; }

/*** Widget ***/
div.wg_content li.wg_item > div {
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #ccc; }

/*** Widget Contact ***/
#widget-contacts div.contact > div {
  padding: 5px;
  cursor: pointer; }

#widget-contacts .wg_item.historical div.contact > div {
  background: #F7F7F7;
  color: #CCCCCC; }

#widget-contacts .wg_item.historical div.contact_title, div.match_detail {
  color: #CCCCCC; }

#widget-contacts .wg_item.historical a {
  color: #CCCCCC; }

#widget-contacts .wg_item:hover div.contact > div {
  background: #EEEEEE; }

#widget-contacts .wg_item.selected div.contact > div {
  background: #AFAFAF; }

#widget-contacts div.contact_name, div.match_name {
  font-size: 1.25em;
  margin: 0;
  padding: 0; }

#widget-contacts div.contact_title, div.match_detail {
  color: #7f7f7f;
  font-size: 10px; }

#widget-contacts .wg_item.selected div.contact_title {
  color: #fff; }

#widget-contacts div.contact > div {
  /*margin-left: 36px;
	border-left: 1px #ddd solid;
	padding-left: 4px;
	min-height: 32px;*/ }

#widget-contacts div.contact > span {
  /*	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(/imgs/badges-32.png) 0 0 no-repeat;
	float: left;*/ }

/*** Widget IBO ***/
.wg_ibo_col0 {
  width: 0px; }

.wg_ibo_col1 {
  background-color: #a0a0a0;
  color: #fff;
  text-align: center;
  width: 50px; }

.ibo_priority {
  font-size: 10px;
  padding: 5px 0;
  line-height: 1.2em;
  height: 24px;
  display: table-cell;
  vertical-align: middle; }

.ibo_prob {
  /*	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;*/ }

.wg_ibo_col2 {
  background: #f0f0f0; }

.wg_ibo_col2 > div {
  /*background: url(/imgs/dot.png) repeat-y center top;	*/ }

/*
#widget-ibos li.wg_item>div {
    padding-bottom: 5px;
	position: relative;
	border-bottom: 1px solid #ccc;
}
*/
#widget-ibos div.ibo > div {
  padding: 5px;
  /*background: #ffdcb3;*/ }

#widget-ibos div.lead > div {
  padding: 5px;
  /*background: #e1c8e0;*/ }

#widget-ibos .aspec {
  /*: #ffcccc;*/
  padding: 0 5px; }

#widget-ibos .extra_margin {
  margin-top: 3px; }

#widget-ibos .advsior_msg, .last_updated {
  font-size: 10px;
  color: #666666; }

#widget-ibos .ibo_matrix {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 3px;
  height: 10px;
  width: 10px; }

#widget-ibos .ibo_matrix.pos1 {
  background: url(/imgs/tiny-matrix.png) left 0 no-repeat; }

#widget-ibos .ibo_matrix.pos2 {
  background: url(/imgs/tiny-matrix.png) left -10px no-repeat; }

#widget-ibos .ibo_matrix.pos3 {
  background: url(/imgs/tiny-matrix.png) left -20px no-repeat; }

#widget-ibos .ibo_matrix.pos4 {
  background: url(/imgs/tiny-matrix.png) left -30px no-repeat; }

#widget-ibos .ibo_matrix.pos5 {
  background: url(/imgs/tiny-matrix.png) left -40px no-repeat; }

#widget-ibos .ibo_matrix.pos6 {
  background: url(/imgs/tiny-matrix.png) left -50px no-repeat; }

#widget-ibos .ibo_matrix.pos7 {
  background: url(/imgs/tiny-matrix.png) left -60px no-repeat; }

#widget-ibos .ibo_matrix.pos8 {
  background: url(/imgs/tiny-matrix.png) left -70px no-repeat; }

#widget-ibos .ibo_matrix.pos9 {
  background: url(/imgs/tiny-matrix.png) left -80px no-repeat; }

/*#widget-ibos .ibo_row1 {
	border-bottom: #eee solid 1px;
}*/
#widget-ibos .scbar_container {
  background: url(/imgs/dot.png) repeat-y center top;
  padding-top: 5px; }

#widget-ibos .scbar {
  height: 5px;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#fff));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #999, #fff);
  /* for firefox 3.6+ */
  overflow: hidden;
  border: 1px solid white; }

#widget-ibos .scbar_status {
  font-size: 9px;
  line-height: 1.25em;
  background: url(/imgs/little-ptr.png) no-repeat center top; }

#widget-ibos .doc_no {
  font-size: 1.25em; }

#widget-ibos .ibo_date_wrapper, #widget-ibos .lead_date_wrapper {
  font-size: 1.25em;
  text-align: right; }

#widget-ibos .ibo_value {
  float: right;
  font-size: 1.25em; }

#widget-ibos .lead_custom_value {
  text-align: right; }

.assignee_wrapper {
  color: #666;
  font-size: 10px; }

#widget-ibos .wg_item.historical div.ibo > div, #widget-ibos .wg_item.historical div.lead > div {
  background: #F7F7F7;
  color: #CCCCCC; }

#widget-ibos .wg_item.historical a {
  color: #CCCCCC; }

#widget-ibos .wg_item.scope_not_claimed div.ibo > div, #widget-ibos .wg_item.scope_not_claimed div.lead > div {
  background: #F7F7F7;
  color: #666; }

#widget-ibos .wg_item.scope_not_claimed a {
  color: #666; }

.color_tap {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 100px;
  top: 0;
  left: 0; }

.ibo .color_tap, .sales .color_tap {
  background: #F49031; }

.lead .color_tap, .marketing .color_tap {
  background: #ba9df0; }

/*** Widget Interaction ***/
/*
#widget-interactions span.with_contact {
	background: #aaa;
	color: #fff;
	padding: 5px 5px;
	display: inline-block;
	float: right;
}
#widget-interactions span.with_contact a {
	color: #fff;
}
#widget-interactions span.with_contact a:hover {
	color: #bf1e2e;
}
*/
#widget-interactions .create_by_wrapper, #widget-servicelog .create_by_wrapper {
  color: #999;
  font-size: 9px;
  float: right; }

/*
#widget-interactions div.interaction {
	background: url("/imgs/int-shadow.png") no-repeat scroll left bottom transparent;
    padding-bottom: 5px;
	margin-left: 20px;
	position: relative;
	border-bottom: 1px solid #ccc;
}
*/
#widget-interactions span.int_date, #widget-servicelog span.int_date {
  /*display: inline-block;*/
  /*background: #f0394c;*/
  /*color: #fff;*/
  /*padding: 0 5px;*/
  position: relative;
  /*font-weight: bold;*/
  /*color: #7f7f7f;*/
  /*left: -20px;*/ }

#widget-interactions span.int_type, #widget-servicelog span.int_type {
  position: relative;
  float: left;
  margin-right: 5px;
  /*font-size: 1.25em;*/
  /*margin-left: 5px;*/ }

#widget-interactions .int_contact_wrapper {
  display: block;
  margin-right: 100px; }

#widget-interactions .with_contact {
  /*font-size: 1.25em;*/ }

#widget-interactions div.interaction > div {
  /*	margin-left: 36px;
	border-left: 1px #ddd solid;
	padding-left: 4px;*/
  padding: 5px; }

/*#widget-interactions div.interaction>div.c {
	background: #ffcccc;
}*/
#widget-interactions div.int_row1, #widget-servicelog div.int_row1 {
  font-size: 1.25em; }

#widget-interactions div.int_row2, #widget-servicelog div.int_row2 {
  font-size: 10px;
  color: #666; }

#widget-interactions div.int_row3, #widget-servicelog div.int_row3 {
  line-height: 1.3em; }

/*
#widget-interactions div.interaction>div>div>div:first-child,
#widget-servicelog div.service_log>div>div>div:first-child {
	margin-bottom: 5px;
}
*/
#widget-interactions div.interaction.linked > div {
  /*background: url(/imgs/int-pt-ffd4d4.png) no-repeat right 5px;*/
  /*padding-right: 13px;*/ }

span.badges {
  display: inline-block;
  margin-left: 5px;
  /*	width: 32px;
	float: left;*/
  line-height: 1em; }

span.badges span {
  display: inline-block;
  background-repeat: no-repeat; }

span.badges span.big {
  background-image: url(/imgs/badges-32.png);
  width: 32px;
  height: 32px; }

span.badges span.big.grey {
  background-image: url(/imgs/badges-grey-32.png); }

span.badges span.small {
  background-image: url(/imgs/badges-16.png);
  width: 16px;
  height: 16px; }

span.badges span.small.grey {
  background-image: url(/imgs/badges-grey-16.png); }

span.badges span.big.linked, span.badges span.big.critical {
  background-position: left -32px; }

span.badges span.small.linked, span.badges span.small.critical {
  background-position: left -16px; }

span.badges span.big.relationship {
  background-position: left -64px; }

span.badges span.small.relationship {
  background-position: left -32px; }

span.badges span.big.non_essential {
  background-position: left -96px; }

span.badges span.small.non_essential {
  background-position: left -48px; }

span.badges span.big.map_pin {
  background-position: left -128px; }

span.badges span.small.map_pin {
  background-position: left -64px; }

span.badges span.big.compass {
  background-position: left -160px; }

span.badges span.small.compass {
  background-position: left -80px; }

span.badges span.big.dollar {
  background-position: left -192px; }

span.badges span.small.dollar {
  background-position: left -96px; }

span.badges span.big.file {
  background-position: left -224px; }

span.badges span.small.file {
  background-position: left -112px; }

#widget-interactions div.interaction.linked > div > div {
  /*background:	 #ffd4d4;*/
  /*padding: 10px;*/ }

#widget-interactions .int_ibo_no_wrapper, #widget-servicelog .serv_status {
  float: right;
  display: inline-block;
  position: relative; }

#widget-interactions .int_ibo_no {
  max-width: 125px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/*** Widget Service Interaction ***/
#widget-servicelog div.service_log > div {
  padding: 5px; }

#widget-servicelog .wg_item.selected div.service_log > div {
  background: #AFAFAF;
  color: #fff; }

.service_list li {
  border-bottom: 1px dotted #ddd; }

.service_activities {
  padding: 5px 10px;
  background: #eee; }

.activities_toggle, .activities_toggle *, .device-toggle {
  cursor: pointer; }

.activities_log {
  border-top: 1px solid #ccc;
  padding-top: 5px; }

/*** APP ICONS ***/
span.app_icon {
  display: inline-block;
  width: 32px;
  height: 22px;
  position: absolute; }

span.app_icon.acct {
  background: url(/imgs/app-nav-icons.png) -64px -88px no-repeat; }

/*** REACT TAB BAR ***/
div.tab-bar {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 3px #999;
  /* Firefox */
  -webkit-box-shadow: 0 0 3px #999;
  /* Safari and Chrome */
  box-shadow: 0 0 3px #999;
  /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  Padding: 10px;
  margin-bottom: 10px;
  background: #fff; }

div.tab-bar ul {
  list-style: none; }

div.tab-bar li {
  float: left;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-right: 20px;
  margin-bottom: 5px;
  border-bottom: 5px solid transparent;
  cursor: pointer;
  font-weight: bold; }

div.tab-bar li.selected {
  border-bottom: 5px solid #bf1e2e;
  color: #bf1e2e;
  cursor: default; }

div.tab-bar li:hover {
  color: #bf1e2e; }

/*** REACT WIDGET ***/
.wg ul {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 10px; }

.wg li {
  list-style: none;
  border-bottom: #ccc 1px solid;
  padding: 5px; }

.wg .header {
  font-size: 1.25em; }

.wg .small_text {
  font-size: 10px;
  color: grey; }

.wg .header > div > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.wg span.tag {
  padding: 3px 6px;
  margin-left: 5px;
  border-radius: 10px;
  background: grey;
  color: white; }

span.wg_icon {
  float: left;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #f64d00;
  border-radius: 16px;
  text-align: center;
  margin-right: 5px; }

span.wg_icon i {
  color: #fff;
  line-height: 32px;
  font-size: 18px; }

li.appointment i.icon {
  color: gold;
  margin-right: 5px; }

span.icon.task {
  display: inline-block;
  width: 15px;
  margin-right: 5px; }

span.icon.task:after {
  content: "\00a0"; }

span.icon.task.high {
  background: url(/imgs/task.high.svg) no-repeat center bottom; }

span.icon.task.normal {
  background: url(/imgs/task.medium.svg) no-repeat center bottom; }

span.icon.task.low {
  background: url(/imgs/task.low.svg) no-repeat center bottom; }

/*** REACT DocLink ***/
#section-search input {
  width: 100%;
  box-sizing: border-box; }

/*** REACT Object Card ***/
.object_card {
  background: #f7f7f7;
  padding: 10px;
  min-height: 36px; }

.object_card a {
  color: #bf1e2e;
  font-weight: bold; }

.object_card i {
  float: right;
  color: #666666;
  cursor: pointer; }

.object_card i:hover {
  color: #111111; }

.object_icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }

.object_icon.account, .object_icon.contact {
  background: #8A8A8A; }

.object_icon.lead, .object_icon.campaign, .object_icon.marketing.interaction, .object_icon.scope {
  background: #0c77ab; }

.object_icon.ibo, .object_icon.sales_quote, .object_icon.sales_order, .object_icon.sales.interaction, .object_icon.email {
  background: #0c77ab; }

.object_icon.service_request, .object_icon.service_order, .object_icon.device, .object_icon.service.interaction, .object_icon.service_email {
  background: #0c77ab; }

.object_icon span:before {
  font-size: 36px;
  color: white; }

.object_card_content {
  margin-left: 46px; }

/*** REACT RadioGroup ***/
.radio-group
label {
  margin-right: 20px; }

/*** REACT State Selector ***/
.state-selector .state-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around; }
  .state-selector .state-container .state {
    flex-grow: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 11px;
    line-height: 1em;
    padding: 3px;
    border: 1px solid white;
    background: #ddd; }
    .state-selector .state-container .state.selected {
      background: #ffbe22;
      color: white; }

/*** google place ***/
#place-lookup img {
  float: right;
  margin: 5px; }

/*** POSSIBLE MATCH ***/
#possible-match {
  min-width: 260px; }

#possible-match div.title {
  font-size: 14px;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 5px;
  margin-bottom: 5px; }

#possible-match div.title span {
  display: inline-block;
  vertical-align: middle; }

#possible-match-content {
  overflow: auto;
  max-height: 200px; }

#possible-match li {
  list-style: none;
  padding: 5px 0;
  border-bottom: 1px solid #fff; }

#possible-match div.match_name {
  margin-bottom: 2px; }

#possible-match a {
  color: #BF1E2E; }

#possible-match a.close {
  font-size: 12px;
  position: relative;
  text-decoration: none;
  float: right;
  top: 1px;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  color: #000;
  filter: alpha(opacity=50);
  font-weight: bold;
  padding: 0 5px;
  background: #bebebe;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

#possible-match-loading {
  height: 48px;
  line-height: 52px;
  float: right;
  display: none; }

#possible-match-loading span.loading {
  float: left;
  margin: 14px; }

#possible-match a.close_info {
  position: static; }

/*** FORMS TILES ***/
div.form_tile {
  min-height: 64px;
  padding: 4px;
  color: #fff;
  font-size: 16px;
  margin: 10px 0;
  background: #8a8a8a;
  position: relative; }

div.form_tile .account-name, div.form_tile .contact-name {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

div.form_tile.device, div.form_tile.service {
  background: #0c77ab; }

div.form_tile span.big {
  font-size: 2em; }

div.form_tile span.small, div.form_tile div.small {
  font-size: 12px;
  line-height: 14px; }

/*** ACCOUNT ***/
#partial-account {
  position: relative; }

.name_acct, .name_cont {
  margin: 10px 0;
  font-size: 1.5em; }

.name_acct {
  margin-right: 60px; }

.name_acct select, .name_cont select {
  padding: 0; }

.name_acct label, .name_cont label {
  line-height: 32px; }

.name_acct > span, .name_cont > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px; }

.name_acct > span {
  background: url(/imgs/badges-orange-32.png) no-repeat 0 -256px; }

.name_cont > span {
  background: url(/imgs/badges-orange-32.png) no-repeat 0 0; }

.name_acct input {
  width: 50%; }

.new_doc .name_acct input, .new_doc #place-lookup input {
  width: 99%;
  padding: 0 0.4%; }

.new_doc #place-lookup input {
  margin: 10px 0 0;
  font-size: 1.5em; }

.view-filter {
  float: left; }

.view-filter input[type=checkbox] {
  margin: 0 5px;
  background: none;
  border: none; }

.view-filter select {
  top: -1px;
  position: relative; }

.view-filter input[type=text] {
  width: 150px;
  border: none;
  position: relative;
  line-height: 23px; }

.view-filter > span {
  margin-right: 10px; }

.legal_entity {
  font-size: 1.5em;
  margin: 15px 0; }

.legal_entity_display {
  font-size: 1.5em;
  margin: 10px 0 0;
  border: 1px solid #f53447;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; }

.legal_entity_label {
  background: #f53447;
  color: #fff;
  padding: 10px;
  display: inline-block; }

/*** CONTACT ***/
div.name_cont #accountname {
  width: 97%; }

#contact div.name_cont td > div {
  margin: 0 5px; }

#contact div.name_cont td div input {
  width: 96%; }

#contact div.name_cont td div select {
  width: 100%; }

#selected-account, #selected-contact, div.selected_doc, #selected-ibo {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #bebebe;
  color: #333;
  padding: 3px 3px 4px 5px;
  min-height: 18px; }

#contact #selected-account {
  padding: 9px 5px;
  position: relative; }

#contact #selected-account span {
  display: block;
  margin-right: 24px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%; }

#contact #selected-account a.acct_remove {
  position: absolute;
  right: 5px; }

span.copy_from_account {
  margin-top: -3px;
  float: right;
  font-size: 10px; }

span.copy_from_account label {
  cursor: pointer; }

span.copy_from_account input {
  vertical-align: middle; }

#new-account-msg {
  color: #BBBBBB;
  padding: 4px 0 0;
  text-align: right; }

a.acct_remove, a.selected_remove, a.ibo_remove {
  font-size: 12px;
  position: relative;
  text-decoration: none;
  float: right;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  color: #000;
  filter: alpha(opacity=50);
  font-weight: bold;
  padding: 0 5px;
  background: #bebebe;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

a.acct_remove:hover, a.selected_remove:hover, a.ibo_remove:hover {
  background: #ddd; }

/*** Historical Contact ***/
#historical-bar {
  margin: 0;
  text-align: center; }

#historical-bar .info {
  padding: 10px 0 0 0;
  color: #595959;
  display: inline-block;
  font-size: 15px;
  line-height: 1.5em; }

table.view_table tbody tr.historical td {
  color: #bbb; }

table.view_table tbody tr.scope_not_claimed td {
  color: #666; }

/*** New ACTIONS ***/
span.abs_right {
  position: absolute;
  right: 0; }

span.flat_action {
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer; }

span.flat_action.map {
  background: url(/imgs/actions-32.png) no-repeat left 0; }

span.flat_action.map:hover {
  background: url(/imgs/actions-32.png) no-repeat right 0; }

/*** REQUIRED FIELDS ***/
#required-fields-form ul, #mobile-form ul {
  list-style-type: none; }

#required-fields-form li, #mobile-form li {
  float: left;
  width: 30%; }

#available-dashboard-widgets li {
  float: left;
  width: 100%;
  line-height: 40px; }

#defined-dashboard-widgets li {
  float: left;
  width: 100%;
  line-height: 40px;
  text-align: center; }

/*** LOGIN PAGE ***/
#login-page {
  margin: 0px;
  padding: 0px; }

#forgot-panel, #cp-panel, #order-panel {
  width: 500px;
  margin: 0 auto 70px;
  background: #ffffff;
  border: 1px solid #bfbfbf;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); }

#login-panel {
  width: 500px;
  margin: 20px auto;
  background: #ffffff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); }
  #login-panel h2 {
    margin-top: 0; }
  #login-panel input {
    font-size: 18px;
    width: 100%; }
  #login-panel label {
    font-size: 18px; }
  #login-panel button {
    font-size: 18px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 20px;
    border: 0px;
    color: #222; }
    #login-panel button.login {
      background: #0c77ab;
      color: #fff; }
      #login-panel button.login:hover {
        color: #fff;
        background: #0c77ab; }
    #login-panel button:hover {
      color: #222; }

#forgot-panel h2, #cp-panel h2 {
  margin-top: 0; }

#forgot-panel input, #cp-panel input {
  width: 96%;
  /*padding: 0pt; border: 0pt none;*/
  font-size: 18px; }

#reset-password-panel {
  margin: 100px auto;
  width: 600px;
  padding: 20px;
  background: #ffffff;
  box-shadow: #777777 0px 0px 3px;
  font-size: 14px;
  border: 1px solid #cccccc; }

#reset-password-panel h1, #reset-password-panel h2 {
  text-align: center; }

#reset-password-panel label {
  line-height: 1.5833em; }

#reset-password-panel input {
  width: 96%; }

#forgot-panel label, #cp-panel label {
  font-size: 18px;
  padding: 1px; }

#trial-page button, #forgot-panel button, #cp-panel button, .big_red, .big_grey {
  font-size: 18px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 5px 20px;
  border: 0px; }

#trial-page button, #forgot-panel button, #cp-panel button, button.big_red {
  filter: none;
  background: #0c77ab;
  display: flex;
  justify-content: center;
  align-items: center; }

button.big_grey {
  filter: none;
  background: lightgrey; }

#login-panel button.disabled, #trial-page button.disabled, #forgot-panel button.disabled, #cp-panel button.disabled, button.big_red.disabled, #login-panel button.disabled:hover, #trial-page button.disabled:hover, #forgot-panel button.disabled:hover, #cp-panel button.disabled:hover, button.big_red.disabled:hover {
  filter: none;
  color: #fff;
  background: #CCC;
  cursor: default; }

#forgot-panel .field_wrapper, #cp-panel .field_wrapper {
  padding: 0 5px;
  border: 1px solid #bfbfbf;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #fff; }

#timeout_login_div input {
  width: 90%; }

/**** INFO BOX ****/
#info-box {
  color: #333;
  background: #FFF0EB url(/imgs/info-bubble.png) no-repeat 10px center;
  border: #ffd7cd 1px solid;
  padding: 15px 30px 15px 47px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px; }

#info-box a.close_info, a.close_info {
  font-size: 12px;
  position: relative;
  right: -25px;
  top: -10px;
  text-decoration: none;
  float: right;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  color: #000;
  filter: alpha(opacity=50);
  font-weight: bold;
  padding: 0 5px;
  background: #bebebe;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px; }

#info-box a.close_info:hover, a.close_info:hover {
  background: #ddd; }

/**** ACCOUNT & IBO AUTOCOMPLETE ****/
.ac_results {
  padding: 0px;
  border: 1px solid #999;
  background-color: white;
  overflow: hidden;
  z-index: 2000; }

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0; }

.ac_odd {
  /*background-color: #eee;*/ }

.ac_over {
  /*background-color: #ff283d;*/
  background: #3399ff;
  color: white; }

.auto_account_list, .auto_ibo_list {
  padding: 4.6px 5px;
  color: #222;
  cursor: pointer; }

.ac_results li {
  margin: 0px;
  padding: 5px;
  cursor: default;
  display: block;
  /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
  line-height: 16px;
  overflow: hidden; }

.ac_results li.ac_over .auto_account_list, .ac_results li.ac_over .auto_ibo_list {
  color: #fff; }

.ac_loading {
  background: white url("/imgs/indicator.gif") right center no-repeat; }

/**** CONTACT AUTOCOMPLETE ****/
.ac_results.lower {
  z-index: 1050; }

.ac_results li {
  border-top: 1px solid #bfbfbf; }

.ac_results li:first-child {
  border-top: none; }

.auto_contact_list .contact {
  /*	content: url(/imgs/id-card.png); */
  font-size: 1.25em; }

.auto_contact_list .company {
  /*	content: url(/imgs/group.png); */ }

.auto_contact_list .company span, .auto_contact_list .contact span {
  position: relative; }

.auto_list_more {
  border-top: 1px solid #bfbfbf;
  text-transform: uppercase;
  font-weight: bold; }

.ui-autocomplete {
  max-height: 140px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  -moz-box-shadow: 0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  box-shadow: 0px 0px 5px #888;
  z-index: 9999; }

.ui-menu-item-wrapper {
  display: block; }

.pac-container {
  z-index: 9999 !important; }

.ui-menu .ui-menu-item a {
  padding: 5px .4em; }

/* datepicker */
.ui-datepicker {
  z-index: 9999 !important; }

#ui-datepicker-div.month_only .ui-datepicker-calendar {
  display: none; }

#ui-datepicker-div.month_only .ui-datepicker-current {
  display: none; }

#ui-datepicker-div.month_only {
  -moz-box-shadow: 0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  box-shadow: 0px 0px 5px #888; }

/* MOVE POPUP */
#move-contact-list {
  max-height: 90px;
  overflow: auto; }

.contact_list {
  list-style: none; }

.contact_list li {
  float: left;
  background-color: #bebebe;
  padding: 0 5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin: 0 5px 5px 0; }

/* REMINDER POPUP */
/*#reminder-popup input.time, #reminder-popup input.date {
  width: 140px;
}*/
#reminder-popup textarea, #alert-popup textarea {
  height: 7em; }

#reminder-popup .twelve, #alert-popup .twelve {
  margin-left: 0; }

/* MERGE POPUP */
#merge-dialog {
  display: none; }

#merge-dialog select {
  width: 98%; }

#merge-record-detail {
  min-height: 376px;
  margin-top: 10px; }

#merge-record-detail table {
  text-shadow: 1px 1px 0px #fff;
  background: #eaebec;
  border: #ccc 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 2px #d1d1d1;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1; }

#merge-record-detail table td {
  padding: 0 5px;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top, #fbfbfb, #fafafa); }

#merge-record-detail table td:first-child {
  width: 50%; }

#merge-record-detail table tr.even td {
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); }

#merge-record-detail table tr:first-child td {
  border-top: 1px solid #E0E0E0; }

#merge-record-detail table tr:last-child td {
  border-bottom: 0; }

#merge-record-detail table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

#merge-record-detail table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

#merge-record-detail table td div {
  line-height: 2em; }

#merge-phone1-row, #merge-phone2-row, #merge-phone3-row, #merge-phone4-row {
  display: none; }

.sm_screen {
  display: none; }

.lg_screen {
  display: inline; }

/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
/*.clearfix:before, .clearfix:after { content: ""; display: table; }*/
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden; }

.clearfix {
  *zoom: 1; }

.clear {
  clear: both; }

.lineThrough {
  text-decoration: line-through; }

/* ========================= */
/* COLLAPSABLE PANEL SECTION */
/* ========================= */
.collapsable_panel {
  border: #cccccc solid 1px;
  margin-bottom: 16px; }

.collapsable_panel .panel_toggle {
  line-height: 30px;
  cursor: pointer;
  padding: 10px;
  font-size: 1.5em; }

.collapsable_panel .panel_toggle span.toggle {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(/imgs/toggle_section.png) no-repeat bottom center;
  margin: 0 5px;
  position: relative;
  top: 4px; }

.collapsable_panel .panel_toggle.show span.toggle {
  background: url(/imgs/toggle_section.png) no-repeat top center; }

.collapsable_panel .panel_toggle span.panel_hint {
  color: #CCCCCC;
  font-size: 0.75em;
  font-style: italic; }

.collapsable_panel .panel_toggle.show span.panel_hint {
  display: none; }

.collapsable_panel .panel_content {
  padding: 10px; }

.collapsable_panel .panel_content div {
  height: auto;
  overflow: visible; }

.collapsable_panel .panel_content_group {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 10px; }

/*** pill toggle ***/
.pill-toggle {
  border-radius: 20px;
  color: #222;
  background: #bfbfbf;
  line-height: 1em;
  display: inline-block;
  transition: all 200ms;
  text-decoration: none; }
  .pill-toggle.active {
    background: #f53447;
    color: #222 !important; }
  .pill-toggle.editable {
    border: 1px solid darkgray;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    cursor: pointer; }
    .pill-toggle.editable:hover {
      color: #222; }
      .pill-toggle.editable:hover span {
        cursor: pointer;
        background-color: rgba(255, 255, 255, 0.1); }
    .pill-toggle.editable:active {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
  .pill-toggle span {
    display: inline-block;
    padding: 8px 16px; }

/* ====================== */
/* ACCESS CONTROL SECTION */
/* ====================== */
#access-control {
  float: left;
  width: auto;
  min-width: 200px;
  padding: 0 20px 0 0; }

#access-control.disabled .jstree-checkbox,
div.filter_panel.role .disabled .jstree-checkbox {
  cursor: default; }

#access-control.disabled a:hover,
div.filter_panel.role .disabled a:hover {
  cursor: default; }

#access-control.disabled .jstree-unchecked > a > .jstree-checkbox:hover,
div.filter_panel.role .jstree-unchecked > a > .jstree-checkbox:hover {
  background-position: -2px -19px; }

#access-control.disabled .jstree-checked > a > .jstree-checkbox:hover,
div.filter_panel.role .jstree-checked > a > .jstree-checkbox:hover {
  background-position: -38px -19px; }

/*
#access-control .jstree-hovered { background:transparent; border:1px solid transparent; }
#access-control .jstree-clicked { background:transparent; border:1px solid transparent; }
*/
#access-control-roles {
  float: left;
  /*border-left:1px dashed #ccc;*/
  padding: 10px 0 0 0;
  margin: 0;
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
  position: relative; }

#access-control-roles table {
  border: 1px solid #ccc;
  border-radius: 3px; }

#access-control-roles table th {
  background: #eaeaea;
  padding: 5px 10px;
  border-left: 1px solid #ccc; }

#access-control-roles table tr {
  padding: 5px 10px;
  border-bottom: 1px solid #ccc; }

#access-control-roles table td {
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
  text-align: left; }

#access-control-roles table td.selected {
  background: url("/imgs/check.png") no-repeat center; }

#access-control-roles .first {
  border-left: none; }

#access-control-roles h4 {
  margin: 0 0 10px;
  font-weight: bold; }

#user-table-toggle {
  cursor: pointer; }

#org-structure a > ins, #move-org-structure a > ins {
  width: 0 !important;
  background: none !important; }

#org-structure .jstree a > ins.no_icon, #move-org-structure .jstree a > ins.no_icon {
  width: 0 !important;
  background: none !important; }

#org-structure .jstree a > ins.legal_entity_icon, #move-org-structure .jstree a > ins.legal_entity_icon {
  width: 16px !important;
  background: url(/imgs/legal-entity.png) no-repeat center center !important; }

#org-structure .jstree a[historical="1"] {
  color: #bbb; }

#account-address {
  margin-top: 10px; }

.jstree .legal_entity_icon {
  background: url(/imgs/legal-entity.svg) no-repeat center center !important;
  -webkit-filter: none !important;
  -ms-filter: none !important;
  filter: none !important; }

/* ====================== */
/* GLOBAL FILTER FIX      */
/* ====================== */
/* #global-filter-access #gf-access-role-btn { padding:0; margin:0 !important; } */
#global-filter-access #gf-access-role-btn span {
  padding: 3px 15px !important; }

/* ====================== */
/*     LEADS SECTION      */
/* ====================== */
#qualify-bar {
  padding: 10px 0 0 0;
  margin: 0;
  text-align: center; }

#qualify-bar span {
  color: #595959;
  display: inline-block;
  font-size: 15px; }

#qualify-bar .button {
  color: #fff;
  background: #bf1e2e;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  margin: 0 5px;
  padding: 0 20px;
  border-radius: 3px; }

#qualify-bar .button:hover {
  background: #d71528; }

#qualify-bar .button.cancel {
  height: 25px;
  line-height: 25px;
  width: 25px;
  font-size: 12px;
  color: #525252;
  padding: 0;
  background: #b9b9b9;
  vertical-align: top;
  text-shadow: 0 1px 0 #eee; }

#qualify-bar .button.cancel:hover {
  background: #acacac; }

#qualify-bar .button.lead-close:hover {
  background: #727272; }

#qualify-bar .lead-close {
  background: #7f7f7f; }

#view-search-toggle {
  line-height: 30px;
  font-size: 1.25em;
  font-weight: 600;
  padding: 20px; }

.access_control_content {
  padding: 0 10px; }

#view-search-toggle .owner-section {
  float: right;
  font-size: 12px; }

.owner-section {
  min-width: 350px; }

#congrats-popup {
  padding: 30px 25px;
  margin: 0;
  height: auto;
  width: auto; }

#congrats-popup p {
  padding: 0;
  margin: 0; }

#congrats-popup p.title {
  font-size: 26px;
  text-align: center;
  color: #bf1e2e; }

#congrats-popup p.content {
  padding-bottom: 30px;
  font-size: 16px;
  line-height: 26px; }

#congrats-popup .icon {
  padding: 0;
  margin: 30px auto;
  display: block;
  background: url("/imgs/ibo-icon.png") no-repeat !important;
  width: 100px;
  height: 100px; }

#congrats-popup .buttons span {
  display: inline-block;
  border-radius: 3px;
  margin: 0 5px;
  padding: 0 20px;
  height: 50px;
  background: #bf1e2e;
  font-size: 15px;
  color: #fff;
  font-size: 15px;
  line-height: 50px;
  cursor: pointer;
  text-aling: justify; }

#congrats-popup .buttons span.btn-dont-show {
  background: #6d6d6d; }

#org-structure, #move-org-structure {
  display: none; }

#org-structure .heading, #move-org-structure .heading {
  border-bottom: 1px solid #ccc;
  line-height: 20px;
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: bold; }

#org-structure .structure, #move-org-structure .structure {
  overflow: hidden; }

#org-structure button.create {
  background: #63c900;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1df66', endColorstr='#63c900');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#a1df66), to(#63c900));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #a1df66, #63c900);
  /* for firefox 3.6+ */
  color: #fff; }
  #org-structure button.create:hover {
    background: #a1df66; }
  #org-structure button.create:disabled {
    background: #dddddd; }

/* ========================= */
/*     CALENDAR SECTION      */
/* ========================= */
#int-calendar .calendar .fc-content .fc-day {
  border: 1px solid #eee;
  background: white; }

#int-calendar a:visited {
  color: #fff; }

#int-calendar a:hover {
  color: #ccc; }

#int-calendar .calendar {
  float: left;
  width: 100%;
  height: inherit;
  padding: 20px 0; }

#int-calendar .calendar .fc-content {
  border: 1px solid #bfbfbf; }

#int-calendar .calendar .fc-content .fc-widget-header {
  background: #bfbfbf;
  /* border:1px solid #fff;  */ }

#int-calendar .calendar .fc-content .fc-widget-content {
  /* border:1px solid #fff;  */ }

#int-calendar .calendar .fc-content .fc-day {
  border: 1px solid #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e0e0e0)); }

#int-calendar .calendar .fc-content .fc-today {
  background: #faf4d1;
  /* #fcf8e3; */ }

#int-calendar .tasks {
  float: left;
  width: 33%;
  height: auto;
  padding: 0 0 0 20px; }

#int-calendar .tasks .cb {
  margin: 0 7px 0 0; }

#int-calendar .tasks ul {
  font-size: 14px;
  list-style: none; }

#int-calendar .tasks ul li {
  line-height: 30px; }

#int-calendar .tasks a:visited {
  color: #bf1e2e; }

#int-calendar .calendar .fc-event-time {
  display: none; }

/* hide event start time in calendar */
#calendar-view {
  width: 100%; }
  #calendar-view .task-table {
    background: white; }
  #calendar-view .header-actions {
    background: white; }

#calendar-view h1 {
  font-size: 15px;
  background: #fff;
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #ddd; }

#calendar-view .header {
  border: 1px solid #ccc; }

#calendar-view .header-actions {
  padding: 10px;
  background: #eee;
  *zoom: 1; }

#calendar-view #appointments {
  width: 60%;
  height: inherit;
  float: left;
  border-right: 1px solid #ccc;
  padding: 0 20px 0 0; }

#calendar-view #tasks {
  width: 35%;
  height: inherit;
  float: left;
  margin: 0 0 0 20px;
  padding: 0; }

#calendar-view #tasks .sort-buttons {
  width: 100%;
  margin: 18px 0; }

#calendar-view #tasks .sort-buttons ul li {
  line-height: 22px; }

#calendar-view #tasks table {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 55px; }

#calendar-view #tasks table h1 {
  margin: 0;
  border-bottom: none; }

#calendar-view #tasks table th {
  background: #eaeaea;
  padding: 5px 10px;
  border-left: 1px solid #ccc; }

/* #calendar-view #tasks table tr.heading td{ text-align:center; padding:0;} */
/* #calendar-view #tasks table tr.complete { background:#c0e874; } */
#calendar-view #tasks table td {
  max-width: 210px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis; }

#calendar-view #tasks table td.selected {
  background: url("/imgs/check.png") no-repeat center; }

#calendar-view #tasks table td.high {
  background: url(/imgs/priority-high.png) center center no-repeat; }

#calendar-view #tasks table td.medium {
  background: url(/imgs/priority-normal.png) center center no-repeat; }

#calendar-view #tasks table td.low {
  background: url(/imgs/priority-low.png) center center no-repeat; }

#calendar-view #tasks table .priority {
  padding: 5px 3px;
  width: 16px; }

#calendar-view #tasks .first {
  border-left: none; }

#find-device-table {
  overflow-x: hidden; }

#find-contact-table td.selected,
#find-device-table td.selected {
  background: #ddd url("/imgs/check.png") no-repeat center;
  text-align: center; }

#find-contact-table td.checkbox {
  text-align: center; }

/* #JS TREE STYLE OVERRIDE */
.jstree-default .jstree-hovered {
  background: none repeat scroll 0 0 #EEEEEE !important;
  /*border: 1px solid #BFBFBF !important;*/
  padding: 0 2px 0 1px !important; }

.jstree-default .jstree-clicked {
  background: none repeat scroll 0 0 #AFAFAF !important;
  /*border: 1px solid #BFBFBF !important;*/
  color: #FFFFFF !important;
  padding: 0 2px 0 1px !important; }

.jstree-default .jstree-locked a {
  color: #222 !important; }

.jstree-disabled {
  cursor: default; }

/* ======================== */
/*     CAMPAIGN SECTION     */
/* ======================== */
#campaigns .event_column .grid_column {
  line-height: 40px; }

#campaigns ul.event-list {
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none; }

#campaigns ul.event-list li {
  padding: 0 10px 0 0;
  margin: 0 0 40px 0;
  position: relative; }

#campaigns ul.event-list li.event.selected {
  border: 2px solid #ccc;
  border-radius: 6px; }

#campaigns ul.event-list li.event:hover {
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 6px; }

#campaigns ul.event-list li.event {
  width: 100%;
  background: #fff;
  line-height: 50px;
  border: 2px solid #eee;
  border-radius: 5px; }

#campaigns ul.event-list li.event .event-icon {
  float: left;
  width: 50px;
  height: 100%;
  background: #0c77ab;
  margin-right: 10px;
  border-radius: 4px; }

#campaigns ul.event-list li.event .event-name.placeholder {
  color: #bbb; }

#campaigns ul.event-list li.event .event-date {
  float: right;
  color: #aaa;
  font-size: 12px; }

#campaigns ul.event-list li.event .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 30px 25px 0;
  border-color: transparent #0c76ab transparent transparent;
  position: absolute;
  top: 0;
  left: 100%; }

#campaigns ul.event-list li.event .icon-sw-event:before {
  color: #fff;
  line-height: 50px;
  width: 50px;
  display: block;
  font-size: 30px;
  text-align: center; }

#campaigns #event-area {
  background: #0c77ab;
  color: #fff;
  position: absolute;
  right: 0;
  padding: 0;
  margin: 0;
  top: 80px;
  bottom: 10px; }

#campaigns #event-area label {
  color: #fff; }

#campaigns #event-area input {
  width: 98%;
  border-radius: 0;
  color: #000; }

#campaigns #event-area textarea {
  width: 98%;
  border-radius: 0; }

#campaigns #event-form {
  padding: 15px 15px;
  font-size: 12px; }

#campaigns #event-form span.label {
  display: block;
  background: url("/imgs/white50.png");
  padding: 0 5px;
  color: #000; }

#campaigns #event-area ul.action li {
  border-radius: 0;
  margin-top: 10px; }

#campaigns #event-area #regular_user_ids {
  color: #000; }
  #campaigns #event-area #regular_user_ids div.edit {
    background: #fff; }
  #campaigns #event-area #regular_user_ids .read {
    background: url("/imgs/white50.png"); }
  #campaigns #event-area #regular_user_ids label {
    color: #000; }

.dialog {
  display: flex; }
  .dialog > * {
    flex: 1;
    overflow: auto;
    border: 1px solid #eee;
    padding: 10px; }
    .dialog > * input, .dialog > * textarea, .dialog > * select {
      width: 100%;
      box-sizing: border-box; }

.noclose .ui-dialog-titlebar-close {
  display: none; }

/* ======================== */
/*     COLLECTION SECTION     */
/* ======================== */
#collection-list {
  list-style: none; }

#collection-list input {
  width: 98%; }

#collection-list li {
  margin: 2px 0; }

#collection-list li > div {
  padding: 0px;
  background: #f2f2f2 url(/imgs/core-color.png) repeat-y left top; }

#collection-list li span.icon-sw-contact-list:before {
  color: #FFFFFF;
  float: left;
  line-height: 30px;
  position: relative;
  left: 4px; }

#collection-list li span.icon-sw-remove:before {
  color: #c90000;
  float: right;
  font-size: 19px;
  position: relative;
  top: 6px;
  right: 2px;
  cursor: pointer; }

#collection-list li div.collection_display {
  line-height: 30px;
  color: #595959;
  font-size: 12px;
  margin-left: 40px; }

#final-list {
  margin-top: 10px; }

.import_table {
  border: 1px solid #ccc;
  border-radius: 3px; }

.import_table th {
  background: #eaeaea;
  padding: 5px 10px;
  border-left: 1px solid #ccc; }

.import_table tbody tr {
  background: #fafafa; }

.import_table td {
  max-width: 210px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis; }

/* =============================== */
/*     SERVICE REQUEST SECTION     */
/* =============================== */
#service-request-devices, .charge_table, .list_table {
  border: 1px solid #afafaf; }

#service-request-devices tr, .charge_table tr, .list_table tr {
  border-bottom: 1px solid #afafaf;
  line-height: 20px !important; }

#service-request-devices td, .charge_table td, .list_table td {
  vertical-align: top;
  padding: 5px; }

#service-request-devices th, .charge_table th, .list_table th {
  background: #afafaf;
  color: #fff;
  font-weight: normal;
  text-align: left;
  padding: 5px; }

#service-request-devices tfoot, .charge_table tfoot, .list_table tfoot {
  background: #fff;
  font-size: 14px; }

#service-request-devices .icon, .charge_table .icon, .list_table .icon {
  width: 25px; }

#service-request-devices .icon-sw-remove:before,
#service-request-devices .icon-sw-add:before,
#service-request-devices .icon-sw-edit:before,
.charge_table .icon-sw-remove:before,
.charge_table .icon-sw-add:before,
.charge_table .icon-sw-edit:before,
.list_table .icon-sw-remove:before,
.list_table .icon-sw-add:before,
.list_table .icon-sw-edit:before {
  font-size: 18px;
  position: relative;
  top: 3px; }

#service-request-devices .add-device, .charge_table .add-row, .list_table .add-row {
  cursor: pointer; }

/* =============================== */
/*     SERVICE ORDER SECTION     */
/* =============================== */
.charge_table {
  margin: 0 0 10px; }

#list-builder div.form_panel {
  font-size: 1.4em; }

#list-builder ul {
  list-style: none; }

.rule_text {
  color: #ccc;
  text-align: center;
  font-size: 1.5em; }

#rule-list li:first-child div.grid div.grid_row:first-child {
  display: none; }

#rule-list input, #rule-list select {
  width: 100%; }

.manual_list input {
  width: 98%; }

.manual_list hr {
  margin-bottom: 10px; }

.manual_list ul {
  list-style: none; }

.manual_list ul.list li {
  margin: 2px 0; }

.manual_list ul.list li > div {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 5px 5px 4px;
  background: #fafafa url(/imgs/core-color.png) repeat-y left top; }

.manual_list ul.list li span.icon-sw-contact:before {
  color: #FFFFFF;
  float: left;
  line-height: 30px;
  position: relative;
  top: -5px; }

.manual_list ul.list li span.icon-sw-remove:before, #rule-list li.list_rule span.icon-sw-remove:before {
  color: #c90000;
  float: right;
  font-size: 19px;
  cursor: pointer; }

#rule-list li.list_rule span.icon-sw-remove:before {
  line-height: 25px; }

.manual_list ul.list li div.contact_display {
  margin-left: 32px; }

.manual_list ul.list li span.account {
  color: #bbb; }

.strike_line {
  background: url(/imgs/dot.png) center center repeat-x;
  text-align: center; }

.strike_line span {
  display: inline-block;
  padding: 0 10px;
  background: #fff; }

.center_buttons {
  text-align: center;
  margin-bottom: 16px; }

.big_round_button {
  cursor: pointer;
  display: inline-block;
  line-height: 50px;
  padding: 0 20px;
  background: #fff;
  border: 3px solid #bbb;
  border-radius: 50px;
  color: #595959;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  position: relative; }

.icon-sw-remove, .icon-sw-no {
  color: #C90000; }

.icon-sw-remove:hover, .icon-sw-no:hover {
  cursor: pointer;
  color: #df6666; }

.icon-sw-add, .icon-sw-yes {
  color: #63c900; }

.icon-sw-add:hover, .icon-sw-yes:hover {
  cursor: pointer;
  color: #a1df66; }

.icon-sw-edit {
  color: #005fc9; }

.icon-sw-edit:hover {
  cursor: pointer;
  color: #669fdf; }

.icon-sw-create-device {
  color: #22c8d7; }

.icon-sw-create-device:hover {
  cursor: pointer;
  color: #7adee7; }

.icon-sw-help {
  color: #404040; }

.icon-sw-help:hover {
  cursor: pointer;
  color: #8c8c8c; }

[data-icon]:before {
  font-family: "salesways" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "salesways" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px; }

[class^="icon-"].big:before,
[class*=" icon-"].big:before {
  font-size: 70px; }

.icon-sw-contacts:before {
  content: "\62"; }

.icon-sw-setting:before {
  content: "\63"; }

.icon-sw-add:before {
  content: "\64"; }

.icon-sw-remove:before {
  content: "\65"; }

.icon-sw-yes:before {
  content: "\66"; }

.icon-sw-no:before {
  content: "\67"; }

.icon-sw-help:before {
  content: "\69"; }

.icon-sw-accounts:before {
  content: "\6b"; }

.icon-sw-forecast:before {
  content: "\6c"; }

.icon-sw-leads:before {
  content: "\6d"; }

.icon-sw-list:before {
  content: "\6e"; }

.icon-sw-planner:before {
  content: "\6f"; }

.icon-sw-interactions:before {
  content: "\70"; }

.icon-sw-calendar2:before {
  content: "\79"; }

.icon-sw-contact:before {
  content: "\72"; }

.icon-sw-product:before {
  content: "\73"; }

.icon-sw-event:before {
  content: "\75"; }

.icon-sw-contact-list:before {
  content: "\76"; }

.icon-sw-campaign:before {
  content: "\77"; }

.icon-sw-calendar:before {
  content: "\71"; }

.icon-sw-mail:before {
  content: "\78"; }

.icon-sw-arrow-down:before {
  content: "\7a"; }

.icon-sw-star:before {
  content: "\41"; }

.icon-sw-create-device:before {
  content: "\42"; }

.icon-sw-edit:before {
  content: "\43"; }

.icon-sw-service:before {
  content: "\74"; }

.icon-sw-order:before {
  content: "\44"; }

.icon-sw-comment:before {
  content: "\45"; }

.icon-sw-assessment:before {
  content: "\46"; }

.icon-sw-general-interaction:before {
  content: "\47"; }

.icon-sw-history:before {
  content: "\48"; }

.icon-sw-filter:before {
  content: "\49"; }

.icon-sw-collapse-all:before {
  content: "\4b"; }

.icon-sw-analytics:before {
  content: "\4c"; }

.icon-sw-home:before {
  content: "\61"; }

.icon-sw-lightbulb:before {
  content: "\6a"; }

.icon-sw-info:before {
  content: "\68"; }

.icon-sw-drag:before {
  content: "\4d"; }

.icon-sw-quote:before {
  content: "\4e"; }

.icon-sw-report:before {
  content: "\4f"; }

.icon-sw-menu:before {
  content: "\50"; }

.icon-sw-sort:before {
  content: "\51"; }

.icon-sw-ibo:before {
  content: "\52"; }

.icon-sw-territory:before {
  content: "\53"; }

.icon-sw-sales-goal:before {
  content: "\54"; }

.icon-expand-all:before {
  content: "\4a"; }

.icon-sw-scope:before {
  content: "\55"; }

.icon-sw-sales-order:before {
  content: "\56"; }

#move-leaf-nodes ul {
  list-style: none; }

#move-leaf-nodes ul li span {
  display: inline-block;
  padding: 0 5px; }

#move-leaf-nodes ul li span:hover {
  background: #f0f0f0;
  cursor: pointer; }

#move-leaf-nodes ul li span.selected {
  color: #fff;
  background: #9f9f9f; }

/* new search flyout */
.circleBase {
  border-radius: 50%; }

#flyout-search {
  display: none;
  background: #333333;
  position: fixed;
  top: 70px;
  right: -300px;
  width: 280px;
  height: 100%;
  padding: 10px;
  -moz-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.5);
  z-index: 200;
  overflow: hidden;
  transition: height 0.25s ease-in-out; }

.show_trial #flyout-search {
  top: 100px; }

#embedded-search, .panel, #output-template {
  background: #eeeeee;
  padding: 10px;
  border: #bfbfbf 1px solid;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

#filters {
  /*position: relative;*/ }

#filters h2 i {
  margin-top: 1px;
  margin-right: 3px; }

#filters .icon-sw-expand-all, #filters .icon-sw-collapse-all, #filters h2 i {
  cursor: pointer;
  color: #b0b0b0; }

#embedded-search #filters .icon-sw-expand-all, #embedded-search #filters .icon-sw-collapse-all {
  color: #222; }

#filters .icon-sw-expand-all:hover, #filters .icon-sw-collapse-all:hover, #filters h2 i:hover {
  color: #fff; }

#embedded-search #filters .icon-sw-expand-all:hover, #embedded-search #filters .icon-sw-collapse-all:hover {
  color: #b0b0b0; }

#embedded-search .filter_active_toggle {
  display: none; }

#filters h2, .panel h2, #output-template h2 {
  margin: 0 0 5px;
  color: #fff; }

#embedded-search #filters h2, .panel h2, #output-template h2 {
  color: #222; }

.panel hr, #output-template hr {
  margin-bottom: 5px; }

div.filter_panels_container {
  overflow: auto; }

div.filter_panel span.action {
  float: none; }

div.filter_panel_container {
  background: #595959;
  padding: 5px; }

#embedded-search div.filter_panel_container {
  background: #bfbfbf; }

div.filter_panel_header label {
  color: #808080;
  font-size: 14px;
  float: right;
  margin-top: 4px; }

div.filter_panel.on div.filter_panel_header label {
  color: #fff;
  cursor: pointer; }

#embedded-search div.filter_panel.on div.filter_panel_header label {
  color: #222; }

div.filter_panel_content {
  background: #eeeeee;
  max-height: 250px;
  overflow: auto;
  font-size: 11px; }

#embedded-search div.filter_panel_content {
  font-size: 12px; }

div.filter_panel_content select {
  max-width: 99%; }

div.filter_panel_content select[multiple] {
  width: 99%;
  height: auto; }

div.filter_panel_content div.condition_field.key select {
  width: 100%; }

div.filter_panel_content input[type=text] {
  padding: 4px; }

div.filter_panel_content div.condition_field.val input {
  width: 96.5%;
  margin-bottom: 3px; }

div.filter_panel_content div.condition_field.val input.past {
  width: 40%; }

div.filter_panel_content div.condition_field.val select {
  margin-bottom: 3px; }

div.filter_panel_actions {
  margin-top: 5px;
  text-align: right; }
  div.filter_panel_actions label {
    color: white;
    float: left; }

div.filters_actions {
  margin-top: 10px;
  padding: 10px;
  border-top: 1px solid #eee;
  background: #333;
  z-index: 10;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

div.filters_preset {
  position: relative;
  background: #fff;
  height: 200px;
  top: 10px;
  padding: 5px 10px;
  -moz-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 1s;
  transition: all 0.5s; }

div.filters_preset.show {
  top: -175px; }

div.filters_preset label {
  color: #222; }

div.filters_preset_header {
  border-bottom: 1px solid #ccc; }

div.filters_preset_header label {
  font-size: 14px; }

div.filters_preset select {
  width: 100%; }

div.filters_preset input[type=text] {
  width: 97%; }

.filter_active_toggle {
  background: #bfbfbf;
  width: 30px;
  border: 1px solid #b0b0b0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #bfbfbf;
  float: left;
  margin: 6px 0 5px;
  cursor: pointer; }

.filter_active_toggle_switch, .filter_active_toggle_switch_blue {
  height: 14px;
  width: 14px;
  cursor: pointer;
  background: #808080;
  transition: all; }

.filter_active_toggle.on .filter_active_toggle_switch {
  background: #e33535;
  float: right; }

.filter_active_toggle.on .filter_active_toggle_switch_blue {
  background: #0c77ab;
  float: right; }

.filter_toggle, .section_toggle {
  float: right;
  margin: 5px;
  display: inline-block;
  width: 16px;
  height: 20px; }

.section_toggle {
  margin: 10px 15px 0 0;
  cursor: pointer; }

.section_toggle .arrow_left {
  border-right: 10px solid #8a8a8a; }

.section_toggle .arrow_down {
  border-top: 10px solid #8a8a8a; }

div.filter_panel.on .filter_toggle {
  cursor: pointer; }

div.filter_panel_header .arrow_up, div.filter_panel_header .arrow_down {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-top: 5px; }

div.filter_panel_header .arrow_right, div.filter_panel_header .arrow_left {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  margin-left: 2px;
  margin-top: 2px; }

div.filter_panel_header .arrow_left {
  border-right: 7px solid #808080; }

div.filter_panel.on div.filter_panel_header .arrow_up {
  border-bottom: 7px solid #fff; }

div.filter_panel.on div.filter_panel_header .arrow_down {
  border-top: 7px solid #fff; }

div.filter_panel.on div.filter_panel_header .arrow_right {
  border-left: 7px solid #fff; }

div.filter_panel.on div.filter_panel_header .arrow_left {
  border-right: 7px solid #fff; }

#embedded-search div.filter_panel.on div.filter_panel_header .arrow_up {
  border-bottom: 7px solid #222; }

#embedded-search div.filter_panel.on div.filter_panel_header .arrow_down {
  border-top: 7px solid #222; }

#embedded-search div.filter_panel.on div.filter_panel_header .arrow_right {
  border-left: 7px solid #222; }

#embedded-search div.filter_panel.on div.filter_panel_header .arrow_left {
  border-right: 7px solid #222; }

div.lookup_item, div.select_all_items, div.available_items, div.selected_items, div.selected_user_filter_items {
  padding: 5px; }

div.select_all_items {
  border-top: 1px #dcdcdc solid; }

div.lookup_item {
  background: #fff;
  line-height: 24px; }

div.lookup_item select {
  width: 99%; }

div.lookup_item input {
  width: 95%; }

div.lookup_item > span, div.select_all_items > span, div.selected_items > span, div.selected_user_filter_items > span {
  font-weight: bold; }

div.selected_items > div {
  min-height: 1em;
  max-height: 75px;
  overflow: auto; }

div.selected_items span.pg:before {
  content: '('; }

div.selected_items span.pg:after {
  content: ')'; }

div.available_items label, div.selected_items label {
  line-height: 1.5em;
  cursor: pointer;
  width: 90%; }

div.available_items ul, div.selected_items ul {
  list-style: none; }

div.available_items span.pg {
  display: none; }

div.filter_panel_content_padding {
  padding: 5px; }

div.condition_list, div.new_condition {
  background: #fff;
  border: 1px solid #afafaf;
  padding: 5px; }

div.condition_list ul {
  list-style: none; }

div.condition_list li {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px; }

div.condition_field {
  margin-bottom: 3px; }

div.new_condition {
  border-top: none;
  cursor: pointer; }

div.new_condition:hover span.icon-sw-add {
  color: #a1df66; }

div.condition_template {
  display: none; }

div.condition_list div.available_items {
  border: 1px solid #ccc;
  max-height: 70px;
  overflow: auto; }

/* WORKFLOWS */
#target_values, #source_values {
  max-height: 500px;
  overflow: auto; }

/* STICKY */
.sticker {
  display: inline-block;
  padding: 10px;
  background: white;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 100; }
  .sticker.br {
    bottom: 0;
    right: 0; }
  .sticker.bl {
    bottom: 0;
    left: 0; }
  .sticker.tr {
    top: 0;
    right: 0; }
  .sticker.tl {
    top: 0;
    left: 0; }

/* STICKY TABLE */
.sticky-wrap .sticky-head,
.sticky-wrap .sticky-col {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  /*transition: all .125s ease-in-out;*/
  z-index: 50;
  width: auto;
  /* Prevent table from stretching to full size */ }

.sticky-wrap .sticky-head {
  transition: all .5s ease-in-out;
  box-shadow: 0 0.3em 0.1em -0.1em rgba(0, 0, 0, 0);
  z-index: 51;
  width: 100%;
  /* Force stretch */ }

.sticky-wrap .sticky-intersect th {
  background-color: #666;
  color: #eee; }

.sticky-col {
  display: none;
  box-shadow: 0.3em 0 0.1em -0.1em rgba(0, 0, 0, 0.125); }

.sticky-col tr.single_row:hover td.essential.sticky {
  background: #7f7f7f;
  color: #fff; }

.sticky-col tr.single_row td.sticky, .sticky-col tr td.sticky {
  background: #7f7f7f;
  color: #fff; }

.sticky-col tr.group_total td.sticky div {
  font-size: 1.25em;
  font-weight: bold;
  background: #7f7f7f;
  color: #fff;
  padding: 0;
  height: 25px;
  border-style: solid;
  border-width: 1px 0;
  border-color: #7f7f7f; }

.sticky-col tr.group_total:hover td.sticky {
  background: #7f7f7f;
  color: #fff; }

.sticky-col .view_panel > div > div > div {
  white-space: normal; }

.table-container {
  position: relative;
  overflow: auto; }
  .table-container table:last-child {
    position: absolute;
    top: 0;
    transition: top 0.2s; }

/*** From Base ***/
.clearFloat {
  clear: both; }

#div-loading {
  background: url(/imgs/loading.gif) no-repeat 10px 10px;
  width: 212px;
  background-color: #FFFFFF;
  border: 1px #DEDEDE solid;
  position: absolute;
  display: none;
  z-index: 9999; }

#div-loading > div {
  text-align: center;
  padding: 10px;
  margin: 15px 0px 0px;
  color: #888888; }

#div-mask {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9000;
  background-color: #000;
  display: none;
  /* for IE */
  filter: alpha(opacity=25);
  /* CSS3 standard */
  opacity: 0.25; }

#logo {
  /*float: left; */
  cursor: pointer; }

#locale-settings {
  float: left;
  width: 100%; }

input.scmgr_field {
  width: 100%;
  padding: 0; }

textarea.scmgr_field {
  width: 100%; }

select.scmgr_field {
  width: 100%; }

input[type="checkbox"] {
  width: 13px; }

input[type="checkbox"].globalFilterUserItem {
  height: 13px;
  width: 13px; }

/* *** Form Table Class*** */
table.scmgr_form {
  width: 100%;
  border-collapse: collapse; }

table.scmgr_form thead th {
  color: #ffffff;
  background-color: #aaaaaa;
  font-weight: bold;
  padding: 0 3px; }

table.scmgr_form tr {
  height: 26px; }

table.scmgr_form td.labelwhite {
  vertical-align: center;
  font-weight: bold;
  color: #222;
  background-color: #ffffff;
  text-align: right;
  margin-right: 2em; }

table.scmgr_form td.label {
  vertical-align: top;
  font-weight: bold;
  border-bottom: #ccc 1px dashed;
  color: #222;
  background-color: #eaeaea;
  text-align: right;
  width: 175px;
  padding: 3px;
  padding-right: 15px; }

table.scmgr_form td.label select {
  background-color: #eaeaea;
  border: 0px; }

table.scmgr_form td.required, table.scmgr_table th.required {
  background-image: url(/imgs/required.gif);
  background-repeat: no-repeat;
  /*background-position: 185px 3px ;	*/
  background-position: right; }

table.scmgr_form td.field {
  vertical-align: middle;
  border-bottom: #cddfe5 1px dashed;
  color: #222;
  padding: 5px 7px; }

table.scmgr_form td.field input[type=text], table.scmgr_form td.field input[type=number], table.scmgr_form td.field input[type=email], table.scmgr_form td.field input[type=password] {
  height: 2em;
  padding: .32em; }

table.scmgr_form td.fieldwhite {
  vertical-align: top;
  color: #222;
  padding: 3px; }

table.scmgr_table thead th {
  padding: 5px;
  background-color: #eaeaea;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #D9D9D9;
  font-weight: bold;
  text-align: left;
  color: #000; }

#action-bar {
  padding: 10px 15px;
  background: white;
  /*background: #fff url(/imgs/gradient.png) repeat-x 0px -70px;
    margin-bottom: 5px;*/
  /*height: 21px;*/
  border: 1px solid #ccc;
  margin-bottom: 10px; }

#bread-crumbs {
  padding: 3px 10px;
  font-size: 14px;
  font-weight: bold;
  background: #eee;
  color: #394F6F; }

/* FLEXIGRID BUTTONS CLASS */
.flexigrid div.fbutton .add {
  background: url(/js/libs/flexigrid/css/images/add.png) no-repeat center left; }

.flexigrid div.fbutton .delete {
  background: url(/js/libs/flexigrid/css/images/close.png) no-repeat center left; }

.flexigrid div.fbutton .activate {
  background: url(/js/libs/flexigrid/css/images/power.png) no-repeat center left; }

.flexigrid div.fbutton .stdexport {
  background: url(/js/libs/flexigrid/css/images/stdexport.png) no-repeat center left; }

.flexigrid div.fbutton .stdcopy {
  background: url(/js/libs/flexigrid/css/images/copy.png) no-repeat center left; }

.flexigrid div.fbutton .fullexport {
  background: url(/js/libs/flexigrid/css/images/fullexport.png) no-repeat center left; }

.flexigrid div.fbutton .addselect {
  background: url(/js/libs/flexigrid/css/images/addselect.png) no-repeat center left;
  display: none; }

/* SETUP */
#divUserListResult {
  margin-top: 5px; }

/* EXPORT */
#export-dialog {
  display: none;
  height: 250px; }

#export-dialog table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

#export-dialog thead {
  background-color: #D7E7E7;
  font-weight: bold; }

#export-dialog td {
  border: 1px solid #DCDCDC;
  padding: 5px 10px;
  vertical-align: top;
  width: 50%; }

#format-div {
  margin-top: 10px;
  text-align: right; }

span.s_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: top; }

span.format_csv {
  background: url(/imgs/format_icons.png) left 0px; }

span.format_xls {
  background: url(/imgs/format_icons.png) left -16px; }

span.format_html {
  background: url(/imgs/format_icons.png) left -32px; }

#setup-table > tbody > tr > td:first-child {
  width: 240px;
  /*width: 25%;*/ }

#admin-menu > div > ul {
  list-style: none;
  padding: 0; }

#admin-menu ul {
  margin: 0 0 10px; }

table.scmgr_form {
  font-size: 14px;
  background: white; }

table.scmgr_form td.label {
  width: 40%;
  font-weight: normal; }

#userListResult {
  list-style: none;
  padding: 0; }

#userListResult input[type=checkbox] {
  height: 13px; }

.tree > .ltr > li {
  display: block; }

/**** FORMULA SETUP ****/
#formula-legends {
  position: relative;
  background: #fff;
  margin-bottom: 10px;
  padding: 5px; }
  #formula-legends h4 {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    margin: 0; }
  #formula-legends span {
    position: relative;
    display: inline-block;
    margin: 2px 0;
    background: #ccc;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    transition: background 0.5s; }
    #formula-legends span.field_id {
      font-size: 10px;
      line-height: 1em; }
    #formula-legends span:hover {
      background: #f0394c; }

/**** UPLOAD PROFILE PIC ****/
#avatar-container, #company-avatar-container {
  display: inline-block;
  position: relative;
  margin-right: 10px; }
  #avatar-container .upload_button, #company-avatar-container .upload_button {
    cursor: pointer;
    position: absolute;
    right: 0;
    background: lightgrey;
    padding: 5px 5px 3px;
    bottom: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: #000000;
    border-radius: 2px; }
    #avatar-container .upload_button:hover, #company-avatar-container .upload_button:hover {
      background: #f0f0f0;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.7); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #export-template-form .list_table li.selected {
    background: #ccc url(/imgs/selected-arrow@2x.png) no-repeat right center;
    background-size: 16px 16px; } }
/* MOBILE PORTRAIT */
@media only screen and (max-width: 480px) {
  #global-search-form .global-search-wrapper input {
    width: 105px; }

  #headerBar #logo {
    width: 64px; }

  #admin-section {
    width: 100px; }

  #quick-search {
    width: 90px; }

  #search-field {
    width: 60px; }

  #view-actions li a {
    padding: 5px; }

  .sm_view_sort button {
    padding: 5px; }

  #content {
    margin-left: 0; }

  #app-sidebar {
    left: -250px;
    bottom: 0; }

  #login-panel {
    width: auto;
    margin: 0 2rem 2rem; }

  #register-image {
    display: none; }

  #pre-login-header {
    text-align: left; }

  #trial-features {
    margin-bottom: 1em; }
    #trial-features li {
      float: none;
      width: 100%;
      text-align: center;
      margin: 0 0 1em; }

  #quick-search {
    width: 130px; }

  #search-field {
    width: 100px; }

  #view-actions .bar_scale_control {
    float: none;
    border-right: 0px;
    margin-bottom: 10px; }

  #priority-circle1, #priority-circle2, #priority-circle3, #priority-circle4, #priority-circle5, div.priority_container {
    width: 48px;
    height: 48px;
    padding: 0; }

  .priority_circle {
    background: url("/imgs/priority_circles48.png") no-repeat scroll center 0 rgba(0, 0, 0, 0); }

  .priority_circle.user {
    background: url("/imgs/priority_circles48.png") no-repeat scroll center -48px rgba(0, 0, 0, 0); }

  .priority_circle.expert {
    background: url("/imgs/priority_circles48.png") no-repeat scroll center -96px rgba(0, 0, 0, 0); }

  .priority_circle.expert.user {
    background: url("/imgs/priority_circles48.png") no-repeat scroll center -144px rgba(0, 0, 0, 0); }

  #priority-circle1 div.priority_container, #priority-circle1.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll left 0 rgba(0, 0, 0, 0); }

  #priority-circle1.user div.priority_container, #priority-circle1.user.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); }

  #priority-circle2 div.priority_container, #priority-circle2.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll left -48px rgba(0, 0, 0, 0); }

  #priority-circle2.user div.priority_container, #priority-circle2.user.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll right -48px rgba(0, 0, 0, 0); }

  #priority-circle3 div.priority_container, #priority-circle3.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll left -96px rgba(0, 0, 0, 0); }

  #priority-circle3.user div.priority_container, #priority-circle3.user.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll right -96px rgba(0, 0, 0, 0); }

  #priority-circle4 div.priority_container, #priority-circle4.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll left -144px rgba(0, 0, 0, 0); }

  #priority-circle4.user div.priority_container, #priority-circle4.user.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll right -144px rgba(0, 0, 0, 0); }

  #priority-circle5 div.priority_container, #priority-circle5.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll left -192px rgba(0, 0, 0, 0); }

  #priority-circle5.user div.priority_container, #priority-circle5.user.expert div.priority_container {
    background: url("/imgs/priority_icons48.png") no-repeat scroll right -192px rgba(0, 0, 0, 0); }

  .priority_container p {
    display: none; }

  #prob-matrix {
    margin: 10px auto 0; }

  #content {
    margin-left: 0; }

  #app-sidebar {
    left: -250px;
    bottom: 0; } }
.hide-ns {
  display: none; }

.show-ns {
  display: block; }

@media only screen and (max-width: 768px) {
  div.fields_layout.two_cols > div.col {
    width: 100% !important; }

  div.fields_layout.two_cols > div.col.left, div.fields_layout.two_cols > div.col.right {
    float: none !important; } }
@media only screen and (max-width: 810px) {
  body, #headerBar, #pageHead, .wrap.view, #footer-container .wrap {
    min-width: 0; }

  .wrap {
    min-width: 0; }

  .hide-s {
    display: none; }

  .show-s {
    display: block; }

  #common-app-nav, #section-app-nav, #app-selector {
    display: none !important; }

  #navbar-toggle, #mobile-add-button {
    display: inline-block; }

  #view-actions .view_sort.lg_screen {
    display: none; }

  #app-sidebar {
    left: -250px;
    bottom: 0; }

  #content {
    margin-left: 0; }

  #footer-text {
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
    text-align: left; }

  #salesways-section {
    float: none; }

  #sidebar {
    display: block; }

  #sidebar [class^="icon-"]:before, #sidebar [class*=" icon-"]:before {
    font-size: 16px;
    position: relative;
    bottom: -3px; }

  .view_sort {
    display: none; }

  .lg_screen {
    display: none; }

  .sm_view_sort {
    float: right;
    margin-left: 10px; }

  .grid_column.col-sm-12 {
    width: 100%;
    margin-left: 0; }

  .grid_column.col-sm-6 {
    width: 50%;
    margin-left: 0; }

  #calendar-view #appointments, #calendar-view #tasks {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    border-right: 0 !important; }

  #view-filter-content.forecast {
    text-align: left;
    padding: 10px 10px; }

  #view-filter-content.forecast label {
    margin-right: 10px; }

  #form-actions ul.action {
    margin-right: 30px; }

  #form-actions ul.action li {
    margin-bottom: 10px; }

  #prob-matrix {
    margin: 10px auto 0; } }
@media (max-width: 960px) {
  #calendar-view #tasks table .status {
    display: none; } }
/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) {
  body {
    max-width: 1440px; }

  /* 18.5px / 28px */ }
@media (min-width: 960px) and (max-width: 1154px) {
  #calendar-view #tasks table .status {
    display: none; } }
pre span.long_description {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  font-size: 11px;
  text-align: right;
  color: #222; }

#view-actions, #dup-actions, #form-actions, #view-footer, .header-actions {
  border: none;
  background: white; }
  #view-actions ul.action > li, #dup-actions ul.action > li, #form-actions ul.action > li, #view-footer ul.action > li, .header-actions ul.action > li {
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #E8F5FF; }
    #view-actions ul.action > li.separator, #dup-actions ul.action > li.separator, #form-actions ul.action > li.separator, #view-footer ul.action > li.separator, .header-actions ul.action > li.separator {
      background: #ccc; }
    #view-actions ul.action > li:hover, #dup-actions ul.action > li:hover, #form-actions ul.action > li:hover, #view-footer ul.action > li:hover, .header-actions ul.action > li:hover {
      border-color: #ADC4DD;
      background: #94BFDE; }
    #view-actions ul.action > li:disabled, #dup-actions ul.action > li:disabled, #form-actions ul.action > li:disabled, #view-footer ul.action > li:disabled, .header-actions ul.action > li:disabled {
      color: graytext;
      background: #dddddd; }
    #view-actions ul.action > li:disabled:hover, #dup-actions ul.action > li:disabled:hover, #form-actions ul.action > li:disabled:hover, #view-footer ul.action > li:disabled:hover, .header-actions ul.action > li:disabled:hover {
      border-color: transparent; }
  #view-actions button, #dup-actions button, #form-actions button, #view-footer button, .header-actions button {
    border: 1px solid transparent;
    border-radius: 2px;
    background: #E8F5FF; }
    #view-actions button:hover, #dup-actions button:hover, #form-actions button:hover, #view-footer button:hover, .header-actions button:hover {
      border-color: #ADC4DD;
      background: #94BFDE; }
    #view-actions button:disabled, #dup-actions button:disabled, #form-actions button:disabled, #view-footer button:disabled, .header-actions button:disabled {
      color: graytext;
      background: #dddddd; }
    #view-actions button:disabled:hover, #dup-actions button:disabled:hover, #form-actions button:disabled:hover, #view-footer button:disabled:hover, .header-actions button:disabled:hover {
      border-color: transparent; }
  #view-actions .action.popup li:hover, #dup-actions .action.popup li:hover, #form-actions .action.popup li:hover, #view-footer .action.popup li:hover, .header-actions .action.popup li:hover {
    border-color: #ADC4DD;
    background: #94BFDE; }
  #view-actions .view_sort.lg_screen, #dup-actions .view_sort.lg_screen, #form-actions .view_sort.lg_screen, #view-footer .view_sort.lg_screen, .header-actions .view_sort.lg_screen {
    display: flex; }
    #view-actions .view_sort.lg_screen button, #dup-actions .view_sort.lg_screen button, #form-actions .view_sort.lg_screen button, #view-footer .view_sort.lg_screen button, .header-actions .view_sort.lg_screen button {
      margin-left: 10px; }

li.dropdown > a:after {
  content: url(/imgs/arrow-down.svg);
  margin-left: 5px; }

button, input[type="submit"], input[type="button"], input[type="reset"] {
  border: 1px solid transparent;
  border-radius: 2px;
  background: #E8F5FF; }
  @media (hover: hover) {
    button:not([disabled]):hover, input[type="submit"]:not([disabled]):hover, input[type="button"]:not([disabled]):hover, input[type="reset"]:not([disabled]):hover {
      border-color: #ADC4DD;
      background: #94BFDE;
      color: white; } }
  @media (hover: none) {
    button:not([disabled]):active, input[type="submit"]:not([disabled]):active, input[type="button"]:not([disabled]):active, input[type="reset"]:not([disabled]):active {
      border-color: #ADC4DD;
      background: #94BFDE;
      color: white; } }
  button[disabled], input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled] {
    color: graytext;
    background: #dddddd; }
  button:disabled:hover, input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover {
    border-color: transparent; }
  button.on, button.on:hover, input[type="submit"].on, input[type="submit"].on:hover, input[type="button"].on, input[type="button"].on:hover, input[type="reset"].on, input[type="reset"].on:hover {
    color: white;
    background: #94BFDE; }

#quick-search {
  border: 1px solid #94BFDE; }
  #quick-search:hover {
    border-color: #ADC4DD; }

ul.list_toggle {
  list-style: none;
  font-size: 12px; }
  ul.list_toggle li.button {
    float: left;
    cursor: pointer;
    padding: 0.25em 1em;
    border: 1px solid #cccccc;
    color: #222;
    background: #E8F5FF; }
    ul.list_toggle li.button:hover {
      background: #94BFDE;
      color: white; }
    ul.list_toggle li.button.on, ul.list_toggle li.button.on:hover {
      background: #94BFDE;
      color: white; }

.fc-header .fc-button {
  font-weight: normal !important;
  text-shadow: none !important;
  background: #E8F5FF !important; }
.fc-header .fc-state-active {
  font-weight: normal !important;
  text-shadow: none !important;
  background: #94BFDE !important; }

#view {
  background: white;
  padding: 8px; }
  #view #view-filter {
    border: none;
    border-radius: 0;
    background: white; }
  #view #view-footer {
    border: none;
    border-radius: 0;
    background: none; }
    #view #view-footer select {
      width: 60px; }

#footer-container {
  padding: 10px; }

#view-graphs-toggle, #view-maps-toggle, #view-search-toggle {
  border: none;
  background: white; }

#view-graphs, #view-maps, #view-search {
  border: none;
  background: white; }

.bar_scale_control {
  display: flex; }
  .bar_scale_control > input {
    margin-right: 5px; }

.form_panel {
  background: white;
  border: none; }

div.card {
  border: none;
  box-shadow: none;
  border-radius: 8px; }

div.legal_entity_display {
  background: white; }

h3.panel_heading {
  font-weight: 400; }

div.contact_info {
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 1px solid #CCC; }

.ui-accordion-header {
  border: 1px solid transparent;
  border-radius: 2px;
  background: #E8F5FF; }
  .ui-accordion-header:hover {
    border-color: #ADC4DD;
    background: #94BFDE; }

.ui-widget {
  font-family: "Open Sans", sans-serif; }

#view-actions-wrapper {
  border-top: none; }

table.view_table tbody tr.even_row {
  background: #F2F9FF; }

table.view_table thead th {
  font-weight: 400;
  background: #ffffff;
  color: black;
  height: 38px; }

table.view_table tbody tr:hover {
  background: #eeeeee; }

.view_panel {
  padding: 5px; }

div.fields_layout div.label_col {
  padding-top: 2px; }
  div.fields_layout div.label_col > div {
    width: 100%; }

#contact #con_salutationid {
  padding: 4px; }

#contact #con_salutationid, #contact #con_lastname, #contact #con_firstname {
  height: 35px; }

#contact div.name_cont td > div {
  margin: 0; }

#view-sortname {
  height: auto !important;
  width: 150px; }

#quick-search {
  width: auto;
  display: flex;
  align-items: center; }
  #quick-search.active #search-field {
    height: auto; }
  #quick-search #search-field {
    height: auto;
    padding: 3px 4px; }
  #quick-search #clear-quick-search {
    line-height: 1em; }

.trumbowyg-editor {
  max-height: 300px; }

#company-announcements-detail {
  min-height: 100px;
  max-height: 300px;
  overflow-y: auto;
  padding: 10px; }

#company-announcements .widget_banner span {
  position: relative;
  top: 14px; }

#owner-select {
  float: right;
  width: 70%;
  height: 30px; }

.app_nav_qtip {
  box-sizing: content-box; }

.content_box_qtip {
  box-sizing: content-box; }

span.graph_x_axis {
  display: block;
  max-width: 150px;
  max-height: 30px;
  overflow: hidden; }

select.ui-datepicker-year, select.ui-datepicker-month {
  display: inline; }

div.territory_checkboxs {
  border: 1px solid #cccccc;
  margin: 0;
  padding: .32em;
  border-radius: 2px;
  max-height: 8.4em;
  overflow: auto; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  select::-ms-expand {
    display: none; }

  #search-field {
    padding-top: 4px !important;
    padding-bottom: 10px !important; }
    #search-field::-ms-clear {
      display: none !important; }

  div.filter_panel_header label {
    margin-top: 5px !important; }

  #clear-filters {
    margin-top: 2px !important; } }
.account_widget, .service_widget, .scope_widget, .wg {
  min-height: 300px; }

#headerBar.light #app-nav li a {
  color: #aaa; }
#headerBar.light #app-nav li.selected a {
  border-bottom: 5px solid #fff; }
  #headerBar.light #app-nav li.selected a span {
    color: #fff; }
#headerBar.light #app-nav li:hover a span {
  color: #fff; }
#headerBar.light #admin-section #admin-actions li a span {
  color: #aaa; }
  #headerBar.light #admin-section #admin-actions li a span:hover {
    color: #fff; }

.insights_toggle {
  margin: 0px 0px 0px 5px;
  display: inline-block;
  width: 24px;
  height: 30px;
  cursor: pointer; }

.insight_arrow_down, .insight_arrow_right {
  width: 0;
  height: 0; }

.insight_arrow_down {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent; }

.insight_arrow_right {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent; }

.insight_arrow_down {
  border-top: 15px solid #fff; }

.insight_arrow_right {
  border-left: 15px solid #fff; }

.insights_toggle .insight_arrow_right {
  border-left: 15px solid #94BFDE; }

.insights_toggle .insight_arrow_down {
  border-top: 15px solid #94BFDE; }

hr.insights {
  height: 4px;
  border: none;
  color: #E8F5FF;
  background-color: #94BFDE; }

.marker-icon {
  background-position: center;
  background-size: 22px 22px;
  border-radius: 50%;
  height: 22px;
  left: 4px;
  position: absolute;
  text-align: center;
  top: 3px;
  transform: rotate(45deg);
  width: 22px; }

.marker {
  height: 30px;
  width: 30px; }

.marker-content {
  background: #c30b82;
  border-radius: 50% 50% 50% 0;
  height: 30px;
  left: 50%;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 30px; }

.marker-content::before {
  background: #ffffff;
  border-radius: 50%;
  content: "";
  height: 24px;
  margin: 3px 0 0 3px;
  position: absolute;
  width: 24px; }

#view-maps-stats {
  font-size: 12px;
  padding-right: 10px; }

#event-form #file-uploader a, #event-form #file-uploader a:visited {
  color: #fff; }

#event-form #file-uploader a:hover {
  color: #ccc; }

.potential_match h5 {
  margin: 0 0 0.5em;
  border-bottom: 1px solid #595959;
  color: #595959;
  font-size: 1em;
  padding-bottom: 0em; }

.form_panel h4 {
  margin: 0 0 0.8333em;
  border-bottom: 1px solid #595959;
  color: #595959;
  font-size: 1.2em;
  padding-bottom: 0.2em; }

#account_potential_matches .match, #contact_potential_matches .match, #scope_potential_matches .match {
  margin: 5px 0; }
#account_potential_matches .match_name, #contact_potential_matches .match_name, #scope_potential_matches .match_name {
  font-size: 1rem;
  font-weight: 600; }
#account_potential_matches .match_detail, #contact_potential_matches .match_detail, #scope_potential_matches .match_detail {
  line-height: 1rem; }

#completion-section {
  margin: 10px 0 10px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #EDEFF4;
  position: relative; }

#completion-section div.header {
  color: #7f7f7f;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px; }
#completion-section .ui-widget-header {
  border: none;
  background: none; }

#progress-bar {
  height: 28px;
  background: #f0f0f0; }

.password_validation {
  font-weight: bold; }

.tradeshow_button {
  margin: 10px 20px 0 0;
  background: #010e16;
  background: linear-gradient(180deg, #010e16 0%, #006fa3 100%);
  color: white; }

.w-55-ns {
  width: 55%; }

.w-45-ns {
  width: 45%; }

table td .event_stats {
  border-bottom: 2pt solid #0c77ab; }

div.fields_layout div.event_stats_label_col {
  width: 200px;
  float: left; }

div.fields_layout div.event_stats_field_col {
  margin-left: 205px;
  border-bottom: 1px solid #D3D3D3;
  display: flex; }

div.fields_layout div.event_stats_field_col div {
  margin-left: auto; }

.widget_list li {
  float: left;
  width: 33%; }

.tag_table th, td {
  padding: 0px 10px; }

#workspace .workspace_header {
  text-align: center;
  background: #0c77ab;
  color: #ffffff;
  border-radius: 8px; }
#workspace .workspace_widget_content {
  height: 300px;
  font-size: 12px; }
#workspace .graph {
  height: 250px; }
#workspace input {
  font-size: 12px; }
#workspace select {
  height: 25px;
  display: inline;
  font-size: 12px; }
#workspace button {
  padding: 0px 5px 0px 5px; }
#workspace .view-menu {
  padding: 5px; }
#workspace .view_panel {
  padding: 0px 5px 0px 5px; }
#workspace .view-content {
  min-height: 250px;
  height: 250px;
  overflow-x: hidden;
  overflow-y: scroll; }
#workspace .widget {
  padding: 0px 8px 0px 8px;
  background: #ffffff; }
#workspace table {
  font-size: 12px; }
  #workspace table thead th {
    font-weight: bold;
    height: 30px;
    background: #0c77ab;
    color: #FFFFFF; }
  #workspace table tbody td {
    border-right: none; }
  #workspace table tbody tr.even_row {
    background: #F2F9FF; }
  #workspace table tbody tr:hover {
    background: #eeeeee; }
#workspace ul.list_toggle li.button {
  padding: 0em 1em 0em 1em; }
#workspace .contextMenu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: auto;
  width: fit-content;
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px;
  background-color: #94BFDE; }
#workspace .contextMenuItemsList {
  padding: 4px;
  border-radius: 4px; }
#workspace .contextMenuItem {
  padding: 4px;
  border-radius: 3px;
  list-style-type: none; }
#workspace .contextMenuItem:hover {
  cursor: pointer; }

#tag-filter-list {
  padding: 5px;
  background: white; }
  #tag-filter-list > div {
    overflow: auto; }

.export_template_header > span {
  color: #222;
  background: #E7F5FF;
  margin: 10px 0px 10px 10px;
  padding: 10px; }
.export_template_header > span.selected {
  color: #fff;
  background: #0c77ab;
  margin: 10px 0px 10px 10px;
  padding: 10px; }

/*# sourceMappingURL=style.css.map */