/**
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
/* UI Pattern Library */
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
/*--------------------------------------------*\
  $CONTENTS
\*--------------------------------------------*/
/**
 * STYLE GUIDE VARIABLES
 * ------ Typography
 * ------ Colors
 * ------ Button
 */
/**

--------position
--------cursor
 */
@font-face {
  font-family: 'Source Sans Pro';
  src: url("../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf");
}
body {
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* ==========  TYPOGRAPHY  ========== */
/*@font-weight-base: 400;*/
/*@line-height-base: 1.3333333;*/
/* ==========  Colors  ========== */
/*
@colors-active: #062e79;
*/
/*@colors-active: #00a2ff;*/
/* ==========  Buttons  ========== */
/* ==========  Buttons  ========== */
/*@buttons-padding-vertical: 12px;*/
/*@buttons-padding-horizontal: 36px;*/
/*====================buttons new===================*/
/* ==========  Inputs  ========== */
/* ==========  Checkboxes  ========== */
/*@checkbox-deleted-width: 25px;
@checkbox-deleted-height: @checkbox-deleted-width;*/
/* ==========  Radio buttons  ========== */
/* ==========  Footers  ========== */
/* ==========  Header  ========== */
/* ==========  Tooltips  ========== */
/* ==========  Dropdowns  ========== */
/*
@dropdown-menu-item-active: #102e79;
*/
/*@dropdown-menu-item-padding: 12px 32px;*/
/* ==========  Margins  ========== */
/* ==========  Notifications  ========== */
/*
@notification-close-right: 0;
@notification-close-top: 0;
@notification-close-font-size: 23px;
@notification-close-padding: 0;
@notification-close-cursor: pointer;
@notification-close-background: transparent;
@notification-close-border: 0;
@notification-close-webkit-appearance: none;
@notification-close-position: relative;
@notification-close-font-weight: normal;
@notification-close-opacity: 0.8;
@notification-close-float: right;
@notification-display: inline;
*/
/* background-color:  red !important;*/
/* ==========  Text Area  ========== */
/* ==========  Tables  ========== */
/* ==========  Modals  ========== */
/* ==========  Modal-Small  ========== */
/* ==========  Carousels  ========== */
/* ==========  Calendars  ========== */
/* ==========  Timers  ========== */
/* ==========  Lists  ========== */
/* ==========  Indicators  ========== */
/* ==========  Menus Collapsible  ========== */
/* ======== Text Links ===============*/
/* ======== Icon Buttons ===============*/
/* =========== Search Icon ====*/
/*  background: transparent !important;
  border-bottom: 1px solid grey !important;*/
/* ================forms=================*/
/*
.showcase > .tc-forms{
  text-align: left;
}
*/
/*=================custom scroll======================*/
/* background-color:  red !important;*/
/*=======================autocompleter==================*/
/* width: 264px;
 height: 304px;*/
/* background-color:  red !important;*/
/*border: 1px solid yellow;*/
/**
 * @license
 * Copyright 2017 TIBCO Inc. All Rights Reserved.
 */
.tc-buttons-large {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  padding: 11.5px 24px;
  line-height: 1.32;
  color: #ffffff;
  background-color: #fd7821;
  border-color: #fd7821;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  letter-spacing: 0.4px;
  font-size: 21px;
}
.tc-buttons-large:hover {
  color: #ffffff;
  background-color: #fd7821;
  border-color: #fd7821;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-large.disabled,
.tc-buttons-large:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-large.disabled:hover,
.tc-buttons-large:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-buttons-primary {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-primary:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary.disabled,
.tc-buttons-primary:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-primary.disabled:hover,
.tc-buttons-primary:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary:hover {
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
}
.tc-buttons-primary:hover:hover {
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary:hover.disabled,
.tc-buttons-primary:hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-primary:hover.disabled:hover,
.tc-buttons-primary:hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary:active {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border: solid 1px #055dab;
  box-shadow: inset 0 0 0 2px #055dab;
}
.tc-buttons-primary:active:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary:active.disabled,
.tc-buttons-primary:active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-primary:active.disabled:hover,
.tc-buttons-primary:active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-disabled {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #e5e5e5;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  opacity: 0.35;
}
.tc-buttons-primary-disabled:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #e5e5e5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-disabled.disabled,
.tc-buttons-primary-disabled:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-primary-disabled.disabled:hover,
.tc-buttons-primary-disabled:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-active {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0 0 0 2px #055dab;
}
.tc-buttons-primary-active:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-active.disabled,
.tc-buttons-primary-active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-primary-active.disabled:hover,
.tc-buttons-primary-active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-hover {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-primary-hover:hover {
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-hover.disabled,
.tc-buttons-primary-hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-primary-hover.disabled:hover,
.tc-buttons-primary-hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
/*.tc-buttons-primary-active {
	border: solid 1px #0075ff;
	box-shadow: inset 0 0 0 2px #0075ff;

}*/
.tc-buttons-primary-focused {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #00a0ff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 0px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0px 0px 1.7px 1.2px #afd9ff, 0px 0px 1.7px 1.2px #afd9ff;
}
.tc-buttons-primary-focused:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #00a0ff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-focused.disabled,
.tc-buttons-primary-focused:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-primary-focused.disabled:hover,
.tc-buttons-primary-focused:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-buttons-secondary {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-secondary:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-secondary.disabled,
.tc-buttons-secondary:disabled {
  color: rgba(0, 129, 203, 0.5);
  background-color: #ffffff;
  border-color: rgba(0, 129, 203, 0.55);
}
.tc-buttons-secondary.disabled:hover,
.tc-buttons-secondary:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-secondary:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
}
.tc-buttons-secondary:hover:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-secondary:hover.disabled,
.tc-buttons-secondary:hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-secondary:hover.disabled:hover,
.tc-buttons-secondary:hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-secondary:active {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  box-shadow: inset 0 0 0 2px #055dab;
}
.tc-buttons-secondary:active:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-secondary:active.disabled,
.tc-buttons-secondary:active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-secondary:active.disabled:hover,
.tc-buttons-secondary:active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-second-disabled {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  opacity: 0.5;
}
.tc-buttons-second-disabled:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-second-disabled.disabled,
.tc-buttons-second-disabled:disabled {
  color: rgba(0, 129, 203, 0.5);
  background-color: #ffffff;
  border-color: rgba(0, 129, 203, 0.55);
}
.tc-buttons-second-disabled.disabled:hover,
.tc-buttons-second-disabled:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-second-active {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0 0 0 2px #055dab;
}
.tc-buttons-second-active:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-second-active.disabled,
.tc-buttons-second-active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-second-active.disabled:hover,
.tc-buttons-second-active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-second-hover {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-second-hover:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-second-hover.disabled,
.tc-buttons-second-hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-second-hover.disabled:hover,
.tc-buttons-second-hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-secondary-focused {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 0px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0px 0px 1.7px 1.2px #afd9ff, 0px 0px 1.7px 1.2px #afd9ff;
}
.tc-buttons-secondary-focused:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-secondary-focused.disabled,
.tc-buttons-secondary-focused:disabled {
  color: rgba(0, 129, 203, 0.5);
  background-color: #ffffff;
  border-color: rgba(0, 129, 203, 0.55);
}
.tc-buttons-secondary-focused.disabled:hover,
.tc-buttons-secondary-focused:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-borderless:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless.disabled,
.tc-buttons-borderless:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless.disabled:hover,
.tc-buttons-borderless:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
}
.tc-buttons-borderless:hover:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless:hover.disabled,
.tc-buttons-borderless:hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless:hover.disabled:hover,
.tc-buttons-borderless:hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless:active {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.tc-buttons-borderless:active:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless:active.disabled,
.tc-buttons-borderless:active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless:active.disabled:hover,
.tc-buttons-borderless:active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless-disabled {
  padding: 0px 0px;
  line-height: 1.25;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-borderless-disabled:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless-disabled.disabled,
.tc-buttons-borderless-disabled:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless-disabled.disabled:hover,
.tc-buttons-borderless-disabled:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless-active {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0 0 1px 2px rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.tc-buttons-borderless-active:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless-active.disabled,
.tc-buttons-borderless-active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless-active.disabled:hover,
.tc-buttons-borderless-active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless-hover {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
}
.tc-buttons-borderless-hover:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless-hover.disabled,
.tc-buttons-borderless-hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless-hover.disabled:hover,
.tc-buttons-borderless-hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless-disabled {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  opacity: 0.5;
}
.tc-buttons-borderless-disabled:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless-disabled.disabled,
.tc-buttons-borderless-disabled:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless-disabled.disabled:hover,
.tc-buttons-borderless-disabled:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-borderless-focused {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 0px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  border-radius: 3px;
  box-shadow: inset 0px 0px 1.7px 1.2px #afd9ff, 0px 0px 1.7px 1.2px #afd9ff;
}
.tc-buttons-borderless-focused:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-borderless-focused.disabled,
.tc-buttons-borderless-focused:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-buttons-borderless-focused.disabled:hover,
.tc-buttons-borderless-focused:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
/* Hide default HTML checkbox */
/* The slider */
/* Rounded sliders */
.tc-toggle-div {
  display: table;
}
.tc-toggle-div .tc-toggle-text {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2px;
  text-align: center;
  color: #262626;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  display: table-cell;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}
.tc-toggle-div .tc-toggle {
  position: relative;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  width: 48px;
  height: 28px;
  margin-left: 16px;
}
.tc-toggle-div .tc-toggle input {
  display: none;
}
.tc-toggle-div .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 28px;
  background-color: #727272;
  border: solid 1px #727272;
  transition: .4s;
}
.tc-toggle-div .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 0px;
  bottom: 1px;
  background-color: #ffffff;
  transition: .4s;
}
.tc-toggle-div input:checked + .slider {
  background-color: #0081cb;
  border: solid 1px #0081cb;
}
.tc-toggle-div input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  transform: translateX(22px);
}
.tc-toggle-div input:checked + .slider:hover {
  background-color: #055dab;
}
.tc-toggle-div input:focus + .slider {
  box-shadow: 0 0 4px #0081cb;
}
.tc-toggle-div .slider.round {
  border-radius: 14px;
}
.tc-toggle-div .slider.round:before {
  border-radius: 50%;
}
.switch-text {
  position: relative;
  display: inline-block;
  width: 252px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px #727272;
  background-color: transparent;
  margin-left: 16px;
}
.switch-text input {
  display: none;
}
.slider-text {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.slider-text:before {
  position: absolute;
  content: "";
  left: -1px;
  bottom: -1px;
  background-color: #062e79;
  border: solid 1px #062e79;
  transition: .4s;
  z-index: -1;
}
.slider-text:before,
.slider-text span {
  width: 126px;
  height: 40px;
  border-radius: 100px;
}
.slider-text span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.slider-text span:first-child {
  color: #ffffff;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
}
.slider-text span:first-child:focus:before,
.slider-text span:first-child:active:before {
  content: none;
}
.slider-text span:last-child {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #727272;
}
.slider-text span:last-child:hover {
  color: #0086ff;
}
.slider-text span:last-child:focus:before,
.slider-text span:last-child:active:before {
  content: '';
  width: 32px;
  height: 32px;
  background-color: rgba(0, 134, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 100%;
}
.slider-text span:focus,
.slider-text span:active {
  box-shadow: 0 0 2px 2px #0086ff;
}
input:checked + .slider-text {
  content: 'Annual Plan';
}
input:checked + .slider-text:before {
  -webkit-transform: translateX(125px);
  transform: translateX(125px);
}
input:checked + .slider-text span:first-child {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #727272;
}
input:checked + .slider-text span:first-child:hover {
  color: #0086ff;
}
input:checked + .slider-text span:first-child:focus:before,
input:checked + .slider-text span:first-child:active:before {
  content: '';
  width: 32px;
  height: 32px;
  background-color: rgba(0, 134, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 100%;
}
input:checked + .slider-text span:last-child {
  color: #ffffff;
}
input:checked + .slider-text span:last-child:focus:before,
input:checked + .slider-text span:last-child:active:before {
  content: none;
}
input:focus + .slider-text {
  box-shadow: 0 0 2px 2px #0086ff;
}
.slider-text.round-text {
  border-radius: 100px;
}
.slider-text.round-text:before {
  border-radius: 100px;
}
.switch-text-hover {
  position: relative;
  display: inline-block;
  width: 252px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px #727272;
  background-color: transparent;
  margin-left: 16px;
}
.switch-text-hover input {
  display: none;
}
.switch-text-hover .slider-text {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.switch-text-hover .slider-text:before {
  position: absolute;
  content: "";
  left: -1px;
  bottom: -1px;
  background-color: #062e79;
  border: solid 1px #062e79;
  transition: .4s;
  z-index: -1;
}
.switch-text-hover .slider-text:before,
.switch-text-hover .slider-text span {
  width: 126px;
  height: 40px;
  border-radius: 100px;
}
.switch-text-hover .slider-text span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.switch-text-hover .slider-text span:first-child {
  color: #ffffff;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
}
.switch-text-hover .slider-text span:first-child:focus:before,
.switch-text-hover .slider-text span:first-child:active:before {
  content: none;
}
.switch-text-hover .slider-text span:last-child {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #0086ff;
}
.switch-text-focus-active {
  position: relative;
  display: inline-block;
  width: 252px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px #727272;
  background-color: transparent;
  margin-left: 16px;
}
.switch-text-focus-active input {
  display: none;
}
.switch-text-focus-active .slider-text {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.switch-text-focus-active .slider-text:before {
  position: absolute;
  content: "";
  left: -1px;
  bottom: -1px;
  background-color: #062e79;
  border: solid 1px #062e79;
  transition: .4s;
  z-index: -1;
  box-shadow: 0 0 2px 2px #0086ff;
}
.switch-text-focus-active .slider-text:before,
.switch-text-focus-active .slider-text span {
  width: 126px;
  height: 40px;
  border-radius: 100px;
}
.switch-text-focus-active .slider-text span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.switch-text-focus-active .slider-text span:first-child {
  color: #ffffff;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
}
.switch-text-focus-active .slider-text span:first-child:focus:before,
.switch-text-focus-active .slider-text span:first-child:active:before {
  content: none;
}
.switch-text-focus-active .slider-text span:last-child {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #0086ff;
}
.switch-text-press {
  position: relative;
  display: inline-block;
  width: 252px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px #727272;
  background-color: transparent;
  margin-left: 16px;
}
.switch-text-press input {
  display: none;
}
.slider-text {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.slider-text:before {
  position: absolute;
  content: "";
  left: -1px;
  bottom: -1px;
  background-color: #062e79;
  border: solid 1px #062e79;
  transition: .4s;
  z-index: -1;
}
.slider-text:before,
.slider-text span {
  width: 126px;
  height: 40px;
  border-radius: 100px;
}
.slider-text span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.slider-text span:first-child {
  color: #ffffff;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
}
.slider-text span:first-child:focus:before,
.slider-text span:first-child:active:before {
  content: none;
}
.slider-text span:last-child {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #727272;
}
.slider-text span:last-child:hover {
  color: #0086ff;
}
.slider-text span:last-child .tc-icon {
  content: '';
  width: 32px;
  height: 32px;
  background-color: rgba(0, 134, 255, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 100%;
}
.slider-text span:focus,
.slider-text span:active {
  box-shadow: 0 0 2px 2px #0086ff;
}
.switch-text-focus-inactive {
  position: relative;
  display: inline-block;
  width: 252px;
  height: 40px;
  border-radius: 100px;
  border: solid 1px #727272;
  background-color: transparent;
  margin-left: 16px;
}
.switch-text-focus-inactive input {
  display: none;
}
.switch-text-focus-inactive .slider-text {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
.switch-text-focus-inactive .slider-text:before {
  position: absolute;
  content: "";
  left: -1px;
  bottom: -1px;
  background-color: #062e79;
  border: solid 1px #062e79;
  transition: .4s;
  z-index: -1;
}
.switch-text-focus-inactive .slider-text:before,
.switch-text-focus-inactive .slider-text span {
  width: 126px;
  height: 40px;
  border-radius: 100px;
}
.switch-text-focus-inactive .slider-text span {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.switch-text-focus-inactive .slider-text span:first-child {
  color: #ffffff;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
}
.switch-text-focus-inactive .slider-text span:first-child:focus:before,
.switch-text-focus-inactive .slider-text span:first-child:active:before {
  content: none;
}
.switch-text-focus-inactive .slider-text span:last-child {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #727272;
  box-shadow: 0 0 2px 2px #0086ff;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-buttons-dropdown {
  padding: 9px 15px;
  line-height: 1.25;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-dropdown:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-dropdown.disabled,
.tc-buttons-dropdown:disabled {
  color: #ffffff;
  background-color: #4dbeff;
  border-color: #4dbeff;
}
.tc-buttons-dropdown.disabled:hover,
.tc-buttons-dropdown:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-dropdown .tc-dropdown-title {
  display: inline-block;
}
.tc-buttons-dropdown .tc-caret {
  background-image: url('../img/arrow-white.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tc-dropdown {
  /*
  display: inline-block;
  */
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  border-radius: 3px;
}
.tc-dropdown .dropdown-menu {
  margin-top: 10px;
  width: 200px;
  height: 304px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
}
.tc-dropdown .dropdown-menu li {
  color: #00a2ff;
  display: block;
  vertical-align: middle;
  height: 32px;
  padding: 7px 0px 9px 16px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.4px;
}
.tc-dropdown .dropdown-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin-top: 5px;
  background-color: rgba(0, 0, 0, 0.1) !important;
  /* background-color: red !important;*/
  width: 8px !important;
  height: 60px !important;
}
.tc-dropdown .dropdown-menu .mCSB_inside > .mCSB_container {
  margin-right: 16px;
}
.dropdown-menu li:hover {
  background-color: #e0f4ff;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-button-icon-text-secondary {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-button-icon-text-secondary:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-secondary.disabled,
.tc-button-icon-text-secondary:disabled {
  color: rgba(0, 129, 203, 0.5);
  background-color: #ffffff;
  border-color: rgba(0, 129, 203, 0.55);
}
.tc-button-icon-text-secondary.disabled:hover,
.tc-button-icon-text-secondary:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-secondary .tc-caret {
  position: inherit;
  margin-right: 14px;
  background-image: url('../img/ic-text-button-sec.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tc-button-icon-text-secondary:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
}
.tc-button-icon-text-secondary:hover:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-secondary:hover.disabled,
.tc-button-icon-text-secondary:hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text-secondary:hover.disabled:hover,
.tc-button-icon-text-secondary:hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-secondary:active {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  box-shadow: inset 0 0 0 2px #055dab;
}
.tc-button-icon-text-secondary:active:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-secondary:active.disabled,
.tc-button-icon-text-secondary:active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text-secondary:active.disabled:hover,
.tc-button-icon-text-secondary:active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-secondary-disabled {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  opacity: 0.5;
}
.tc-button-icon-text-secondary-disabled:hover {
  color: #0081cb;
  background-color: #ffffff;
  border-color: #0081cb;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-secondary-disabled.disabled,
.tc-button-icon-text-secondary-disabled:disabled {
  color: rgba(0, 129, 203, 0.5);
  background-color: #ffffff;
  border-color: rgba(0, 129, 203, 0.55);
}
.tc-button-icon-text-secondary-disabled.disabled:hover,
.tc-button-icon-text-secondary-disabled:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-secondary-disabled .tc-caret {
  position: inherit;
  margin-right: 14px;
  background-image: url('../img/ic-text-button-sec.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tc-button-icon-text-secondary-hover {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-button-icon-text-secondary-hover:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-secondary-hover.disabled,
.tc-button-icon-text-secondary-hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text-secondary-hover.disabled:hover,
.tc-button-icon-text-secondary-hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-secondary-hover .tc-caret {
  position: inherit;
  margin-right: 14px;
  background-image: url('../img/ic-text-button-sec.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tc-button-icon-text-secondary-active {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0 0 0 2px #055dab;
}
.tc-button-icon-text-secondary-active:hover {
  color: #055dab;
  background-color: #ffffff;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-secondary-active.disabled,
.tc-button-icon-text-secondary-active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text-secondary-active.disabled:hover,
.tc-button-icon-text-secondary-active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-secondary-active .tc-caret {
  position: inherit;
  margin-right: 14px;
  background-image: url('../img/ic-text-button-sec.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-button-icon-text {
  padding: 9px 15px;
  line-height: 1.25;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #ffffff;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-button-icon-text:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text.disabled,
.tc-button-icon-text:disabled {
  color: #ffffff;
  background-color: #4dbeff;
  border-color: #4dbeff;
}
.tc-button-icon-text.disabled:hover,
.tc-button-icon-text:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text .tc-button-icon-text-title {
  display: inline-block;
}
.tc-button-icon-text .tc-icon {
  margin-right: 14px;
  background-image: url('../img/ic-sample.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tc-button-icon-text:hover {
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
}
.tc-button-icon-text:hover:hover {
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text:hover.disabled,
.tc-button-icon-text:hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text:hover.disabled:hover,
.tc-button-icon-text:hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text:active {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border: solid 1px #0075ff;
  box-shadow: inset 0 0 0 2px #0075ff;
}
.tc-button-icon-text:active:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text:active.disabled,
.tc-button-icon-text:active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text:active.disabled:hover,
.tc-button-icon-text:active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-disabled {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #e5e5e5;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  opacity: 0.35;
}
.tc-button-icon-text-disabled:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #e5e5e5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-disabled.disabled,
.tc-button-icon-text-disabled:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text-disabled.disabled:hover,
.tc-button-icon-text-disabled:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-disabled .tc-icon {
  background-image: url('../img/ic-sample.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  margin-right: 14px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tc-button-icon-text-active {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-button-icon-text-active:hover {
  color: #ffffff;
  background-color: #0081cb;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-active.disabled,
.tc-button-icon-text-active:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text-active.disabled:hover,
.tc-button-icon-text-active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-active .tc-icon {
  background-image: url('../img/ic-sample.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  margin-right: 14px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tc-button-icon-text-hover {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-button-icon-text-hover:hover {
  color: #ffffff;
  background-color: #055dab;
  border-color: #055dab;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-button-icon-text-hover.disabled,
.tc-button-icon-text-hover:disabled {
  color: #ffffff;
  background-color: rgba(0, 129, 203, 0.5);
  border-color: rgba(0, 129, 203, 0.5);
}
.tc-button-icon-text-hover.disabled:hover,
.tc-button-icon-text-hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-button-icon-text-hover .tc-icon {
  background-image: url('../img/ic-sample.svg');
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 20px;
  margin-right: 14px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-buttons-icon {
  /*border: @buttons-outline;
  outline: @buttons-outline;*/
  background-color: transparent;
  background-image: url('../img/settings-icon-default.svg');
  background-repeat: no-repeat;
  /* background-size: @buttons-download-image-size;*/
  width: 21px;
  height: 21px;
  background-size: 20px 20px;
  background-position: 4px 4px;
  border: 1px solid transparent;
  padding: 14px;
}
.tc-buttons-icon.hovered {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  border-color: transparent;
  background-image: url('../img/ic-settings-hover.svg');
}
.tc-buttons-icon.activated {
  outline: none;
  border: 1px solid #062e79;
  border-radius: 3px;
  background-image: url('../img/settings-icon.svg');
  box-shadow: none;
}
/**
 * TIBCO Cloud UI Pattern - 'Buttons' category
 */
.tc-buttons {
  display: inline-block;
  white-space: nowrap;
  outline: none;
  /*  width: 78px;
    height: 48px;
    border-radius: 3px;
    background-color: #0086ff;
    background-color: var(--deep-sky-blue);
    border: solid 1px #0086ff;*/
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-buttons-primary-call {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #ff7800;
  border-color: #ff7800;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-primary-call:hover {
  color: #ffffff;
  background-color: #ff7800;
  border-color: #ff7800;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-call.disabled,
.tc-buttons-primary-call:disabled {
  color: #ffffff;
  background-color: rgba(253, 120, 33, 0.5);
  border-color: rgba(253, 120, 33, 0.5);
}
.tc-buttons-primary-call.disabled:hover,
.tc-buttons-primary-call:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-call:hover {
  color: #ffffff;
  background-color: #d35300;
  border-color: #de6100;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
}
.tc-buttons-primary-call:hover:hover {
  color: #ffffff;
  background-color: #d35300;
  border-color: #de6100;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-call:hover.disabled,
.tc-buttons-primary-call:hover:disabled {
  color: #ffffff;
  background-color: rgba(253, 120, 33, 0.5);
  border-color: rgba(253, 120, 33, 0.5);
}
.tc-buttons-primary-call:hover.disabled:hover,
.tc-buttons-primary-call:hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-call:active {
  color: #ffffff;
  background-color: #ff7800;
  border-color: #d35300;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-primary-call:active:hover {
  color: #ffffff;
  background-color: #ff7800;
  border-color: #d35300;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-call:active.disabled,
.tc-buttons-primary-call:active:disabled {
  color: #ffffff;
  background-color: rgba(253, 120, 33, 0.5);
  border-color: rgba(253, 120, 33, 0.5);
}
.tc-buttons-primary-call:active.disabled:hover,
.tc-buttons-primary-call:active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
/*.tc-buttons-primary-disabled {
	.button-size(@buttons-padding-vertical, @buttons-padding-horizontal, @buttons-font-size, @buttons-line-height, @buttons-radius);
	.button-variant(@colors-primary-font,  @color-button-call-active-background, @colors-primary-call-border,
					@colors-primary-font, @colors-primary-call-active, @colors-primary-font,
					@colors-link-call-disable, @colors-primary-call-active, @colors-link-call-disable);
	.draw-button(@dropdown-borders-width);
	opacity: 0.5;
}*/
.tc-buttons-primary-call-default {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #ff7800;
  border-color: #ff7800;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  opacity: 0.5;
}
.tc-buttons-primary-call-default:hover {
  color: #ffffff;
  background-color: #ff7800;
  border-color: #ff7800;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-call-default.disabled,
.tc-buttons-primary-call-default:disabled {
  color: #ffffff;
  background-color: rgba(253, 120, 33, 0.5);
  border-color: rgba(253, 120, 33, 0.5);
}
.tc-buttons-primary-call-default.disabled:hover,
.tc-buttons-primary-call-default:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-call-active {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #ff7800;
  border-color: #d35300;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-primary-call-active:hover {
  color: #ffffff;
  background-color: #ff7800;
  border-color: #d35300;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-call-active.disabled,
.tc-buttons-primary-call-active:disabled {
  color: #ffffff;
  background-color: rgba(253, 120, 33, 0.5);
  border-color: rgba(253, 120, 33, 0.5);
}
.tc-buttons-primary-call-active.disabled:hover,
.tc-buttons-primary-call-active:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-call-hover {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #d35300;
  border-color: #de6100;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
}
.tc-buttons-primary-call-hover:hover {
  color: #ffffff;
  background-color: #d35300;
  border-color: #de6100;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-call-hover.disabled,
.tc-buttons-primary-call-hover:disabled {
  color: #ffffff;
  background-color: rgba(253, 120, 33, 0.5);
  border-color: rgba(253, 120, 33, 0.5);
}
.tc-buttons-primary-call-hover.disabled:hover,
.tc-buttons-primary-call-hover:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
.tc-buttons-primary-call-focused {
  padding: 9px 15px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  background-color: #ff7800;
  border-color: #ff7800;
  /*&:active {
      .color-button(@font-active; @color-active; @border-active);
      .round-borders;
  }*/
  border-width: 0px;
  border-style: solid;
  cursor: pointer;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  /*outline: @buttons-outline;*/
  box-shadow: inset 0px 0px 1.7px 1.2px #afd9ff, 0px 0px 1.7px 1.2px #afd9ff;
}
.tc-buttons-primary-call-focused:hover {
  color: #ffffff;
  background-color: #ff7800;
  border-color: #ff7800;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.tc-buttons-primary-call-focused.disabled,
.tc-buttons-primary-call-focused:disabled {
  color: #ffffff;
  background-color: rgba(253, 120, 33, 0.5);
  border-color: rgba(253, 120, 33, 0.5);
}
.tc-buttons-primary-call-focused.disabled:hover,
.tc-buttons-primary-call-focused:disabled:hover {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-button-switch {
  display: inline-block;
  min-width: 48px;
  height: 28px;
  position: relative;
  border: none;
  background: transparent;
  outline: none;
}
.tc-button-switch label {
  width: 48px;
  height: 28px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 1px;
}
.tc-button-switch label:after {
  content: '';
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-radius: 24px;
  top: 0px;
}
.tc-button-switch label span {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 48px;
}
.tc-button-switch label {
  background: #727272;
  border-color: #727272;
  border-radius: 14px;
}
.tc-button-switch label:after {
  left: 0px;
  border-color: #ffffff;
  background: #ffffff;
  opacity: 1;
}
.tc-button-switch label:hover::after {
  opacity: 0.8;
}
.tc-button-switch.switch-on label {
  background: #0081cb;
  border-color: #0081cb;
  border-radius: 14px;
}
.tc-button-switch.switch-on label:after {
  left: 21px;
  border-color: #ffffff;
  background: #ffffff;
  opacity: 1;
}
.tc-button-switch.switch-on label:hover::after {
  opacity: 0.8;
}
.tc-calendar {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}
.tc-calendar .btn-default {
  color: #717171;
  border-color: transparent;
  font-size: 18px;
  border-radius: 0px;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.tc-calendar .btn-default.btn-sm {
  width: 28px;
}
.tc-calendar .btn-default.btn-sm.pull-right {
  margin: 0px;
}
.tc-calendar .btn-default.btn-sm .arrow-icons {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #727272;
  border-top: 2px solid #727272;
}
.tc-calendar .btn-default.btn-sm .glyphicon-chevron-left:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #727272;
  border-top: 2px solid #727272;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  margin-left: 6px;
}
.tc-calendar .btn-default.btn-sm .glyphicon-chevron-right:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #727272;
  border-top: 2px solid #727272;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 6px;
}
.tc-calendar .btn-default .text-info,
.tc-calendar .btn-default .text-muted {
  color: #717171;
}
.tc-calendar .btn-default:hover,
.tc-calendar .btn-default:focus,
.tc-calendar .btn-default:active {
  color: #717171;
  background-color: #ededed;
  border-radius: 14px;
}
.tc-calendar small {
  display: none;
}
.tc-calendar strong {
  font-size: 14px;
  font-weight: normal;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}
.tc-calendar .unique-date-span {
  border-radius: 20px;
  padding: 2px 4px;
}
.tc-calendar .selected button span {
  border-radius: 20px;
  padding: 2px 4px;
  background-color: #dbdef0;
}
.tc-calendar .today button span {
  border-radius: 20px;
  padding: 2px 4px;
  background-color: transparent;
  border: 1px solid #062e79;
}
.tc-calendar .in-range button span {
  background-color: #f3f4fa;
  border-radius: 0px;
  padding: 4px 5px;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-checkbox {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.9px;
}
.tc-checkbox label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 6px;
  left: 12px;
  background: #f9f9f9;
  border-style: solid;
  border-width: 1px;
  border-color: #a7a7a7;
  border-radius: 4px;
}
.tc-checkbox label:after {
  content: '';
  width: 12px;
  height: 6px;
  position: absolute;
  top: 2px;
  left: 1px;
  border: 2px solid #0081cb;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tc-checkbox label:hover::after {
  opacity: 0.5;
}
.tc-checkbox-grey {
  background-color: #dadada;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.9px;
}
.tc-checkbox-grey label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 7px;
  left: 15px;
  background: #eceff4;
  border-style: solid;
  border-width: 1px;
  border-color: #a7a7a7;
  border-radius: 4px;
}
.tc-checkbox-grey label:after {
  content: '';
  width: 12px;
  height: 6px;
  position: absolute;
  top: 2px;
  left: 1px;
  border: 2px solid #0081cb;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tc-checkbox-grey label:hover::after {
  opacity: 0.5;
}
.tc-checkbox-grey #tc-checkbox {
  padding: 5px;
}
.tc-checkbox-new {
  display: inline-block;
  width: 140px;
}
.tc-checkbox-new label {
  display: inline;
}
.tc-checkbox-new .regular-checkbox {
  display: none;
}
.tc-checkbox-new .regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
.tc-checkbox-new .regular-checkbox + label:active,
.tc-checkbox-new .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.tc-checkbox-new .regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
}
.tc-checkbox-new .regular-checkbox:checked + label:after {
  content: '';
  font-size: 13px;
  position: absolute;
  /*top: -3px;
  left: 1px;*/
  top: -1px;
  left: -1px;
  color: white;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #0081cb;
  background-image: url('../img/checkmark-new.svg');
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.tc-checkbox-new .tag {
  /*  font-family: Arial, sans-serif;
width: 200px;
position: relative;
top: 1px;
font-weight: bold;
text-transform: uppercase;
display: block;
float: right;
*/
  width: 120px;
  height: 14px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2px;
  text-align: left;
  color: #262626;
  color: var(--black);
  position: relative;
  display: block;
  float: right;
  padding-left: 8px;
  top: 1px;
  font-weight: normal;
}
.tc-checkbox-new-checked {
  display: inline-block;
  width: 140px;
  /* & .regular-checkbox-deleted + label:active, .regular-checkbox-deleted:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
  }

  & .regular-checkbox-deleted:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
  }
*/
  /*& .regular-checkbox-deleted:checked + label:after {
    content: '';
    font-size: 13px;
    position: absolute;
    !*top: -3px;
    left: 1px;*!
    color: white;
    top: -1px;
    left: -1px;
    color: white;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background-color: #0081cb;
    background-image: url('../img/checkmark-new.svg');
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
*/
}
.tc-checkbox-new-checked label {
  display: inline;
}
.tc-checkbox-new-checked .regular-checkbox {
  display: none;
}
.tc-checkbox-new-checked .regular-checkbox + label {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  font-size: 13px;
  /*top: -3px;
    left: 1px;*/
  top: -1px;
  left: -1px;
  color: white;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background-color: #0081cb;
  background-image: url('../img/checkmark-new.svg');
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.tc-checkbox-new-checked .tag {
  /*  font-family: Arial, sans-serif;
  width: 200px;
  position: relative;
  top: 1px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: right;
  */
  width: 120px;
  height: 14px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2px;
  text-align: left;
  color: #262626;
  color: var(--black);
  position: relative;
  display: block;
  float: right;
  padding-left: 8px;
  top: 1px;
  font-weight: normal;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-checkboxes {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  position: relative;
  width: 304px;
  height: 32px;
}
.tc-checkboxes label span {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  position: absolute;
  top: -5px;
  left: 20px;
}
.tc-checkboxes input[type=checkbox] {
  visibility: hidden;
}
.tc-checkboxes input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.tc-dropdown {
  /*
  display: inline-block;
  */
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  border-radius: 3px;
}
.tc-dropdown .dropdown-menu {
  margin-top: 10px;
  width: 200px;
  height: 304px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
}
.tc-dropdown .dropdown-menu li {
  color: #00a2ff;
  display: block;
  vertical-align: middle;
  height: 32px;
  padding: 7px 0px 9px 16px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.4px;
}
.tc-dropdown .dropdown-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin-top: 5px;
  background-color: rgba(0, 0, 0, 0.1) !important;
  /* background-color: red !important;*/
  width: 8px !important;
  height: 60px !important;
}
.tc-dropdown .dropdown-menu .mCSB_inside > .mCSB_container {
  margin-right: 16px;
}
.dropdown-menu li:hover {
  background-color: #e0f4ff;
}
.tc-dropdown.secondary .dropdown-selector {
  min-height: 30px;
  border: 1px solid transparent;
  background: transparent;
  height: 100%;
}
.tc-dropdown.secondary .dropdown-selector .glyphicon {
  margin-left: 0px !important;
  font-size: 24px;
  color: #3b4952;
  padding-left: 4px;
  padding-right: 4px;
}
.tc-dropdown.secondary .dropdown-selector:hover,
.tc-dropdown.secondary .dropdown-selector:active,
.tc-dropdown.secondary .dropdown-selector:visited {
  color: #fff;
  background: #b6b6b6;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #717171;
}
.tc-dropdown.secondary .dropdown-selector:hover .glyphicon,
.tc-dropdown.secondary .dropdown-selector:active .glyphicon,
.tc-dropdown.secondary .dropdown-selector:visited .glyphicon {
  color: #fff;
}
.tc-dropdown.secondary:hover:not(.open) .dropdown-selector {
  border-color: #fff;
  background-color: #fff;
}
.tc-dropdown.secondary:hover:not(.open) .glyphicon {
  color: #0081cb;
}
.tc-dropdown.secondary.open .dropdown-selector {
  background-color: #b6b6b6;
  border-color: #717171;
  color: #fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tc-dropdown.secondary.open .glyphicon {
  color: #fff;
}
.tc-dropdown.secondary .dropdown-menu {
  right: 0px;
  border-color: #727272;
  left: initial;
  border-radius: 2px;
}
.tc-dropdown.secondary .dropdown-menu > li > a {
  color: #727272;
  font-size: 12px;
  padding: 8px 14px;
}
.tc-dropdown.secondary .dropdown-menu > li > a p {
  float: left;
}
.tc-dropdown.secondary .dropdown-menu > li > a:hover,
.tc-dropdown.secondary .dropdown-menu > li > a:active {
  background: transparent;
  color: #0081cb;
}
.tc-dropdown.secondary .dropdown-menu > li > a span {
  vertical-align: bottom;
}
.tc-dropdown.secondary .dropdown-menu .glyphicon {
  width: 24px;
}
.tc-dropdown.secondary .dropdown-menu .divider {
  margin: 0 14px;
  background-color: #b6b6b6;
}
.tc-dropdown.secondary:hover:not(.disabled) .dropdown-selector {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tc-dropdown.small {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
.tc-dropdown.small .dropdown-selector {
  font-size: 14px;
  min-height: 33px;
  height: 100%;
}
.tc-dropdown.small .dropdown-selector .tc-dropdown-title {
  font-size: 14px;
  line-height: 33px;
  margin: 0 10px;
}
.tc-dropdown.small .dropdown-selector .tc-caret {
  height: 33px;
  width: 40px;
  background-size: 13px 8px;
}
.tc-dropdown.small .dropdown-menu > li > a {
  padding: 10px 14px;
  font-size: 14px;
}
.tc-dropdown.small .dropdown-menu .divider {
  margin: 0 14px;
}
/**
* @license
* Copyright 2015 TIBCO Inc. All Rights Reserved.
*/
.tc-dropdown {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  /*&.open .dropdown-selector {
  .draw-dropdown(@dropdown-fill-color; @dropdown-borders-color; @dropdown-selected-font-color);
  }*/
}
.tc-dropdown .dropdown-selector {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  outline: none;
  border-radius: 0;
  border-width: 0px;
  border-style: solid;
  white-space: nowrap;
  min-height: 45px;
  padding: 0;
  height: 45px;
  background-color: white;
  border-color: #0081cb;
  color: #0081cb;
}
.tc-dropdown .dropdown-selector:hover {
  background-color: white;
  border-color: #0081cb;
  color: #0081cb;
}
.tc-dropdown .dropdown-selector .tc-dropdown-title {
  display: inline-block;
  line-height: 45px;
  margin: 0 10px;
}
.tc-dropdown .dropdown-selector .tc-caret {
  background-image: url('../img/arrow-blue.svg');
  display: inline-block;
  height: 43px;
  vertical-align: top;
  width: 40px;
  background-size: 13px 8px;
  background-position: center left;
  background-repeat: no-repeat;
}
.tc-dropdown .dropdown-selector .tc-icon {
  display: inline-block;
  background-color: transparent;
  background-image: url('../img/settings-icon-default.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 44px;
  background-size: 20px 20px;
  background-position: center center;
  border: 1px solid transparent;
  padding: 19px;
}
.tc-dropdown.hovered:not(.disabled) {
  /* & .tc-caret {
    background-image: @dropdown-caret-white-arrow;
    background-color: @colors-primary;
    }
    */
}
.tc-dropdown.hovered:not(.disabled) .dropdown-selector {
  border-radius: 0px;
  border: 1px solid #0081cb;
}
.tc-dropdown.disabled .dropdown-selector {
  background-color: white;
  border-color: rgba(0, 129, 203, 0.5);
  color: rgba(0, 129, 203, 0.5);
  cursor: not-allowed;
  /*background-color: @colors-disable;*/
}
.tc-dropdown.disabled .dropdown-selector .tc-icon {
  background-image: url('../img/ic-settings.svg');
}
.tc-dropdown.disabled .dropdown-selector .tc-caret {
  background-image: url('../img/arrow-gray.svg');
}
.tc-dropdown .dropdown-menu {
  border-color: #0081cb;
  margin-top: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
  padding: 0;
  max-height: 420px;
  overflow: auto;
}
.tc-dropdown .dropdown-menu > li {
  padding: 16px;
  font-size: 16px;
  white-space: nowrap;
  color: #0081cb;
}
.tc-dropdown .dropdown-menu .divider {
  background-color: #0081cb;
  margin: 0 25px;
}
.tc-dropdown .dropdown-menu > li > a:hover,
.tc-dropdown .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #0081cb;
  background-color: #ffffff;
  background-image: none;
}
.tc-dropdown .dropdown-menu > .active > a,
.tc-dropdown .dropdown-menu > .active > a:hover,
.tc-dropdown .dropdown-menu > .active > a:focus {
  color: #0081cb;
  text-decoration: none;
  outline: 0;
  background-color: white;
  background-image: none;
}
.tc-dropdown .dropdown-menu > li > a:active {
  color: white;
  text-decoration: none;
  outline: 0;
  background-color: white;
  background-image: none;
}
.tc-dropdown:active {
  background-color: #ffffff;
}
.tc-dropdown:not(.hovered):hover .dropdown-selector {
  border-radius: 0px;
  border: 1px solid #0081cb;
}
.tc-dropdown.disabled:hover .dropdown-selector {
  border: 0px;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-footer .tc-footer-main {
  border-top: 1px solid #dedede;
  background: #f8f8f8;
  padding: 15px 30px;
}
.tc-footer .tc-footer-main .tc-footer-left-panel {
  margin-left: 64px;
}
.tc-footer .tc-footer-main ul.tc-footer-right-panel {
  margin-right: 64px;
}
.tc-footer .tc-footer-main ul.tc-footer-right-panel li a {
  color: #0081cb;
}
.tc-footer .tc-footer-main ul.tc-footer-right-panel li a:hover,
.tc-footer .tc-footer-main ul.tc-footer-right-panel li a:link,
.tc-footer .tc-footer-main ul.tc-footer-right-panel li a:visited {
  color: #0081cb;
  text-decoration: none;
}
.tc-footer .tc-footer-main ul.tc-footer-right-panel li:not(:last-child):after {
  pointer-events: none;
  content: "|";
  margin-left: 5px;
  text-decoration: none;
  cursor: none;
}
.tc-footer .tc-footer-main .tc-footer-logo {
  background: url('../img/tibco-logo.png') no-repeat;
  width: 107px;
  height: 29px;
  display: block;
  background-size: 107px;
}
.tc-footer .tc-footer-main ul {
  margin-bottom: 0px;
}
.tc-footer .tc-footer-main ul li {
  height: 29px;
  line-height: 29px;
  vertical-align: top;
  color: #0081cb;
}
input.tc-form {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid grey !important;
  width: 264px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
}
input.tc-form:hover::before {
  content: "test";
  display: block;
}
input.tc-form:focus::-webkit-input-placeholder {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
  color: #0081cb;
  font-size: .80em;
  transition: 0.15s ease-out all;
  outline: none;
}
input.tc-form:focus::-moz-placeholder {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
  color: #0081cb;
  font-size: .80em;
  transition: 0.15s ease-out all;
  outline: none;
}
input.tc-form:focus:-ms-input-placeholder {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
  color: #0081cb;
  font-size: .80em;
  transition: 0.15s ease-out all;
  outline: none;
}
input.tc-form:focus::placeholder {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
  color: #0081cb;
  font-size: .80em;
  transition: 0.15s ease-out all;
  outline: none;
}
input.tc-form:focus {
  outline: none !important;
  border-bottom: 1px solid #0081cb !important;
}
label.tc-label {
  visibility: visible;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 13px;
  text-align: left;
  color: #0086ff;
  width: 264px;
  margin-bottom: 0px;
  font-weight: normal;
}
.tc-suggest {
  font-size: 12px;
  color: #a7a7a7;
  width: 264px;
}
.tc-forms {
  text-align: left;
  display: table-caption;
}
.tc-forms #comment {
  height: 161px;
  resize: none;
  overflow: hidden;
}
label.tc-label.disabled,
.tc-form.disabled,
.tc-forms.disabled {
  color: #a7a7a7;
  cursor: not-allowed;
}
.tc-form.tc-error {
  border-bottom: solid 1px #f3313c !important;
}
.tc-suggest.tc-error {
  color: #f3313c;
}
.tc-global-header {
  width: 100%;
  height: 40px;
  background-color: #F5F7FF;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.10);
}
.tc-global-header .header-logo {
  padding-left: 24px;
  padding-top: 7px;
  float: left;
}
.tc-global-header .header-icon {
  padding-left: 24px;
  float: right;
  padding-top: 8px;
}
.tc-global-header .profile-name {
  width: 92px;
  height: 14px;
  opacity: 0.75;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3px;
  text-align: center;
  color: #ffffff;
  float: right;
  margin-right: 14px;
  margin-left: 14px;
  padding-top: 12px;
}
.tc-container-background {
  display: none;
  height: 100%;
  width: 80%;
  left: 0;
  position: fixed;
  z-index: 9998;
  background-color: #F5F7FF;
  top: 0;
  cursor: pointer;
}
.tc-panel-background {
  display: none;
  margin-top: 40px;
  height: 100%;
  right: 0;
  top: 0;
  min-width: 20%;
  width: 20%;
  position: fixed;
  z-index: 9999;
  background-color: rgba(112, 112, 112, 0.75);
}
.tc-panel-container {
  margin-top: 40px;
  height: 100%;
  right: 0;
  top: 0;
  min-width: 0;
  width: 0;
  position: fixed;
  z-index: 9999;
  background-color: #fff;
}
.tc-panel-container.slide-in {
  min-width: 20%;
  width: 394px;
  transition: all .5s ease;
}
.tc-panel-container .tc-panel-content {
  display: none;
}
.tc-panel-container .tc-panel-content.active {
  display: block;
}
.tc-icon-tray {
  right: 0;
  width: 394px;
  min-width: 20%;
  height: 40px;
  top: 0;
  position: fixed;
  z-index: 9999;
  background-color: #062e79;
}
.tc-icon-tray.active {
  background-color: #fff;
  border-bottom: #052662 1px solid;
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item {
  position: relative;
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.active:before {
  content: "";
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #062e78;
  position: absolute;
  bottom: -22%;
  left: 9%;
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.profile {
  background-image: url('../img/ic-profile-inactive.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.profile:hover {
  background-image: url('../img/ic-profile-hover.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.profile:hover .tc-profile-name {
  color: #0081cb;
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.profile .tc-profile-name {
  color: #8197c0;
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.profile.active {
  background-image: url('../img/ic-profile-active.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.profile.active .tc-profile-name {
  color: #062e79;
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.notifications {
  background-image: url('../img/ic-notifications-inactive.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.notifications:hover {
  background-image: url('../img/ic-notifications-hover.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.notifications.active {
  background-image: url('../img/ic-notifications-active.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.picker {
  background-image: url('../img/ic-product-picker-inactive.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.picker:hover {
  background-image: url('../img/ic-product-picker-hover.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.picker.active {
  background-image: url('../img/ic-product-picker-active.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.help {
  background-image: url('../img/ic-help-inactive.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.help:hover {
  background-image: url('../img/ic-help-hover.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.help.active {
  background-image: url('../img/ic-help-active.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.search {
  background-image: url('../img/ic-search-inactive.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.search:hover {
  background-image: url('../img/ic-search-hover.svg');
}
.tc-icon-tray.active .tc-global-header-nav .tc-header-nav-item.search.active {
  background-image: url('../img/ic-search-active.svg');
}
.tc-icon-tray .tc-global-header-nav {
  margin: 0 3em 0 1.5em;
  list-style-type: none !important;
  cursor: pointer;
  display: table-row;
  position: relative;
  float: right;
  width: 97%;
}
.tc-icon-tray .tc-global-header-nav .tc-header-nav-item {
  display: table-cell;
  background-repeat: no-repeat;
  height: 2em;
  width: 2em;
  padding: 0.8em 3.2em 0 0;
  background-position: left 0.5em;
  opacity: 0.75;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.3px;
  color: #fff;
  white-space: nowrap;
  position: relative;
  float: right;
}
.tc-icon-tray .tc-global-header-nav .tc-header-nav-item.profile {
  margin-right: 4em;
  background-image: url('../img/ic-profile.svg');
}
.tc-icon-tray .tc-global-header-nav .tc-header-nav-item.notifications {
  background-image: url('../img/ic-notifications.svg');
}
.tc-icon-tray .tc-global-header-nav .tc-header-nav-item.picker {
  background-image: url('../img/ic-product-picker.svg');
}
.tc-icon-tray .tc-global-header-nav .tc-header-nav-item.help {
  background-image: url('../img/ic-help.svg');
}
.tc-icon-tray .tc-global-header-nav .tc-header-nav-item.search {
  background-image: url('../img/ic-search.svg');
}
.tc-icon-tray .tc-global-header-nav .tc-header-nav-item .tc-profile-name {
  padding-left: 2em;
}
.tc-navigation-primary {
  width: 700px;
  height: 40px;
  background-color: #ffffff;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.tc-navigation-primary .tab {
  padding: 12px 0px;
  display: inline-block;
  width: 54px;
  height: 40px;
  /*font-family: SourceSansPro;*/
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.3px;
  text-align: center;
  color: #00a2ff;
  margin: 0 12px;
  cursor: pointer;
}
.tc-navigation-primary .active {
  /*width: 54px;
    height: 4px;
    background-color: #062e79;*/
  color: #062e79;
  border-bottom: 4px solid #062e79;
}
.tc-header {
  z-index: 1051;
  margin: 0;
  border: 0;
  font-weight: 600;
}
.tc-header .tc-header-logo {
  background: url('../img/tibco-header-logo.svg') no-repeat;
  width: 268px;
  height: 23px;
  display: block;
  background-size: 268px 23px;
}
.tc-header .tc-header-navbar-collapse {
  background-color: #062e79;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-nav .tc-header-navbar-main-link {
  border-left-width: 2px;
  border-color: rgba(255, 255, 255, 0.5);
  border-color: #8296bc;
  border-right-width: 2px;
  border-left-style: solid;
  border-right-style: solid;
  background-clip: padding-box;
  margin-left: 20px;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-nav li {
  line-height: 55px;
  height: 55px;
  padding-top: 0;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-nav li a {
  line-height: 55px;
  height: 55px;
  padding-top: 0;
  color: #fff;
  text-shadow: none;
  box-shadow: inset 0 0 0 0 #0081cb;
  transition: all ease 1s;
  outline: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-nav li:hover {
  border-bottom-color: #0081cb;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-nav li:hover:before {
  position: absolute;
  z-index: 1;
  content: '';
  left: calc(50% - 10px);
  top: 45px;
  border-style: solid;
  border-width: 0px 10px 10px 10px;
  border-color: rgba(14, 14, 14, 0) rgba(216, 19, 19, 0) #0081cb transparent;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: transform;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-nav .active > a {
  color: #fff;
  text-shadow: none;
  background-color: #0081cb;
  background-image: none;
  outline: none;
  box-shadow: inset 0 -100px 0 0 #0081cb;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-right-noborder {
  border-left-width: 0px;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-right-noborder:hover {
  border-bottom-color: #0081cb;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-right-noborder:hover:before {
  position: absolute;
  z-index: 1;
  content: '';
  left: calc(50% - 10px);
  top: 45px;
  border-style: solid;
  border-width: 0px 10px 10px 10px;
  border-color: rgba(14, 14, 14, 0) rgba(216, 19, 19, 0) #0081cb transparent;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: transform;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right li {
  border-left-width: 2px;
  border-color: rgba(255, 255, 255, 0.5);
  border-color: #8296bc;
  border-left-style: solid;
  background-clip: padding-box;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right li:hover {
  border-bottom: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right li:hover:before {
  border: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-inline-block {
  float: right;
  vertical-align: middle;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-search-image {
  position: relative;
  width: 55px;
  height: 55px;
  background-image: url('../img/header-search-icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-question-image {
  position: pointer;
  width: 55px;
  height: 55px;
  background-image: url('../img/header-question-icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown {
  min-width: 100px;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown a {
  transition: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown .caret {
  border: none;
  background-image: url('../img/header-dropdown-icon.png');
  background-repeat: no-repeat;
  width: 13px;
  height: 8px;
  margin-left: 10px;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown.open a {
  color: #fff;
  text-shadow: none;
  background-color: #062e79;
  background-image: none;
  transition: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown.open ul {
  background-color: #0081cb;
  text-decoration: none;
  padding: 0px;
  color: #fff;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 2px solid #8296bc;
  left: -89px;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown.open ul li {
  border-left-width: 0px;
  border-color: none;
  border-left-style: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown.open ul li > a {
  color: #fff;
  text-shadow: none;
  background-color: #102e79;
  background-image: none;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown.open ul li > a:hover {
  background-image: none;
  background-color: #0081cb;
}
.tc-header .tc-header-navbar-collapse .tc-header-navbar-right .tc-header-user-dropdown.open ul .divider {
  height: 1px;
  line-height: 1px;
  margin: 0px;
  background-color: rgba(255, 255, 255, 0.5);
  background-color: #666666;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-indicators {
  /*
	 * status: init, allrun, somerun, zerorun
	 */
}
.tc-indicators .tc-indicators-card {
  position: relative;
  height: 124px;
  width: 94px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.tc-indicators .tc-indicators-card:hover {
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #dedede;
  border-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-running:not(.selected-running):hover .display-hover-running {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-running:not(.selected-running):hover .display-hover-empty {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-running:not(.selected-running):hover .lbl-status-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-running:not(.selected-running):hover .lbl-status-empty {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-stopped:not(.selected-stopped):hover .display-hover-stopped {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-stopped:not(.selected-stopped):hover .display-hover-empty {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-stopped:not(.selected-stopped):hover .lbl-status-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-stopped:not(.selected-stopped):hover .lbl-status-empty {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-error:not(.selected-error):hover .display-hover-error {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-error:not(.selected-error):hover .display-hover-empty {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-error:not(.selected-error):hover .lbl-status-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-error:not(.selected-error):hover .lbl-status-empty {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-empty:not(.selected-empty):hover .display-hover-empty {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-empty:not(.selected-empty):hover .display-hover-empty {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-empty:not(.selected-empty):hover .lbl-status-empty {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-border-status-empty:not(.selected-empty):hover .lbl-status-empty {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-running {
  background: transparent;
  border: none;
  position: absolute;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-running:not(.selected-running):hover .lbl-status-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-running:not(.selected-running):hover .display-hover-running {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-running.top {
  top: 0px;
  width: 94px;
  height: 31px;
  right: 0;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-running.bottom {
  top: 59px;
  width: 94px;
  height: 22px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-running.left {
  top: 45px;
  width: 6px;
  height: 18px;
  right: 69px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-running.right {
  top: 45px;
  width: 6px;
  height: 18px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-stopped {
  background: transparent;
  border: none;
  position: absolute;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-stopped:not(.selected-stopped):hover .lbl-status-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-stopped:not(.selected-stopped):hover .display-hover-stopped {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-stopped.top {
  top: 0px;
  width: 94px;
  height: 31px;
  right: 0;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-stopped.bottom {
  top: 59px;
  width: 94px;
  height: 22px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-stopped.left {
  top: 45px;
  width: 6px;
  height: 18px;
  right: 69px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-stopped.right {
  top: 45px;
  width: 6px;
  height: 18px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-error {
  background: transparent;
  border: none;
  position: absolute;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-error:not(.selected-error):hover .lbl-status-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-error:not(.selected-error):hover .display-hover-error {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-error.top {
  top: 0px;
  width: 94px;
  height: 31px;
  right: 0;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-error.bottom {
  top: 59px;
  width: 94px;
  height: 22px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-error.left {
  top: 45px;
  width: 6px;
  height: 18px;
  right: 69px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-error.right {
  top: 45px;
  width: 6px;
  height: 18px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-empty {
  background: transparent;
  border: none;
  position: absolute;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-empty:not(.selected-empty):hover .lbl-status-empty {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-empty:not(.selected-empty):hover .display-hover-empty {
  display: block;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-empty.top {
  top: 0px;
  width: 94px;
  height: 31px;
  right: 0;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-empty.bottom {
  top: 59px;
  width: 94px;
  height: 22px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-empty.left {
  top: 45px;
  width: 6px;
  height: 18px;
  right: 69px;
}
.tc-indicators .tc-indicators-card .tc-card-blank-space-status-empty.right {
  top: 45px;
  width: 6px;
  height: 18px;
  right: -17px;
}
.tc-indicators .tc-indicators-card .selected-stopped {
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  height: 124px;
  width: 94px;
  right: -18px;
  border-color: #0081cb;
}
.tc-indicators .tc-indicators-card .selected-running {
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  height: 124px;
  width: 94px;
  right: -18px;
  border-color: #58a400;
}
.tc-indicators .tc-indicators-card .selected-error {
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  height: 124px;
  width: 94px;
  right: -18px;
  border-color: #cb4f10;
}
.tc-indicators .tc-indicators-card .selected-empty {
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  height: 124px;
  width: 94px;
  right: -18px;
  border-color: #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border-width: 2px;
  background-color: transparent;
  border-color: #727272;
  border-style: dotted;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty:hover {
  cursor: pointer;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #727272;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #727272;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #727272;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #727272;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #727272;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #727272;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #727272;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #727272;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty:hover {
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-empty .info-quantity-instances:after {
  content: '--';
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border-width: 2px;
  background-color: transparent;
  border-color: #b5b5b5;
  border-style: solid;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped:hover {
  cursor: pointer;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #b5b5b5;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #b5b5b5;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #b5b5b5;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #b5b5b5;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #b5b5b5;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #b5b5b5;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #b5b5b5;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #b5b5b5;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start {
  background-color: transparent;
  border-color: #0081cb;
  border-style: solid;
  background-color: blue;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: white;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #0081cb;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #0081cb;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-start .info-quantity-instances {
  font-size: 22px;
  top: 12px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale {
  border-color: #0081cb;
  border-style: solid;
  background-color: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #0081cb;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #0081cb;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #0081cb;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #0081cb;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.status-stopped-scale .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-stopped.tc-circle-no-border {
  border-color: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border-width: 2px;
  background-color: transparent;
  border-color: #58a400;
  border-style: solid;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running:hover {
  cursor: pointer;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #58a400;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #58a400;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #58a400;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale {
  background-color: transparent;
  border-color: #58a400;
  border-style: solid;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #58a400;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #58a400;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #58a400;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #58a400;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.status-running-scale .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-running.tc-circle-no-border {
  border-color: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border-width: 2px;
  background-color: transparent;
  border-color: #cf4c00;
  border-style: solid;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error:hover {
  cursor: pointer;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #cf4c00;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #cf4c00;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #cf4c00;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale {
  background-color: transparent;
  border-color: #cf4c00;
  border-style: solid;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-empty {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-empty .display-hover-empty {
  display: none;
  cursor: auto;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-running {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-running .display-hover-running {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-error {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-error .display-hover-error {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-stopped {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-status-stopped .display-hover-stopped {
  display: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-quantity-instances {
  position: absolute;
  right: -18px;
  top: 12px;
  width: 94px;
  height: 31px;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #cf4c00;
  background: transparent;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext {
  background-color: transparent;
  position: absolute;
  color: #cf4c00;
  top: 71px;
  right: -19px;
  font-size: 14px;
  white-space: normal;
  cursor: pointer;
  height: 35px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.8px;
  text-align: center;
  width: 94px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext.disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
  border-color: #cf4c00;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: none;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext.to-running-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #58a400;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext.to-stopped-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #0081cb;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext.to-error-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #cb4f10;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext.to-empty-scale {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 7px;
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext.scaling {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
  background-color: transparent;
  color: #cf4c00;
  padding-top: 0;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.status-error-scale .info-lbl-instances-ext .to-scale-position {
  position: absolute;
  height: 28px;
  top: 79px;
}
.tc-indicators .tc-indicators-card .tc-indicators-circle-status-error.tc-circle-no-border {
  border-color: transparent;
}
.tc-indicators .tc-indicators-card .tc-running-spinner {
  width: 64px;
  height: 64px;
}
.tc-indicators .tc-indicators-card .tc-running-spinner:after {
  position: absolute;
  content: '';
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  top: 15px;
  right: 15px;
  width: 76px;
  height: 76px;
  display: inline-block;
  vertical-align: top;
  background-image: url('../img/ic-scaling-spinner.svg');
  background-size: 76px 76px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: auto;
  top: -10px;
  right: -10px;
}
.tc-indicators .tc-indicators-card .tc-stopped-spinner {
  width: 64px;
  height: 64px;
}
.tc-indicators .tc-indicators-card .tc-stopped-spinner:after {
  position: absolute;
  content: '';
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  top: 15px;
  right: 15px;
  width: 76px;
  height: 76px;
  display: inline-block;
  vertical-align: top;
  background-image: url('../img/ic-scaling-spinner-blue.svg');
  background-size: 76px 76px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: auto;
  top: -10px;
  right: -10px;
}
.tc-indicators .tc-indicators-card .tc-error-spinner {
  width: 64px;
  height: 64px;
}
.tc-indicators .tc-indicators-card .tc-error-spinner:after {
  position: absolute;
  content: '';
  -webkit-animation: rotation 1s infinite linear;
          animation: rotation 1s infinite linear;
  top: 15px;
  right: 15px;
  width: 76px;
  height: 76px;
  display: inline-block;
  vertical-align: top;
  background-image: url('../img/ic-scaling-spinner-red.svg');
  background-size: 76px 76px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: auto;
  top: -10px;
  right: -10px;
}
.tc-indicators .tc-indicators-card .tc-indicator-stopped-caret-up {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: -7px;
  background-image: url('../img/arrow-blue.svg');
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.tc-indicators .tc-indicators-card .tc-indicator-stopped-caret-up:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicator-stopped-caret-down {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: 44px;
  background-image: url('../img/arrow-blue.svg');
}
.tc-indicators .tc-indicators-card .tc-indicator-stopped-caret-down:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicator-running-caret-up {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: -7px;
  background-image: url('../img/arrow-green.svg');
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.tc-indicators .tc-indicators-card .tc-indicator-running-caret-up:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicator-running-caret-down {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: 44px;
  background-image: url('../img/arrow-green.svg');
}
.tc-indicators .tc-indicators-card .tc-indicator-running-caret-down:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicator-error-caret-up {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: -7px;
  background-image: url('../img/arrow-red.svg');
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.tc-indicators .tc-indicators-card .tc-indicator-error-caret-up:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicator-error-caret-down {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: 44px;
  background-image: url('../img/arrow-red.svg');
}
.tc-indicators .tc-indicators-card .tc-indicator-error-caret-down:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicator-disabled-caret-up {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: -7px;
  background-image: url('../img/arrow-gray.svg');
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.tc-indicators .tc-indicators-card .tc-indicator-disabled-caret-up:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .tc-indicator-disabled-caret-down {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  top: 44px;
  background-image: url('../img/arrow-gray.svg');
}
.tc-indicators .tc-indicators-card .tc-indicator-disabled-caret-down:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-indicators-card .inline-block-left {
  float: left;
  vertical-align: middle;
}
.tc-indicators .tc-indicators-card .disabled {
  cursor: auto;
  pointer-events: none;
}
.tc-indicators .tc-indicators-info-lbl-instances {
  color: #484848;
}
.tc-indicators .info-lbl-instances-disabled {
  pointer-events: none;
  cursor: auto;
  color: gray;
  background-color: #F0F0F0;
}
.tc-indicators .tc-indicators-circle-base {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border-width: 2px;
}
.tc-indicators .tc-indicators-circle-base:hover {
  cursor: pointer;
}
.tc-indicators .tc-indicator-caret {
  position: absolute;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 82px;
  right: -12px;
  background-size: 13px 8px;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
}
.tc-indicators .tc-indicator-caret:hover {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #dedede;
}
.tc-indicators .tc-card-shape-selected {
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 4px;
  height: 124px;
  width: 94px;
  right: -18px;
}
.tc-indicators .tc-card-border-bottom-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  webkit-bottom-left-radius: 4px;
  webkit-bottom-right-radius: 4px;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
/**
 * TIBCO Cloud UI Pattern - 'Links' category
 */
.tc-links {
  white-space: nowrap;
}
.tc-text-link {
  /*color: @text-link-color;*/
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #00a2ff;
  text-decoration: none;
}
.tc-text-link-active {
  /*color: @text-link-active-color*/
  font-size: 14px;
  color: #0075ff;
  text-decoration: underline;
}
.tc-text-link-hover {
  text-decoration: underline;
  font-size: 14px;
  color: #0075ff;
}
.tc-list {
  width: 100%;
  float: left;
  margin-top: 0;
  padding: 0;
  list-style: none;
}
.tc-list > li > a {
  padding: 4px 32px;
  font-size: 16px;
  white-space: nowrap;
  color: #0081cb;
  display: block;
  font-weight: normal;
  line-height: 1.42857143;
  border-bottom: 1px solid #0081cb;
  text-decoration: none;
}
.tc-list > li > a:hover,
.tc-list > li > a:focus,
.tc-list > li > a:active {
  text-decoration: none;
  background-color: #c4c9e8;
  background-image: none;
  border-bottom: 1px solid transparent;
  margin-top: -1px;
  padding-top: 5px;
}
.tc-list > li:last-child > a {
  border-bottom: 1px solid transparent;
}
.tc-left-menu-collapsible .tc-left-menu-options {
  height: 100%;
  background-color: transparent;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: 0.5s;
  float: left;
}
.tc-left-menu-collapsible .tc-left-menu-options a.tc-left-menu-option {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  transition: 0.3s;
}
.tc-left-menu-collapsible .tc-left-menu-toggle-icon-container {
  height: 100%;
  float: right;
  background-color: transparent;
}
.tc-left-menu-collapsible .tc-left-menu-toggle-icon-container .tc-left-menu-toggle-icon {
  background-image: url('../img/tc-carousel-arrow-active-icon-left.png');
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 14px;
  height: 24px;
  transition: 0.3s;
  cursor: pointer;
}
.tc-left-menu-main-detail {
  transition: margin-left 0.5s;
  padding: 16px;
  float: right;
}
.tc-left-menu-options-opacity-on {
  filter: alpha(opacity=50);
  opacity: 0.2;
  transition: opacity 0.2s ease-in-out;
}
.tc-left-menu-options-opacity-off {
  filter: alpha(opacity=50);
  opacity: 1;
  transition: opacity 1.5s ease-in-out;
}
.tc-modals .modal-content {
  border-radius: 4px;
}
.tc-modals .modal-header {
  color: #b5b5b5;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin-left: 25px;
  margin-right: 2px;
  white-space: nowrap;
  border-bottom: none;
  margin-top: 0;
}
.tc-modals .modal-header > .modal-title {
  margin: 0;
  margin-top: 19px;
}
.tc-modals .modal-body {
  margin-left: 25px;
  margin-right: 22px;
}
.tc-modals .modal-body.tc-modal-body-text,
.tc-modals .modal-body .tc-modal-body-text {
  color: #202020;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 14px;
  border-bottom: none;
}
.tc-modals .modal-footer {
  border-top: none;
  margin-bottom: 0;
  padding-bottom: 40px;
  margin-left: 25px;
  margin-right: 22px;
}
.tc-modals .modal-footer .tc-modal-content-right-margin {
  margin-left: 8px;
}
.tc-modals button.close > span {
  color: #b5b5b5;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 34px;
}
.tc-modals .tc-inputs.input-narrow {
  font-size: 85%;
  height: 30px;
}
.tc-modals .modal-content {
  height: 276px;
  width: 512px;
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.33);
  border: solid 1px #d8d8d8;
  border-radius: 3px;
  background-color: #ffffff;
  margin: 24px;
  padding: 0px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}
.tc-modals .modal-header .tc-caret {
  width: 20px;
  height: 20px;
  margin-top: 24px;
  margin-right: 24px;
  right: 0px;
}
.tc-modals .modal-body {
  margin-top: 44px;
  padding: 0px;
  text-align: left;
}
.tc-modals .modal-body.tc-modal-body-text {
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #212121;
  font-size: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 16px;
  margin-bottom: 16px;
  font-weight: 600;
  border-bottom: none;
}
.tc-modals .modal-body .tc-modal-sub-text {
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #212121;
  font-size: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 16px;
}
.tc-modals .modal-footer {
  padding: 0px;
  margin-top: 44px;
}
.tc-modals .modal-footer .modal-confirm {
  margin-left: 26px;
}
.tc-modal-large {
  /* Modal Content */
  /* Add Animation */
  /* The Close Button */
  /*
  .close:hover,
  .close:focus {
    //color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  */
}
.tc-modal-large .modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 50px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  border-radius: 3px;
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.33);
  border: solid 1px #d8d8d8;
  text-align: left;
}
.tc-modal-large .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 720px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.tc-modal-large .close-new {
  float: right;
  width: 20px;
  height: 20px;
  object-fit: contain;
  background-image: url('../img/ic-close.svg');
  color: #221122;
}
.tc-modal-large .modal-header {
  /*padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
    */
  height: 68px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 24px;
}
.tc-modal-large .modal-header .modal-heading {
  width: 464px;
  height: 27px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #262626;
  display: inline-block;
}
.tc-modal-large .modal-large-body {
  padding: 24px 2px 2px 24px;
  max-height: 360px;
}
.tc-modal-large .modal-large-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  height: 175px !important;
}
.tc-modal-large .modal-footer {
  line-height: 2.33;
  /*padding: 2px 16px;
    background-color: #5cb85c;
    color: white;*/
  height: 68px;
  border-radius: 3px;
  background-color: #ffffff;
  background-color: var(--white-four);
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
}
.tc-modal-large .tc-modal-icon {
  float: left;
  background-image: url('../img/ic-error-red.svg');
  width: 30px;
  height: 30px;
  object-fit: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 16px;
}
.tc-modal-large #alert-message {
  display: block;
  float: left;
  width: 270px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  text-align: left;
  color: #d0021b;
}
.tc-modal-large #action-buttons > button {
  margin: 0px 13px;
  display: inline-block;
}
.tc-modal-large p {
  margin-top: 0px !important;
}
.tc-modal-small {
  /* Modal Content */
  /* Add Animation */
  /* The Close Button */
  /*
  .close:hover,
  .close:focus {
    //color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  */
}
.tc-modal-small .modal-small {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 50px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  border-radius: 3px;
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.33);
  border: solid 1px #d8d8d8;
  text-align: left;
}
.tc-modal-small .modal-content-small {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 512px;
  height: 276px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.tc-modal-small .close-new1 {
  float: right;
  width: 20px;
  height: 20px;
  object-fit: contain;
  background-image: url('../img/ic-close.svg');
  color: #221122;
}
.tc-modal-small .modal-header-small {
  /*padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
    */
  height: 68px;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 20px 24px;
}
.tc-modal-small .modal-header-small .modal-heading {
  width: 464px;
  height: 27px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #262626;
  display: inline-block;
}
.tc-modal-small .modal-small-body {
  padding: 2px 2px 2px 24px;
  max-height: 360px;
  /*& .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      width: 2px;
      //border: 1px solid red;
      height: 175px !important;
    }*/
}
.tc-modal-small .modal-footer {
  line-height: 2.33;
  /*padding: 2px 16px;
    background-color: #5cb85c;
    color: white;*/
  height: 68px;
  border-radius: 3px;
  background-color: #ffffff;
  background-color: var(--white-four);
  border-top: 0px;
}
.tc-modal-small .tc-modal-icon {
  float: left;
  background-image: url('../img/ic-error-red.svg');
  width: 30px;
  height: 30px;
  object-fit: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 16px;
}
.tc-modal-small .headerSmall {
  width: 464px;
  height: 48px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #212121;
}
.tc-modal-small .contentSmall {
  width: 464px;
  height: 48px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #212121;
}
.tc-modal-small #action-buttons1 > button {
  margin: 0px 13px;
  display: inline-block;
}
.tc-modal-small p.headerSmall {
  margin-top: 0px !important;
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #212121;
  font-size: 16px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
}
.tc-modal-small p.contentSmall {
  margin-top: 0px !important;
  line-height: 1.5;
  letter-spacing: 0.3px;
  text-align: left;
  color: #212121;
  font-size: 16px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-notifications-error {
  background-color: #fee6e8;
  border: solid 1px #f3313c !important;
  color: #d0021b !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
.tc-notifications-error .tc-notifications-close {
  color: #d0021b;
}
.tc-notifications-error:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/ic-error-red.svg');
}
.tc-notifications-error .tc-error-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 12px 16px;
  background-image: url('../img/7-error.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-notifications-info {
  background-color: #e1e6ef;
  border: solid 1px #2b4d8d !important;
  color: #2b4d8d !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
.tc-notifications-info .tc-notifications-close {
  color: #2b4d8d;
}
.tc-notifications-info:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/ic-info.svg');
}
.tc-notifications-info .tc-info-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 16px 16px;
  background-image: url('../img/ic-close-blue-small.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
/**
 * TIBCO Cloud UI Pattern - 'Buttons' category
 */
.tc-notifications {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  height: 40px;
  top: 0px;
  padding: 8px 18px 8px 18px !important;
  opacity: 1 !important;
  min-width: 530px;
  border-radius: 4px !important;
  margin-top: 1px !important;
  overflow: auto !important;
  width: 536px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  overflow: hidden !important;
}
.tc-notifications .tc-notifications-message {
  font-size: 16px;
  font-weight: 600;
  margin-left: 15px !important;
  position: relative;
  display: inline-block;
  max-width: 418px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding: 0px 0px 0px 20px;
}
.tc-notifications:before {
  font-size: 23px;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 7px;
}
.tc-notifications .tc-details {
  /* font-size: 14px ;*/
}
.tc-notifications .tc-notifications-close {
  /* right: @notification-close-right;
      top: @notification-close-top;
      font-size: @notification-close-font-size;
      padding: @notification-close-padding;
      cursor: @notification-close-cursor;
      background: @notification-close-background;
      border: @notification-close-border;
      -webkit-appearance: @notification-close-webkit-appearance;
      position: @notification-close-position;
      font-weight: @notification-close-font-weight;
      opacity: @notification-close-opacity;
      float: @notification-close-float;*/
  display: inline-block;
  width: 18px;
  height: 28px;
  background-size: 18px 18px;
  background-image: url('../img/ic-close-green.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
.tc-notifications .tc-notifications-close.toast-close-button {
  text-shadow: 0 0 0 transparent;
}
#tc-notifications-container {
  position: fixed;
  z-index: 999999;
  top: 55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 530px;
}
#tc-notifications-container div[class*="error"] {
  background-color: #fee6e8;
  border: solid 1px #f3313c !important;
  color: #d0021b !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
#tc-notifications-container div[class*="error"] .tc-notifications-close {
  color: #d0021b;
}
#tc-notifications-container div[class*="error"]:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/ic-error-red.svg');
}
#tc-notifications-container div[class*="error"] .tc-error-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 12px 16px;
  background-image: url('../img/7-error.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
#tc-notifications-container div[class*="info"] {
  background-color: #e1e6ef;
  border: solid 1px #2b4d8d !important;
  color: #2b4d8d !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
#tc-notifications-container div[class*="info"] .tc-notifications-close {
  color: #2b4d8d;
}
#tc-notifications-container div[class*="info"]:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/ic-info.svg');
}
#tc-notifications-container div[class*="info"] .tc-info-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 16px 16px;
  background-image: url('../img/ic-close-blue-small.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
#tc-notifications-container div[class*="success"] {
  background-color: #e1f7eb;
  border: solid 1px #04be5b !important;
  color: #04be5b !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
#tc-notifications-container div[class*="success"] .tc-notifications-close {
  color: #04be5b;
}
#tc-notifications-container div[class*="success"]:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/tc-notification-checked-circle-icon.svg');
}
#tc-notifications-container div[class*="success"] .tc-success-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 12px 16px;
  background-image: url('../img/ic-close-green.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
#tc-notifications-container div[class*="warning"] {
  background-color: #fee6e8;
  border: solid 1px #f3313c !important;
  color: #d0021b !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
#tc-notifications-container div[class*="warning"] .tc-notifications-close {
  color: #d0021b;
}
#tc-notifications-container div[class*="warning"]:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/ic-error-red.svg');
}
#tc-notifications-container div[class*="warning"] .tc-error-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 12px 16px;
  background-image: url('../img/7-error.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
.tc-details-container {
  margin-top: 4px;
  border-radius: 4px;
  height: 376px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 20px;
}
.tc-details-container .tc-details-list {
  list-style-type: none;
  padding: 0;
}
.tc-details-container .tc-details-list.active {
  color: #f3313c;
}
.tc-details-container .tc-details-sent {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-right: 2px solid #e5e5e5;
  text-align: left;
  padding-left: 28px;
  height: 265px;
}
.tc-details-container .tc-details-sent h3 {
  font-size: 18px;
  font-weight: 600;
  color: #3bc03a;
}
.tc-details-container .tc-details-notSent {
  text-align: left;
  padding-left: 28px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tc-details-container .tc-details-notSent h3 {
  font-size: 18px;
  font-weight: 600;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -10px !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.1) !important;
  /* background-color:  red !important;*/
  width: 8px !important;
  height: 232px !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px !important;
  background-color: white !important;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-notifications-success {
  background-color: #e1f7eb;
  border: solid 1px #04be5b !important;
  color: #04be5b !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
.tc-notifications-success .tc-notifications-close {
  color: #04be5b;
}
.tc-notifications-success:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/tc-notification-checked-circle-icon.svg');
}
.tc-notifications-success .tc-success-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 12px 16px;
  background-image: url('../img/ic-close-green.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
/**
 * @license
 * Copyright 2015 TIBCO Inc. All Rights Reserved.
 */
.tc-notifications-warning {
  background-color: #ffe9ba;
  border: solid 1px #fd8e08 !important;
  color: #fd8e08 !important;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35) !important;
}
.tc-notifications-warning .tc-notifications-close {
  color: #fd8e08;
}
.tc-notifications-warning:before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-image: url('../img/ic-warning.svg');
}
.tc-notifications-warning .tc-warn-close {
  display: inline-block;
  width: 12px;
  height: 18px;
  background-size: 16px 16px;
  background-image: url('../img/ic-close-orange-small.svg');
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-radio-button label {
  background: #eceff4;
  border-color: #a7a7a7;
  border-radius: 16px;
}
.tc-radio-button label:after {
  width: 9px;
  height: 9px;
  top: 7px;
  left: 7px;
  border-radius: 9px;
  background: #0081cb;
  opacity: 0;
}
.tc-radio-button label:hover::after {
  opacity: 0.5;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-radio-buttons {
  position: relative;
  width: 304px;
  height: 304px;
}
.tc-radio-buttons label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 1px;
}
.tc-radio-buttons label:after {
  content: '';
  position: absolute;
  border-color: #0081cb;
  border-width: 1px;
  border-style: solid;
}
.tc-radio-buttons label span {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 16px;
}
.tc-radio-buttons input[type=radio] {
  visibility: hidden;
}
.tc-radio-buttons input[type=radio]:checked + label:after {
  opacity: 1;
}
.tc-search {
  text-align: left;
}
.tc-search .tc-search-container {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #0086ff !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 265px;
  min-width: 265px;
  width: 100%;
  /*
    margin-top: @search-container-margin-top;
    */
  margin-top: 2px;
}
.tc-search .tc-search-container .tc-caret {
  background-image: url('../img/ic-search-arrow.svg');
  display: inline-block;
  width: 10%;
  background-position: center right;
  background-repeat: no-repeat;
}
.tc-search .tc-search-container .tc-caret:hover,
.tc-search .tc-search-container .tc-caret:focus {
  /* background-color: red;*/
}
.tc-search .tc-search-container .tc-search-icon {
  background-image: url('../img/ic-search.svg');
  display: inline-block;
  width: 10%;
  margin-right: 5px;
  background-position: center left;
  background-repeat: no-repeat;
  border: 0px;
}
.tc-search .tc-search-container .tc-search {
  padding-left: 40px;
}
.tc-search .tc-search-container input.tc-search {
  border: 0 !important;
  outline: 0 !important;
  /*  background: transparent !important;
        border-bottom: 1px solid grey !important;*/
  width: 80%;
  opacity: 0.9;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  color: #b6b6b6;
}
.tc-search .tc-search-container input.tc-search-autosuggest {
  border: 0 !important;
  outline: 0 !important;
  /*  background: transparent !important;
        border-bottom: 1px solid grey !important;*/
  width: 80%;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  opacity: 0.9;
  font-size: 16px;
  color: #b6b6b6;
  /*
      color: @search-input-color;
      */
}
.tc-search .tc-search-container .tc-search-container .tc-caret {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
label.tc-search-label {
  visibility: visible;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 13px;
  text-align: left;
  opacity: 0.9;
  color: #0086ff;
  width: 264px;
  margin-bottom: 0px;
  font-weight: normal;
}
/*

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.show {display:block;}*/
.autocompleter,
.autocompleter-hint {
  position: absolute;
  margin-top: 40px;
  z-index: 10;
  /* width: 264px;
   height: 304px;*/
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  height: 250px;
}
.autocompleter {
  width: 100% !important;
}
.autocompleter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin-top: 5px;
  background-color: rgba(0, 0, 0, 0.1) !important;
  /* background-color:  red !important;*/
  width: 8px !important;
  height: 60px !important;
}
.autocompleter-list li {
  /*border: 1px solid yellow;*/
  padding: 12px 16px;
  text-align: left;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}
.tc-inline {
  margin-top: -2px;
}
.inputIcon {
  margin-top: -3px;
}
.tc-loading-spinner {
  position: relative;
  width: 72px;
  height: 72px;
}
.tc-loading-spinner:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: " ";
  margin: 10%;
  border-radius: 100%;
  background: #ffffff;
}
.tc-loading-spinner-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-name: rotate-inner;
  -webkit-animation-name: rotate-inner;
}
.tc-loading-spinner-inner:before {
  position: absolute;
  top: 0;
  bottom: 0;
  content: " ";
  left: 0;
  right: 50%;
  border-radius: 72px 0 0 72px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(191, 191, 191, 0.5));
}
.tc-loading-spinner-inner:after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: " ";
  left: 50%;
  right: 0;
  border-radius: 0 72px 72px 0;
  background-image: linear-gradient(to bottom, rgba(128, 128, 128, 0.5), rgba(191, 191, 191, 0.5));
}
@keyframes rotate-inner {
  0% {
    transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
  }
  100% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate-inner {
  0% {
    -webkit-transform: rotate(720deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-webkit-keyframes tc-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes tc-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.tc-spinner-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.tc-spinner-circle .tc-spinner-circle-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.tc-spinner-circle .tc-spinner-circle-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #8493a8;
  border-radius: 100%;
  -webkit-animation: tc-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: tc-circleBounceDelay 1.2s infinite ease-in-out both;
}
.tc-spinner-circle .tc-spinner-circle2 {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.tc-spinner-circle .tc-spinner-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.tc-spinner-circle .tc-spinner-circle3 {
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg);
}
.tc-spinner-circle .tc-spinner-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.tc-spinner-circle .tc-spinner-circle4 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.tc-spinner-circle .tc-spinner-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.tc-spinner-circle .tc-spinner-circle5 {
  -webkit-transform: rotate(160deg);
  transform: rotate(160deg);
}
.tc-spinner-circle .tc-spinner-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.tc-spinner-circle .tc-spinner-circle6 {
  -webkit-transform: rotate(200deg);
  transform: rotate(200deg);
}
.tc-spinner-circle .tc-spinner-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.tc-spinner-circle .tc-spinner-circle7 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
}
.tc-spinner-circle .tc-spinner-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.tc-spinner-circle .tc-spinner-circle8 {
  -webkit-transform: rotate(280deg);
  transform: rotate(280deg);
}
.tc-spinner-circle .tc-spinner-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.tc-spinner-circle .tc-spinner-circle9 {
  -webkit-transform: rotate(320deg);
  transform: rotate(320deg);
}
.tc-spinner-circle .tc-spinner-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.tc-wizard {
  margin: 20px auto;
  background: #ffffff;
  min-width: 500px;
}
.tc-wizard .nav-tabs {
  position: relative;
  margin: 40px auto;
  margin-bottom: 0;
  border-bottom-color: #8493a8;
}
.tc-wizard .nav-tabs > li {
  width: 25%;
}
.tc-wizard .nav-tabs > li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}
.tc-wizard .nav-tabs > li a:hover {
  background: transparent;
}
.tc-wizard .nav-tabs > li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 129, 203, 0.5);
  transition: 0.1s ease-in-out;
}
.tc-wizard .nav-tabs > li.active > a {
  color: #0081cb;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}
.tc-wizard .nav-tabs > li.active > a:hover {
  color: #0081cb;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}
.tc-wizard .nav-tabs > li.active > a:focus {
  color: #0081cb;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}
.tc-wizard .nav-tabs > li.active:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: rgba(0, 129, 203, 0.5);
}
.tc-wizard .nav-tabs > li.active span.round-tab {
  background: #ffffff;
  border: 2px solid rgba(0, 129, 203, 0.5);
}
.tc-wizard .tab-pane {
  position: relative;
  padding-top: 50px;
}
.tc-wizard > div.tc-wizard-inner {
  position: relative;
}
.tc-wizard .tc-wizard-connecting-line {
  height: 2px;
  background: #cad3df;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}
.tc-wizard span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #ffffff;
  border: 2px solid #cad3df;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}
.tc-wizard span.round-tab:hover {
  color: #0081cb;
  border: 2px solid #0081cb;
}
.tc-table > thead > tr > th {
  border-bottom: 2px solid #b5b5b5;
  font-family: 'Source Sans Pro Semibold', sans-serif;
  font-size: 13.8px;
  font-weight: 600;
  color: #838383;
  line-height: 1.25;
}
.tc-table > thead > tr > th > div.tc-checkboxes {
  display: inline-block;
  top: 0px;
  width: 18px;
  height: 18px;
}
.tc-table > thead > tr > th > div.tc-checkboxes > input[type=checkbox] {
  visibility: hidden;
}
.tc-table > thead > tr > th > div.tc-checkboxes > input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.tc-table > thead > tr > th > div.tc-checkboxes.tc-checkbox {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.tc-table > thead > tr > th > div.tc-checkboxes.tc-checkbox label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #979797;
  border-radius: 4px;
}
.tc-table > thead > tr > th > div.tc-checkboxes.tc-checkbox label:after {
  content: '';
  width: 12px;
  height: 6px;
  position: absolute;
  top: 2px;
  left: 1px;
  border: 2px solid #0081cb;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tc-table > thead > tr > th > div.tc-checkboxes.tc-checkbox label:hover::after {
  opacity: 0.5;
}
.tc-table > thead > tr > th > div.tc-checkboxes.tc-checkbox label {
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-color: #979797;
  border-radius: 2px;
}
.tc-table > thead > tr > th > div.tc-checkboxes.tc-checkbox label:after {
  width: 12px;
  height: 6px;
  top: 3px;
  left: 2px;
  border-width: 2px;
  border-color: #717171;
}
.tc-table > thead > tr > th.c1 {
  width: 40px;
}
.tc-table > thead > tr > th.c3 {
  width: 60px;
}
@media (max-width: 700px) {
  .tc-table > thead > tr > th.c2 {
    width: 120px;
  }
  .tc-table > thead > tr > th.c4 {
    width: 220px;
  }
  .tc-table > thead > tr > th.c5 {
    width: 120px;
  }
}
@media (min-width: 700px) and (max-width: 1360px) {
  .tc-table > thead > tr > th.c2 {
    width: 150px;
  }
  .tc-table > thead > tr > th.c4 {
    width: 350px;
  }
  .tc-table > thead > tr > th.c5 {
    width: 150px;
  }
}
.tc-table > tbody > tr > td {
  text-align: left;
  border-top: none;
  vertical-align: middle;
  border-bottom: 1px solid #b5b5b5;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 13.8px;
  font-weight: 600;
  color: #4a4a4a;
  line-height: 1.25;
}
.tc-table > tbody > tr > td > div.tc-checkboxes {
  display: inline-block;
  top: 0px;
  width: 18px;
  height: 18px;
}
.tc-table > tbody > tr > td > div.tc-checkboxes > input[type=checkbox] {
  visibility: hidden;
}
.tc-table > tbody > tr > td > div.tc-checkboxes > input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.tc-table > tbody > tr > td > div.tc-checkboxes.tc-checkbox {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.tc-table > tbody > tr > td > div.tc-checkboxes.tc-checkbox label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #979797;
  border-radius: 4px;
}
.tc-table > tbody > tr > td > div.tc-checkboxes.tc-checkbox label:after {
  content: '';
  width: 12px;
  height: 6px;
  position: absolute;
  top: 2px;
  left: 1px;
  border: 2px solid #0081cb;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tc-table > tbody > tr > td > div.tc-checkboxes.tc-checkbox label:hover::after {
  opacity: 0.5;
}
.tc-table > tbody > tr > td > div.tc-checkboxes.tc-checkbox label {
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-color: #979797;
  border-radius: 2px;
}
.tc-table > tbody > tr > td > div.tc-checkboxes.tc-checkbox label:after {
  width: 12px;
  height: 6px;
  top: 3px;
  left: 2px;
  border-width: 2px;
  border-color: #717171;
}
.tc-table.tc-table-hover > tbody > tr:hover {
  background-color: rgba(196, 201, 232, 0.5);
}
.tc-table .cell-space-nowrap {
  /*& > th, & > td {*/
  white-space: nowrap;
  /*}*/
}
@media screen and (max-width: 767px) {
  .tc-table-responsive {
    border-color: #b5b5b5;
  }
}
.tc-table-responsive {
  width: 100%;
}
.tc-tables > tfoot > tr > th,
.tc-tables > tfoot > tr > td {
  border-top-color: #b5b5b5;
}
.tc-tables > tbody + tbody {
  border-top-color: #b5b5b5;
}
.tc-tables > thead > tr.checked,
.tc-tables > tbody > tr.checked,
.tc-tables > tfoot > tr.checked {
  background-color: rgba(196, 201, 232, 0.2);
}
.tc-tables > thead > tr.checked > td,
.tc-tables > tbody > tr.checked > td,
.tc-tables > tfoot > tr.checked > td {
  color: #4a4a4a;
}
.tc-tables.tc-table-hover > tbody > tr.checked:hover,
.tc-tables.tc-table-hover > tbody > tr:hover > .checked {
  background-color: rgba(178, 184, 225, 0.2);
}
.tc-tables > thead > tr.selected,
.tc-tables > tbody > tr.selected,
.tc-tables > tfoot > tr.selected {
  background-color: #e1e4f3;
}
.tc-tables > thead > tr.selected > td,
.tc-tables > tbody > tr.selected > td,
.tc-tables > tfoot > tr.selected > td {
  color: #8e8383;
}
.tc-tables.tc-table-hover > tbody > tr.selected:hover,
.tc-tables.tc-table-hover > tbody > tr:hover > .selected {
  background-color: #cfd4ec;
}
.tc-table-checkboxes > div.tc-checkboxes {
  display: inline-block;
  top: 0px;
  width: 18px;
  height: 18px;
}
.tc-table-checkboxes > div.tc-checkboxes > input[type=checkbox] {
  visibility: hidden;
}
.tc-table-checkboxes > div.tc-checkboxes > input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.tc-table-checkboxes > div.tc-checkboxes.tc-checkbox {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.tc-table-checkboxes > div.tc-checkboxes.tc-checkbox label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #979797;
  border-radius: 4px;
}
.tc-table-checkboxes > div.tc-checkboxes.tc-checkbox label:after {
  content: '';
  width: 12px;
  height: 6px;
  position: absolute;
  top: 2px;
  left: 1px;
  border: 2px solid #0081cb;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.tc-table-checkboxes > div.tc-checkboxes.tc-checkbox label:hover::after {
  opacity: 0.5;
}
.tc-table-checkboxes > div.tc-checkboxes.tc-checkbox label {
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-color: #979797;
  border-radius: 2px;
}
.tc-table-checkboxes > div.tc-checkboxes.tc-checkbox label:after {
  width: 12px;
  height: 6px;
  top: 3px;
  left: 2px;
  border-width: 2px;
  border-color: #717171;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tc-inputs {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  min-width: 250px;
  height: 45px;
  padding: 0 18px;
  font-size: 14px;
  line-height: 1.25;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #8493a8;
  border-color: #cad3df;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  outline: none;
  border-width: 1px;
  border-style: solid;
  transition: box-shadow 0.3s, border 0.3s;
}
.tc-inputs:hover {
  color: #54657e;
  border-color: #8493a8;
}
.tc-inputs:focus {
  color: #3d4d65;
  border-color: #0082d5;
}
.tc-inputs.filled {
  color: #54657e;
  border-color: #cad3df;
}
.tc-inputs.required,
.tc-inputs[disabled] {
  color: #8493a8;
  border-color: #cad3df;
}
.tc-inputs.success {
  color: #3d4d65;
  border-color: #04be5b;
}
.tc-inputs.warning {
  color: #3d4d65;
  border-color: #ff9948;
}
.tc-inputs.error {
  color: #3d4d65;
  border-color: #d2335c;
}
.tc-input-icon {
  position: relative;
}
.tc-input-icon.left-addon .add-icon-search {
  left: 16px;
}
.tc-input-icon.right-addon .add-icon-search {
  right: 16px;
}
.tc-input-icon.left-addon .tc-inputs {
  padding-left: 46px;
}
.tc-input-icon.right-addon .tc-inputs {
  padding-right: 0;
}
.tc-input-icon .add-icon-search {
  background: url('../img/ic-search.svg') center right no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  white-space: nowrap;
  position: absolute;
  top: 14px;
  pointer-events: none;
}
.tc-input-icon.left-addon .add-icon-required {
  left: 16px;
}
.tc-input-icon.right-addon .add-icon-required {
  right: 16px;
}
.tc-input-icon.left-addon .tc-inputs {
  padding-left: 46px;
}
.tc-input-icon.right-addon .tc-inputs {
  padding-right: 0;
}
.tc-input-icon .add-icon-required {
  background: url('../img/asterisk-icon.png') center right no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  white-space: nowrap;
  position: absolute;
  top: 14px;
  pointer-events: none;
}
.tc-input-icon-grp-size {
  width: 250px;
}
.tc-input-icon-control {
  width: 100%;
}
/*
.inputIcon{
	margin-top: 4px !important;

}*/
.tc-text-areas {
  width: 264px;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
#comment {
  height: 161px;
}
#comment1 {
  height: 161px;
}
.demo-text-area-label {
  text-align: left;
}
.demo-text-area-label label {
  margin-bottom: 0px;
  width: 264px;
  height: 17px;
  opacity: 0.9;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 13px;
  text-align: left;
  color: #212121;
}
.demo-text-area-label-disabled {
  text-align: left;
  cursor: not-allowed;
}
.demo-text-area-label-disabled label {
  margin-bottom: 0px;
  width: 264px;
  height: 17px;
  opacity: 0.9;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 13px;
  text-align: left;
  color: #4f4f4f;
}
.demo-text-area-label-disabled .tc-text-area {
  color: #a7a7a7;
  border-color: #b6b6b6;
  cursor: not-allowed;
}
.tc-text-area {
  color: #262626;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  border-color: #0086ff;
}
.tc-search {
  text-align: left;
}
.tc-search .tc-text-areas {
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid #0086ff !important;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  min-width: 265px;
  max-width: 265px;
  margin-top: 1px;
}
.tc-search .tc-text-areas .tc-search-icon {
  background-image: url('../img/ic-search.svg');
  display: inline-block;
  width: 10%;
  background-position: center left;
  background-repeat: no-repeat;
  border: 0px;
  margin-right: 0px;
}
.tc-search .tc-text-areas input.tc-search {
  border: 0 !important;
  outline: 0 !important;
  /*  background: transparent !important;
        border-bottom: 1px solid grey !important;*/
  width: 90%;
  opacity: 0.9;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  color: #b6b6b6;
  padding-left: 0px;
}
.tc-search .tc-text-areas input.tc-search-autosuggest {
  border: 0 !important;
  outline: 0 !important;
  /*  background: transparent !important;
        border-bottom: 1px solid grey !important;*/
  width: 80%;
  /*
      color: @search-input-color;
      */
}
.tc-search .tc-text-areas .tc-search-container .tc-caret {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
label.tc-search-label {
  visibility: visible;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 13px;
  text-align: left;
  opacity: 0.9;
  color: #0086ff;
  width: 264px;
  margin-bottom: 0px;
  font-weight: normal;
}
/*

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.show {display:block;}*/
.autocompleter,
.autocompleter-hint {
  position: absolute;
  margin-top: 40px;
  z-index: 10;
  /* width: 264px;
   height: 304px;*/
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  height: 250px;
}
.autocompleter {
  width: 100% !important;
}
.autocompleter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  margin-top: 5px;
  background-color: rgba(0, 0, 0, 0.1) !important;
  /* background-color:  red !important;*/
  width: 8px !important;
  height: 60px !important;
}
.autocompleter-list li {
  /*border: 1px solid yellow;*/
  padding: 12px 16px;
  text-align: left;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
}
.tc-inline {
  margin-top: -2px;
}
.inputIcon {
  margin-top: -3px;
}
.tc-timer {
  display: inline;
}
.tc-timer td {
  font-size: 36px;
  color: #717171;
}
.tc-timer td .btn-default {
  color: #717171;
  border-color: transparent;
  font-size: 14px;
  border-width: 0px;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.tc-timer td .btn-default:hover,
.tc-timer td .btn-default:focus,
.tc-timer td .btn-default:active {
  color: #0081cb;
  background-color: transparent;
}
.tc-timer td .form-control {
  box-shadow: none;
  border: none;
  width: 100%;
  height: 48px;
  padding: 0px;
  font-size: 36px;
  color: #717171;
}
.tc-timer .text-center td {
  font-size: 12px;
}
.tc-timer .btn {
  padding: 0px 6px;
  line-height: 0;
  height: 16px;
}
.tc-tooltip {
  width: 206px;
  height: 128px;
  background-color: #10203f;
  color: #ffffff;
  border: 1px solid #10203f;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: 5px;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
  padding: 24px;
}
.tc-tooltip:after {
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #10203f;
  content: " ";
  font-size: 0;
  line-height: 0;
  width: 0;
  margin-top: 64px;
  margin-left: 4px;
}
.tc-tooltip:before {
  content: "The 3-digit or 4-digit number on usually printed on the back of your card";
}
.tc-tooltip .tc-caret {
  background-image: url('../img/ic-close-tooltip.png');
  width: 12px;
  height: 12px;
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 1;
}
.tc-tooltip .tc-tooltip-text {
  padding: 24px;
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.4px;
  text-align: left;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin: 0px;
}
/**
 * @license
 * Copyright 2015-2016 TIBCO Inc. All Rights Reserved.
 */
.tooltip {
  font-family: 'Source Sans Pro', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}
.tooltip .tooltip-inner {
  background-color: rgba(60, 77, 101, 0.7);
  border-radius: 5px;
  max-width: none;
  white-space: nowrap;
}
.tooltip.top .tooltip-arrow {
  border-top-color: rgba(60, 77, 101, 0.7) !important;
}
.tooltip.right .tooltip-arrow {
  border-right-color: rgba(60, 77, 101, 0.7) !important;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: rgba(60, 77, 101, 0.7) !important;
}
.tooltip.left .tooltip-arrow {
  border-left-color: rgba(60, 77, 101, 0.7) !important;
}