/*===============================
 	Variables Files
 ================================*/
/* =================================
	Color Definitions
================================= */
/*==============================
 	Default Colors
 ===============================*/
/*==============================
 	Default Icon Colors
 ===============================*/
/*==================================
 	Box Shadow
 ==================================*/
/* =================================
	Fonts
================================= */
/*===================================
 Banner
 ====================================*/
/* =================================
	Page
================================= */
/* =================================
 	Sections
 ==================================*/
/* =================================
	Tables
=================================== */
/*=================================
 	Buttons
 ==================================*/
/* =================================
 	Hyperlinks
 ==================================*/
/* =================================
 	Notifications
 ==================================*/
/*=================================
  	Other
  =================================*/
/*==================================
 	Tooltip Colors
 ===================================*/
/*==================================
 	UI Tabs
 ==================================*/
/*=================================
  	Progress Bar
  ================================*/
/*===================================
 	IE Browser
 ===================================*//*=================================
  	Accordion
  ==================================*/
/*=====================================
 	Display
 =====================================*/
/*====================================
  	Icons
  ====================================*/
/*=====================================
 	Inputs
 =====================================*/
/*=================================
 	UI Widgets
 ================================*/
/*====================================
 	Superfish
 ===================================*/
/*=====================================
 	Twitter
 =====================================*/
/*=====================================
 	Breadcrumbs
 =====================================*/
/*=====================================
	FullCalendar
=======================================*/
/*=====================================
	Select2 / Tagging
=======================================*/
/*=====================================
	Security
=======================================*/
/*===============================
 	System Notification Dropdown
 ===============================*/
/*===============================
 	Banner
 ===============================*/
/*===============================
 	System Notifications
 ===============================*/
/*===============================
 	System Notification Dropdown
 ===============================*/
/*================================
 	Progress Bar
 ================================*/
/*================================
 	Home Screen Portlet
 =================================*/
/*================================
 * User Registration
 =================================*/
/*================================
 * Fee Totals
 =================================*/
/* =================================
    Color Scheme Definitions
================================= */
/*==============================================
 	RCJ Style override on new TR Colour schema
 =============================================*/
/*===============================
 	Project Imports
 ===============================*/
/*LESS CSS files for core tags  */
/* =================================
	icons
================================= */
.ct-iconConfidentialBanner {
  width: 109px;
  background-position: -8px -302px;
  top: 0px;
}
.ct-iconBadge {
  font-size: 16px;
  color: #737373;
}
.ct-iconProfile {
  font-size: 16px;
  color: #000000;
}
.ct-iconLock {
  font-size: 16px;
  color: #ff2424;
}
.ct-iconPeople {
  font-size: 16px;
  color: #000000;
}
.ct-iconPerson {
  font-size: 16px;
  color: #000000;
}
.ct-iconCalendar {
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}
.ct-iconCalculator {
  font-size: 16px;
  cursor: pointer;
  color: #000000;
}
.ct-iconCheck {
  color: #737373;
  font-size: 14px;
}
.ct-iconNoCheck {
  color: #737373;
  font-size: 14px;
}
.ct-iconDocument {
  top: 0px;
  font-size: 16px;
  cursor: pointer;
  color: #0800ce;
  text-shadow: 0px 0px 0px #0800ce;
}
.ct-iconDocument.ct-confidential {
  color: #ce0000;
  text-shadow: 0px 0px 0px #ce0000;
}
.ct-iconDocuments {
  top: 0px;
  font-size: 16px;
  cursor: pointer;
  color: #0800ce;
  text-shadow: 0px 0px 0px #0800ce;
}
.ct-iconDocuments.ct-confidential {
  color: #ce0000;
  text-shadow: 0px 0px 0px #ce0000;
}
.ct-iconMagnifingGlass {
  font-size: 14px;
  color: #000000;
}
.ct-iconExpand {
  font-size: 16px;
  cursor: pointer;
  color: #ffffff;
  text-shadow: initial;
}
.ct-iconQuestionMark {
  font-size: 17px;
  margin-right: 5px;
  cursor: pointer;
  color: #ffffff;
}
.ct-iconCollapse {
  font-size: 16px;
  cursor: pointer;
  color: #ffffff;
  text-shadow: initial;
}
.ct-iconComment {
  top: 4px;
  font-size: 16px;
  color: #cccccc;
}
.ct-iconSort {
  font-weight: bold;
  font-size: 14px;
  padding-left: 6px;
  display: inline-block;
  color: #000000;
}
.ct-iconNotesEmpty {
  font-size: 16px;
  cursor: pointer;
  color: #b4b4b4;
  vertical-align: middle;
}
.ct-iconNotes {
  font-size: 16px;
  cursor: pointer;
  color: #b87333;
  vertical-align: middle;
}
.ct-iconCriticalNotes {
  font-size: 16px;
  color: #cc0000;
  cursor: pointer;
  vertical-align: middle;
}
.ct-iconGear {
  font-size: 16px;
  color: #808080;
  cursor: pointer;
}
.ct-iconGearDark {
  font-size: 16px;
  color: #000000;
  cursor: pointer;
}
.ct-iconMoney {
  font-size: 20px;
  color: #000000;
}
.ct-iconWorld {
  font-size: 16px;
  color: #000000;
}
.ct-iconFolder {
  font-size: 16px;
  color: #000000;
}
.ct-iconEnvelope {
  font-size: 16px;
  color: #5aa6ec;
}
.ct-iconCaseGroup {
  top: -1px;
  background-position: -110px -104px;
  color: #000000;
}
.ct-iconHistory {
  font-size: 18px;
  cursor: pointer;
  color: #000000;
}
.ct-iconDetail {
  font-size: 16px;
  color: #000000;
}
.ct-iconApplyToAll {
  font-size: 16px;
  cursor: pointer;
  color: #000000;
}
.ct-iconBullet {
  width: 5px;
  height: 5px;
  top: 5px;
  background-position: -39px -205px;
  color: #000000;
}
.ct-iconBulletRed {
  width: 5px;
  height: 5px;
  top: 5px;
  background-position: -39px -225px;
  color: #ff0000;
}
.ct-iconBulletError {
  width: 5px;
  height: 5px;
  top: 5px;
  margin-right: 7px;
  background-position: -39px -252px;
  color: #000000;
}
.ct-iconBulletInfo {
  width: 5px;
  height: 5px;
  top: 5px;
  margin-right: 7px;
  background-position: -39px -277px;
  color: #000000;
}
.ct-iconRemove {
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  font-family: tagicons;
  line-height: 13px;
  color: #000000;
  /*text-shadow: 1px 1px 0 @ct-iconRemoveFontColor;*/

  text-decoration: none;
  position: relative;
  top: 1px;
  opacity: 0.40;
  filter: alpha(opacity=40);
  /* IE8 position & size hacks */

  top: 2px\9;
  display: inline-block\9;
  font-size: 19px\9;
  font-weight: normal\9;
}
.ct-iconRemove:hover {
  cursor: pointer;
  text-decoration: none !important;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.ct-iconUpArrow {
  font-size: 14px;
  padding-left: 6px;
  display: inline-block;
  color: #ffffff;
}
.ct-iconDownArrow {
  font-size: 14px;
  padding-left: 6px;
  display: inline-block;
  color: #ffffff;
}
.ct-iconHelp {
  font-size: 16px;
  color: #9ab5cb;
}
.ct-iconPower {
  font-size: 16px;
  color: #ffffff;
}
.ct-iconMortarboard {
  font-size: 16px;
  color: #000000;
  vertical-align: middle;
}
.ct-iconLabels {
  font-size: 15px;
  color: #000000;
}
.ct-iconLink {
  font-size: 16px;
  color: #808080;
  cursor: pointer;
}
/* =================================
	hyperlinks
================================= */
.ct-resultsTableFooter-pagingLinks a,
.ct-hyperlink,
.ui-widget-content a {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #2c48e9;
  cursor: pointer;
  text-shadow: 1px 1px 0px #f2f2f2;
}
.ct-resultsTableFooter-pagingLinks > a:hover,
.ct-resultsTableFooter-showMore > a:hover,
.ct-hyperlink:hover,
.ui-widget-content a:hover {
  text-decoration: underline;
}
.ct-hyperlink:focus {
  outline: #1a1a1a dotted thin;
}
/* =================================
	buttons
================================= */
.ct-button {
  font-family: Arial;
  font-size: 12px;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  width: auto;
  overflow: visible;
  text-align: center;
  cursor: pointer;
  text-shadow: 1px 1px 0px #000000;
  background: #201d1e;
  background: linear-gradient(to bottom, #3d3d3d 15%, #201d1e 60%);
  border: none;
  box-shadow: 1px 1px 1px #a0a0a0;
  border-radius: 2px;
  /* use some transparent borders here otherwise the clicked state may shift the layout */

  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #030202;
  border-bottom: 1px solid #030202;
  /* minimum width settings */

  min-width: 65px;
  min-width: 45px\9;
  /* IE8 */

  /* IE7 width & padding hack. IE7 can't calculate width reliably, so check length of text to determine min-width. */

  *padding: 2px 9px 1px 9px;
  *width: expression(this.value.length <= 4 ? 60 : 'auto');
}
.ct-button.ct-dropdown-button-no-label {
  min-width: 0;
}
.ct-button.ct-dropdown-button-no-label .caret {
  margin-left: 0;
}
.ct-submit-button {
  /* marker class for jquery handlers */

}
.ct-button:hover,
.ct-button:focus {
  background: #3d3d3d;
  background: linear-gradient(to bottom, #626060 10%, #4d4c4c 44%);
}
.ct-button:active {
  /* use some transparent borders here otherwise the clicked state may shift the layout */

  border-top: 1px solid #030202;
  border-left: 1px solid #030202;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  outline: none;
}
.ct-buttonPanel {
  margin-top: 10px;
  width: 100%;
}
.ct-resultsTableWrapper + .ct-buttonPanel,
.ct-scrollable + .ct-buttonPanel {
  margin-top: 10px;
}
.ct-leftButtonGroup {
  text-align: left;
  padding-left: 0px;
}
.ct-leftButtonGroup .ct-button {
  margin-right: 7px;
}
.ct-rightButtonGroup {
  text-align: right;
  padding-right: 0px;
}
.ct-rightButtonGroup .ct-button {
  margin-left: 7px;
}
.ct-icon-button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
/* =================================
	inputs
================================= */
.ct-input {
  font-family: Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #e6e6e6;
  border-top: 1px solid #b3b3b3;
}
.ct-inputText {
  width: 175px;
}
.ct-inputTextMaxWidth {
  width: 100%;
}
.ct-inputTextArea {
  width: 100%;
  overflow-x: hidden;
  resize: none;
}
.ct-fileInput {
  width: 400px;
}
*:first-child + html .ct-inputSelect {
  height: 19px;
}
.ct-inputMoney,
.ct-inputPreciseMoney {
  text-align: right;
  width: 80px;
}
.ct-inputPercent {
  text-align: right;
  width: 60px;
}
.ct-inputBigDecimal {
  text-align: right;
  width: 100px;
}
.ct-inputDate {
  width: 80px;
}
.ct-inputTime {
  width: 40px;
}
.ct-inputSeconds {
  width: 20px;
}
.ct-toggleCheckbox {
  position: relative;
  top: 1px;
}
/* marker class used for grouping a checkbox with its hidden input field */
/* used to stash a checkbox's value when sorting a table */
.ct-checkboxSort {
  display: none;
}
/* =================================
	display
================================= */
.ct-fieldError {
  border: 1px solid #ffcccc;
  border-top: 1px solid #ff5757;
}
.ct-errorPulse {
  background-color: #ff5757;
  border-radius: 4px;
  position: absolute;
  z-index: 8000;
}
*:first-child + html select.ct-fieldError {
  filter: /* do not add bordering to the top or bottom here. it shifts the layout. */
 progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0, color=#fc828d) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#fc828d);;
}
.ct-content {
  color: #666666;
  font-family: Arial;
  font-size: 12px;
}
.ct-content-small {
  color: #666666;
  font-family: Arial;
  font-size: 11px;
}
.ct-label {
  color: #000000;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #e6e6e6;
  display: inline;
  vertical-align: middle;
}
.ct-labelFlag {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
  display: inline;
  vertical-align: middle;
}
.ct-labelHelp {
  margin-left: 5px;
  display: none;
  vertical-align: middle;
  cursor: text;
}
.ct-contentMoney {
  white-space: nowrap;
}
.ct-markdown {
  font-family: Arial;
  font-size: 12px;
}
/* =================================
	jQueryUI general overrides
================================= */
/* set some images to simple colors (to prevent 404s) */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial !important;
  font-size: 12px !important;
}
.ui-widget-header .ui-icon {
  background-image: url(../images/icons/jquery-white.png);
}
.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
  background-image: url(../images/icons/jquery-white.png);
}
.ui-widget-header .ui-state-focus {
  background: none;
  border: 1px solid white;
}
.ui-widget-overlay {
  background: #666666;
  opacity: .50;
  filter: alpha(opacity=50);
  /* fixes an issue where the modal background overlay does not expand vertically
		if a popup's contents grow vertically. google 'stackoverflow 3807552' */

  position: fixed;
}
.ui-widget-content {
  border: 1px solid #d9d9d9;
  background: #f7f7f7;
  color: #333333;
}
.ui-corner-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-corner-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* =================================
	jqueryUI Dialog
================================= */
.ui-dialog {
  box-shadow: 0px 10px 32px #505050;
  border-radius: 3px;
  padding: 0;
  border: none;
}
.ui-dialog-title {
  text-shadow: 1px 1px 0px #1a1a1a;
  color: #ffffff;
}
.ui-dialog .ui-widget-header {
  border: 0px;
  padding: 8px 0 4px 11px;
  background: #4883b1;
  background-image: linear-gradient(to bottom, #588fbb 17%, #41759e 80%);
  border-radius: 2px;
  border-bottom: 2px solid #ff8e00;
  letter-spacing: 0.03em;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus {
  background: none;
  border: 1px solid #c7c7c7;
  outline: none;
}
/* pad the bottom of dialogs via this method since normal padding not working with scrolling popups in IE & FF */
.ui-dialog-content::after {
  content: " ";
  display: block;
  height: 12px;
}
.ui-dialog .ui-dialog-titlebar-fullscreen-toggle {
  position: absolute;
  right: 2.5em;
  width: 19px;
  height: 18px;
  margin: 0;
  padding: 1px;
  text-shadow: none;
  color: white;
  top: 5px;
}
.ui-dialog .ui-dialog-titlebar-fullscreen-toggle .fa {
  margin-left: 4px;
  margin-top: 3px;
}
.ui-dialog .ui-dialog-titlebar-fullscreen-toggle:hover {
  background: none;
  border: 1px solid #c7c7c7;
  outline: none;
  padding: 0;
}
/* =================================
	jQueryUI datepicker
================================= */
.ui-datepicker {
  box-shadow: 0px 8px 32px #000000;
}
.ui-datepicker-header {
  background: #4883b1;
  background-image: linear-gradient(to bottom, #588fbb 17%, #41759e 80%);
  border: none;
}
#ui-datepicker-div {
  background-color: white;
  font-size: 11px;
  font-family: Arial;
  border: 1px solid #999999;
}
.ui-datepicker-month,
.ui-datepicker-year {
  font-family: Arial !important;
  font-size: 12px !important;
}
.ui-datepicker-calendar .ui-state-default {
  background-color: #f7f7f7;
  color: #231f20;
}
.ui-datepicker-today > a {
  border: 1px solid #b8b8b8 !important;
  background-color: #b2a8ab !important;
}
.ui-datepicker-calendar a:hover,
.ui-datepicker-current-day > a {
  border: 1px solid #231f20 !important;
  background-color: #a69b9e !important;
}
.ui-datepicker-header .ui-state-hover {
  background: none;
  border: 1px solid #ffffff;
  height: 22px;
}
.ui-datepicker-prev > span,
.ui-datepicker-next > span {
  top: 11px;
}
/* =================================
	notification section - common
================================= */
.ct-notification {
  font-family: Arial;
  font-size: 12px;
  padding: 8px 8px 8px 8px;
  margin-bottom: 15px;
  box-shadow: 0px 0px 3px #666666;
  border-radius: 5px;
}
/* update notification margins when in a popup */
.ui-dialog-content .ct-notification {
  margin: 8px 0 8px 0;
}
.ct-notification table {
  width: 100%;
}
.ct-notification-title {
  padding-left: 10px;
  font-size: 13px;
  font-weight: bold;
}
.ct-notification a,
.ct-notification a:link,
.ct-notification a:visited,
.ct-notification a:hover,
.ct-notification a:active {
  color: inherit;
  text-decoration: underline;
  font-weight: normal;
}
.ct-notification ul {
  list-style-type: disc;
  padding: 6px 0px 0px 32px;
  margin: 0px;
}
.ct-notification li ul {
  padding-top: 0px;
  padding-bottom: 6px;
}
/* =================================
	notification section - info
================================= */
.ct-notification-info {
  color: #2d7198;
  background-image: linear-gradient(to bottom, #f1f8fb 15%, #cae2ef 80%);
  border: 1px solid #8fc1de;
}
.ct-notification-info a,
.ct-notification-info a:hover {
  text-decoration: none;
}
.tag-icon-info .ct-notification-icon {
  top: 0px;
  font-size: 17px;
}
.ct-notification-info .ct-iconRemove {
  top: -3px;
  left: 5px;
  color: #2d7198;
}
.ct-iconInfo {
  font-size: 17px;
}
/* =================================
	notification section - success
================================= */
.ct-notification-success {
  color: #409060;
  background-image: linear-gradient(to bottom, #ffffff 15%, #dff0e6 80%);
  border: 1px solid #98d1af;
}
.ct-iconSuccess {
  font-size: 17px;
}
.tag-icon-success .ct-iconRemove {
  top: -3px;
  left: 5px;
  color: #3079a4;
}
/* =================================
	notification section - validation
================================= */
.ct-notification-validation {
  color: #845645;
  background-image: linear-gradient(to bottom, #ffffff 15%, #e4d2cb 80%);
  border: 1px solid #dbc3ba;
}
.ct-notification-validation a,
.ct-notification-validation a:link,
.ct-notification-validation a:visited,
.ct-notification-validation a:active {
  color: #845645;
  text-decoration: none;
  text-shadow: none;
}
.ct-notification-validation a:hover {
  text-decoration: underline;
}
.tag-icon-error .ct-notification-icon {
  top: 0px;
  font-size: 17px;
}
.ct-notification-validation .ct-iconRemove {
  top: -3px;
  left: 5px;
  color: #845645;
}
.ct-iconValidation {
  font-size: 16px;
}
/* =================================
	superfish main menu
================================= */
.sf-vertical,
.sf-vertical ul {
  box-shadow: 0px 0px 3px #a0a0a0;
  border-radius: 3px;
}
.sf-vertical,
.sf-vertical li,
.sf-vertical li:hover,
.sf-vertical ul,
.sf-vertical ul li,
.sf-vertical ul li:hover {
  z-index: 150;
  width: 175px;
  background: none;
  padding: 0px;
  margin: 0px;
  float: none;
}
*:first-child + html .sf-vertical li {
  display: inline;
}
*:first-child + html .sf-vertical li ul li ul li {
  background: none;
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 176px !important;
}
.sf-vertical li a.top {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.sf-vertical li a.bottom {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom: none;
}
.sf-vertical a {
  border: 0px;
  border-bottom: 1px solid #999999;
  padding: 0.3em 0em 0.4em 0.5em;
  background: #231f20;
  background-image: linear-gradient(to bottom, #403f3f 17%, #201d1e 70%);
}
.sf-vertical a,
.sf-vertical a:visited {
  font: 12px Arial;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 0px #000000;
}
.sf-vertical a.current {
  background: #f2f2f2;
  background-image: linear-gradient(to bottom, #f7f7f7 17%, #e8e8e8 70%);
  color: #404040;
  text-shadow: none;
  padding-bottom: 0.3em;
}
.sf-vertical a:hover {
  background: #89a9c2;
  background-image: linear-gradient(to bottom, #abc2d3 17%, #86a7c0 70%);
  color: #ffffff;
  text-shadow: 1px 1px 0px #000000;
}
.sf-vertical a.current:hover {
  color: #ffffff;
}
.sf-sub-indicator {
  background-image: url(../images/icons/tag.png);
}
/* non-selected menu arrow */
.sf-vertical a .sf-sub-indicator {
  top: 5px;
  right: 7px;
  background-position: -10px -79px;
}
/* non-selected menu hover arrow */
.sf-vertical a:focus .sf-sub-indicator,
.sf-vertical a:hover .sf-sub-indicator,
.sf-vertical a:active .sf-sub-indicator,
.sf-vertical li:hover a .sf-sub-indicator,
.sf-vertical li.sfHover a .sf-sub-indicator,
.sf-vertical li li:hover a .sf-sub-indicator,
.sf-vertical li li.sfHover a .sf-sub-indicator {
  right: 7px;
  background-position: -10px -103px;
}
/* the selected menu arrow */
.sf-vertical a.current > .sf-sub-indicator,
.sf-vertical a.current:focus > .sf-sub-indicator,
.sf-vertical a.current:hover > .sf-sub-indicator,
.sf-vertical a.current:active > .sf-sub-indicator,
.sf-vertical li:hover > a.current > .sf-sub-indicator,
.sf-vertical li.sfHover > a.current > .sf-sub-indicator {
  top: 5px;
  right: 7px;
  background-position: -34px -127px;
}
/* the selected menu hover arrow */
.sf-vertical li:hover a.current:hover .sf-sub-indicator,
.sf-vertical li.sfHover a.current:hover .sf-sub-indicator {
  right: 7px;
  background-position: -10px -103px;
}
/* =================================
	Twitter Bootstrap Button Group (http://twitter.github.io/bootstrap/components.html#buttonDropdowns)
================================= */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #ffffff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-top: 6px;
  margin-left: 5px;
  border-top-color: #ffffff;
}
.ct-buttonDropdownTooltip {
  box-shadow: 0px 0px 3px #a0a0a0;
  min-width: 110px;
  max-width: 320px;
  border: none;
  background-color: #ffffff;
}
.ct-buttonDropdownTooltip .ui-tooltip-content {
  border: 1px solid #ababab;
  border-bottom: none;
  padding: 0px;
  font-size: 12px;
  line-height: 12px;
  background: #ffffff;
}
.ct-buttonDropdownCell {
  cursor: pointer;
  font-weight: bold;
  color: #2c48e9;
  text-shadow: 1px 1px 1px #f2f2f2;
  font-size: 11px;
  padding: 8px;
  border-bottom: 1px solid #ababab;
}
.ct-buttonDropdownCell.wide {
  padding: 8px 16px;
}
.ct-buttonDropdownCell:hover {
  background-color: #ebebeb;
}
/* =================================
	Accordion & accordion menu styles
================================= */
.ct-accordion {
  margin-bottom: 7px;
  box-shadow: 0px 0px 3px #a0a0a0;
  border-radius: 4px;
}
.ct-accordion-open {
  /* marker class */

}
.ct-accordion-content {
  background: #f7f7f7 !important;
  border: 1px solid #bfbfbf !important;
  border-top: none !important;
  margin-top: -1px;
}
.ui-accordion .ui-accordion-header > .ui-icon {
  left: 1px;
}
.ui-accordion .ui-accordion-header > a {
  font-size: 13px;
  color: #ffffff;
  padding: 3px 3px 3px 18px;
  text-shadow: 1px 1px 0px #1f1f1f;
}
.ui-accordion .ui-accordion-content {
  padding: 0px 0px 0px 0px;
  background: none;
  overflow: visible;
  position: inherit;
  margin-top: 0;
}
.ui-accordion-header {
  background: #4883b1;
  background-image: linear-gradient(to bottom, #588fbb 17%, #41759e 80%);
  border: none;
  border-bottom: 2px solid #ff8e00;
}
.ui-accordion .sf-vertical,
.ui-accordion .sf-vertical li,
.ui-accordion .sf-vertical li:hover,
.ui-accordion .sf-vertical ul,
.ui-accordion .sf-vertical ul li,
.ui-accordion .sf-vertical ul li:hover {
  width: 173px;
  background: none;
  padding: 0px;
  margin: 0px;
  float: none;
  box-shadow: none;
  border-radius: none;
}
.ui-accordion .sf-vertical li:hover ul,
.ui-accordion .sf-vertical li.sfHover ul {
  left: 174px;
  top: -1px;
  box-shadow: 0px 0px 3px #666666;
  border-radius: 6px;
}
.ui-accordion .sf-vertical,
.ui-accordion .sf-vertical ul {
  border-radius: 0px;
}
.ui-accordion .sf-vertical li a.top {
  border-radius: 0px;
}
.ui-accordion .sf-vertical li a.bottom {
  border-radius: 0px;
}
.ui-accordion .sf-vertical a,
.ui-accordion .sf-vertical a:visited {
  font: 12px Arial;
  background: #f0f0f0;
  background-image: linear-gradient(to bottom, #f5f5f5 17%, #dbdbdb 60%);
  color: #424242;
  text-shadow: 1px 1px 0px #dbdbdb;
}
.ui-accordion .sf-vertical a:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.ui-accordion .sf-vertical a > .sf-sub-indicator,
.ui-accordion .sf-vertical a:focus > .sf-sub-indicator,
.ui-accordion .sf-vertical a:hover > .sf-sub-indicator,
.ui-accordion .sf-vertical a:active > .sf-sub-indicator,
.ui-accordion .sf-vertical li:hover > a > .sf-sub-indicator,
.ui-accordion .sf-vertical li.sfHover > a > .sf-sub-indicator {
  right: 2px;
  top: 6px;
  background-position: -38px -128px;
}
/* =================================
	Secure table row
================================= */
.ct-secureRow {
  background-color: #ffcccc;
}
/* =================================
	tag: table
================================= */
.ct-scrollable,
.ct-resultsTableWrapper > div {
  outline: none;
}
.ct-resultsTableHeader {
  margin: 16px 0 2px 0;
}
.ct-resultsTableHeader-title {
  color: #808080;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.ct-resultsTable {
  border-spacing: 0px;
  width: 100%;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-collapse: separate;
  /* don't collapse or keyboard borders won't appear properly */

}
.ct-resultsTableFixed > .ct-resultsTable {
  table-layout: fixed;
}
/* IE7 - otherwise empty cells will not get a border. */
*:first-child + html .ct-resultsTable {
  border-collapse: collapse;
}
.ct-resultsTable th,
.ct-headerCell {
  padding: 3px;
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  font-size: 12px;
  background: #89a9c2;
  background-image: linear-gradient(to bottom, #abc2d3 17%, #86a7c0 80%);
  text-shadow: 1px 1px 0px #4378a2;
  border-bottom: 2px solid #ff8e00;
}
.ct-resultsTable .ct-sortable:hover {
  text-decoration: underline;
  cursor: pointer;
}
.ct-resultsTable .ct-sortedAsc {
  /* nothing yet */

}
.ct-resultsTable .ct-sortedDesc {
  /* nothing yet */

}
.ct-resultsTable .ct-labelFlag {
  color: #ffffff;
  text-shadow: 1px 1px 0px #000000;
  vertical-align: inherit;
}
.ct-resultsTable td {
  padding: 5px 3px;
  vertical-align: top;
  border-bottom: 1px solid #ababab;
  font-family: Arial;
  font-size: 11px;
  color: #4883b1;
}
.ct-resultsTable td .ct-hyperlink {
  font-size: 11px;
}
.ct-resultsTable .kbdSelected {
  padding: 2px 2px 3px 2px;
  border: 1px dotted #737373;
}
.ct-resultsTable td > .ct-content,
.ct-resultsTable td > div > .ct-content,
.ct-resultsTable td > div.field > div.fieldinstance > .ct-content {
  font-family: Arial;
  font-size: 11px;
  color: #4883b1;
}
.ct-resultsTable .subtotal {
  background-color: #e6e6e6;
}
.ct-resultsTable .total {
  background-color: #cccccc;
  font-weight: bold;
}
.ct-resultsTable .highlight {
  background-color: #e6e6e6;
  cursor: pointer;
}
.ct-resultsTable .ct-secureRow .highlight {
  background-color: #ffbdbd;
}
.ct-resultsTableFooter {
  color: #0d0d0d;
  font-family: Arial;
  font-size: 11px;
  border: 1px solid #ababab;
  border-top: none;
  background-color: #dbdbdb;
  background-image: linear-gradient(to top, #d6d6d6 25%, #e3e3e3 75%);
  padding: 1px 0;
}
.ct-resultsTableFooter-pagingStatus {
  margin: 3px;
  float: left;
}
.ct-resultsTableFooter-pagingSelectionStatus {
  margin: 3px;
  float: left;
}
.ct-resultsTableFooter-showMore {
  padding-top: 3px;
  text-align: center;
}
.ct-resultsTableFooter-showMore > a {
  color: #4883b1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  /* needed for IE7 */

  text-decoration: none;
}
.ct-resultsTableFooter-pagingLinks {
  margin: 3px;
  float: right;
  color: #4883b1;
}
.ct-resultsTableFooter-pagingLinks > a {
  color: #4883b1;
}
.ct-resultsTableFooter-pagingLinks > .currentPage {
  color: #000000;
}
.ct-scrollableTableHeader {
  /* marker class */

}
.ct-scrollableTableBody {
  overflow-y: scroll;
  border-bottom: 1px solid #ababab;
  border-right: 1px solid #ababab;
  overflow-x: hidden;
  /* IE7 hack - without this it draws horiz scrollbars */

  position: relative;
  /* IE7 hack - required or else images will float out of the table */

}
.ct-checkboxTable {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-collapse: separate;
}
.ct-checkboxTable thead th {
  background-color: #d9d9d9;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
.ct-checkboxTable thead th:first-child {
  border-left: 1px solid #bdbdbd;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ct-checkboxTable thead th:last-child {
  border-right: 1px solid #bdbdbd;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* =================================
	breadcrumbs
================================= */
.ct-breadcrumbs {
  width: 100%;
  font-family: Arial;
  font-size: 12px;
  color: #2c48e9;
  font-weight: bold;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  border-collapse: separate;
  background-color: #f7f7f7;
}
.ct-breadcrumbs td {
  padding: 0;
  margin: 0;
}
.ct-breadcrumbs ul {
  list-style-type: none;
  padding: 0 12px 0 0;
  margin: 0;
}
.ct-breadcrumbs li {
  list-style-type: none;
  margin: 0;
  float: left;
  line-height: 24px;
  padding: 0 10px 0 24px;
  min-width: 70px;
  position: relative;
  white-space: nowrap;
}
.ct-breadcrumbs li.first {
  padding-left: 10px;
}
.ct-breadcrumbs li {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#d9d9d9',GradientType=1);
  background-image: linear-gradient(to right, #f7f7f7 60%, #d9d9d9 90%);
}
.ct-breadcrumbs li:after {
  content: '';
  position: absolute;
  top: 0;
  right: -24px;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left: 12px solid #d9d9d9;
}
.ct-breadcrumbs li a {
  display: block;
  text-align: center;
}
.ct-breadcrumbs li.current a:link,
.ct-breadcrumbs li.current a:visited {
  color: #000000;
}
.ct-breadcrumbs li a:link,
.ct-breadcrumbs li a:visited {
  color: #2c48e9;
  text-shadow: 1px 1px 0px #f2f2f2;
  text-decoration: none;
}
.ct-breadcrumbs li.disabled a:link,
.ct-breadcrumbs li.disabled a:visited {
  color: #d9d9d9;
  text-shadow: none;
}
.ct-breadcrumbs td.title {
  text-transform: uppercase;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #d9d9d9;
  padding: 0 5px 0 5px;
  white-space: nowrap;
  color: #89a9c2;
  background-color: #d9d9d9;
}
.ct-breadcrumbs li.available a:hover,
.ct-breadcrumbs li.available a:focus {
  color: #7184f0;
}
.ct-breadcrumbs li.current a:hover,
.ct-breadcrumbs li.current a:focus,
.ct-breadcrumbs li.disabled a:hover,
.ct-breadcrumbs li.disabled a:focus {
  cursor: default;
}
/* =================================
	normalizations & defaults
================================= */
body {
  max-width: 1346px;
  margin: auto;
  padding: 8px;
}
th,
td {
  padding: 3px;
}
select {
  padding: 0px;
  margin: 0px;
}
input,
textarea {
  padding: 1px;
}
ol,
ul {
  padding: 0;
  /* important for home screen widgets/portlets */

  margin: 1em 1em 1em 2em;
}
ol li {
  list-style: decimal outside;
}
ul li {
  list-style: disc outside;
}
h1 {
  font-size: 138.5%;
}
h2 {
  font-size: 123.1%;
}
h3 {
  font-size: 108%;
}
h1,
h2,
h3 {
  margin: 1em 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold;
}
/* =================================
	blockUI
================================= */
.blockMsg {
  width: 14% !important;
  left: 43% !important;
  box-shadow: 0 0 20px #000;
  border-radius: 4px;
  border: none !important;
}
.ct-blockUI {
  font-family: Arial;
  font-size: 14px;
  color: #000000;
  padding: 4px 0px 4px 0px;
}
/* =================================
	tag: address
================================= */
.ct-address {
  color: #666666;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  word-wrap: break-word;
}
.ct-resultsTable td .ct-address {
  font-size: 11px;
  color: #4883b1;
}
a.ct-hyperlink .ct-address {
  font-weight: bold;
  color: #2c48e9;
}
a.ct-hyperlink:hover .ct-address {
  text-decoration: underline;
}
/* =================================
	tag: audit
================================= */
.ct-audit {
  color: #666666;
  font-family: Arial;
  font-size: 11px;
  font-style: italic;
}
/* =================================
	tag: tableaudit
================================= */
.ct-tableaudit {
  color: #666666;
  font-family: Arial;
  font-size: 11px;
  font-style: italic;
}
/* =================================
	tag: section
================================= */
.ct-sectionTitle {
  margin: 16px 0 2px 0;
}
.ct-sectionTitle td {
  padding: 0 6px 0 0;
  font-size: 12px;
}
.ct-sectionTitle .ct-hyperlink {
  color: #808080;
  text-transform: uppercase;
}
.ct-sectionOpenArrow {
  border-top: 4px solid #b3b3b3;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.ct-sectionClosedArrow {
  border-left: 4px solid #b3b3b3;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
}
.ct-sectionContent {
  background-color: #f0f0f0;
  border: 1px solid #c2c2c2;
  border-radius: 2px;
  font-family: Arial;
  font-size: 12px;
  min-height: 0px;
  /* for IE7 */

  padding: 6px 8px;
}
/* =================================
	tag: page
================================= */
.ct-pageHeader {
  color: #ffffff;
  font-family: Arial;
  font-size: 13px;
  padding: 4px 8px;
  font-weight: bold;
  background: #4883b1;
  background-image: linear-gradient(to bottom, #588fbb 17%, #41759e 80%);
  text-shadow: 1px 1px 0px #050505;
  box-shadow: 0px 0px 3px #a0a0a0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 2px solid #ff8e00;
}
.ct-pageContent {
  background-color: #f7f7f7;
  border: 1px solid #bfbfbf;
  border-top: 1px solid transparent;
  padding: 0 18px 18px 18px;
  min-height: 0px;
  box-shadow: 0px 1px 3px #a0a0a0;
}
/* =================================
	tooltip styles
================================= */
.ct-tooltip {
  border: 0px solid #315571;
  /* assigns callout tip border color */

  box-shadow: 0px 0px 12px #000000;
  max-width: 450px;
}
.ct-tooltip .ui-tooltip-titlebar,
.ct-tooltip .ui-tooltip-content {
  background: #e2ebf2;
  color: #000000;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: normal;
  line-height: 11px;
}
.ct-tooltip .ui-tooltip-titlebar {
  color: white;
  font-size: 12px;
  font-weight: bold;
  background-color: #315571;
  padding: 6px 35px 3px 7px;
  border: 1px solid #315571;
  border-right: 2px solid #666\9;
  /* IE8 and below since they can't do box shadow */

}
.ct-tooltip .ui-tooltip-content {
  padding: 6px;
  border: 2px solid #315571;
  border-right: 2px solid #666\9;
  border-bottom: 2px solid #666\9;
  /* IE8 and below since they can't do box shadow */

}
.ct-tooltip .ui-tooltip-icon {
  border-color: #212121;
}
.ct-tooltip,
.ct-tooltip .ui-tooltip-content {
  border-radius: 4px;
  word-wrap: normal;
}
.ct-tooltip .ui-tooltip-titlebar {
  border-radius: 5px 5px 0 0;
}
.ct-tooltip .ui-tooltip-titlebar + .ui-tooltip-content {
  border-radius: 0 0 5px 5px;
}
.ct-tooltip-error,
.ct-tooltip-error .ui-tooltip-content {
  border-color: #ff6666;
}
.ct-tooltip .ct-hyperlink {
  font-size: 11px;
}
.ct-tooltip .ct-sectionTitle .ct-hyperlink {
  font-size: 13px;
}
/* =================================
	Tabs style
================================= */
.ui-tabs-nav {
  border: 1px solid #1e1a1b;
  background: #231f20;
  background-image: linear-gradient(to bottom, #403f3f 17%, #201d1e 70%);
  padding: 4px 8px;
}
.ui-tabs {
  border: 1px solid #b0b0b0;
}
.ui-tabs-nav .ui-state-default {
  background: #231f20;
  background-image: linear-gradient(to bottom, #474747 17%, #201d1e 80%);
}
.ui-tabs-nav .ui-state-active,
.ui-tabs-nav .ui-widget-content .ui-state-active,
.ui-tabs-nav .ui-widget-header .ui-state-active,
.ui-tabs-nav .ui-state-hover,
.ui-tabs-nav .ui-widget-content .ui-state-hover,
.ui-tabs-nav .ui-widget-header .ui-state-hover {
  border: 1px solid gray;
  background: #f7f7f7;
  font-weight: bold;
}
.ui-tabs-nav .ui-state-default,
.ui-tabs-nav .ui-state-default a,
.ui-tabs-nav .ui-state-default a:link,
.ui-tabs-nav .ui-state-default a:visited {
  color: #ffffff;
  text-shadow: 1px 1px 0px #171213;
}
.ui-tabs-nav .ui-state-active a,
.ui-tabs-nav .ui-state-active a:link,
.ui-tabs-nav .ui-state-active a:visited,
.ui-tabs-nav .ui-state-hover a,
.ui-tabs-nav .ui-state-hover a:link,
.ui-tabs-nav .ui-state-hover a:visited {
  color: #231f20;
  text-shadow: 1px 1px 0px #e6e6e6;
}
/* =================================
	Progress Bar
================================= */
.ct-blockUI.ct-progress {
  padding: 10px 16px;
}
#ct-progressBarCell {
  margin: 0px;
  padding: 0px;
  width: 88%;
}
#ct-percentComplete {
  color: #666666;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  width: 12%;
}
.ui-progressbar {
  border: 1px solid #000000;
  height: 18px;
}
.ui-progressbar .ui-progressbar-value {
  border: 1px solid #1d1b1b;
  background: #89a9c2;
  background-image: linear-gradient(to bottom, #abc2d3 17%, #86a7c0 80%);
}
/* =================================
	Home screen portlets
================================= */
#sortable {
  list-style-type: none;
  margin: auto;
}
#sortable li {
  background-color: #fcfcfc;
  border: 1px solid #b0b0b0;
  float: left;
  height: 256px;
  list-style: none;
  margin: 6px;
  overflow: hidden;
  width: 363px;
  box-shadow: 0px 0px 3px #a0a0a0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.portlet-header {
  background: #231f20;
  background-image: linear-gradient(to bottom, #474747 17%, #201d1e 80%);
  border: none;
  color: #fff;
  cursor: move;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  padding: 5px;
  text-shadow: 1px 1px 0px #233A26;
}
.portlet-content {
  font-family: Arial;
  font-size: 12px;
}
.portlet-tableContent .ct-resultsTable,
.portlet-tableContent .ct-resultsTableFooter {
  border: none;
}
*:first-child + html .portlet-tableContent .ct-resultsTableFooter {
  width: 100%;
  /* needed for IE7 portlet displays */

}
#sortable .ui-sortable-placeholder {
  background-color: #d0d0d0;
  background-image: linear-gradient(bottom, #c0c0c0 28%, #d7d7d7 64%);
  visibility: visible !important;
}
#sortable .ui-sortable-helper {
  box-shadow: 0px 4px 32px #000;
  border: none;
}
/* Avoid wrapping icons to the next line in narrow table headers in the ticklers widget */
.portlet-content .ct-iconUpArrow,
.portlet-content .ct-iconDownArrow {
  position: absolute;
}
/* =================================
	tag: default
================================= */
.select2-container-multi.select2-container-disabled.tagrender-basicicon .select2-choices .select2-search-choice.tag-default-color,
.ct-taggingSummary .tag-default-color {
  color: #707070;
}
.select2-container-multi .select2-choices .select2-search-choice.tag-default-color,
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice.tag-default-color {
  background-color: #707070;
}
/*================================
  color picker style
=================================*/
/**overwrite default jQuery mini color style **/
.minicolors input[type="hidden"] + .minicolors-swatch {
  width: 16px;
  height: 16px;
  box-shadow: 1px 1px 1px #444;
}
.ct-colorPickerDefault {
  width: 16px;
  height: 16px;
  display: inline-block;
  box-shadow: 1px 1px 1px #444;
}
.ct-colorPickerImage {
  background-repeat: no-repeat;
  background-image: url(../images/colors/transparent.png);
}
.ct-colorpicker {
  position: absolute;
  display: none;
}
.fc-border-separate thead tr.fc-last th {
  padding: 3px 0px;
  background: #231f20;
  background-image: linear-gradient(to bottom, #474747 17%, #201d1e 80%);
  color: #FFF;
}
.fc-border-separate thead tr.fc-last th.fc-first {
  border-top-left-radius: 4px;
}
.fc-border-separate thead tr.fc-last th.fc-last {
  border-top-right-radius: 4px;
}
.fc-button {
  text-transform: capitalize;
}
.fc-view-agendaDay .fc-event-vert .fc-event-inner,
.fc-view-agendaDay .fc-event-vert {
  font-size: 12px;
}
.fc-event-title {
  display: block;
}
.fc-event {
  border: 1px solid #231f20;
  /* default BORDER color */

  background-color: #8e8083;
  /* default BACKGROUND color */

  color: #000000;
  /* default TEXT color */

  font-size: .75em;
  padding: 3px;
  cursor: default;
}
/* =================================
	select2 plugin overrides
================================= */
/* remove background from elements that use the sprite images or gradients */
.select2-dropdown-open .select2-choice,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b,
.select2-search input,
.select2-container .select2-choice,
.select2-search input.select2-active,
.select2-more-results.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-container-multi .select2-choices .select2-search-choice {
  background-image: none !important;
}
/* update display of the close icon when clearing a single select's selected value */
.select2-container .select2-choice abbr {
  right: 27px;
  top: 1px;
  font-size: 14px;
}
/* update display of the arrow icon */
.select2-container .select2-choice .select2-arrow b {
  margin-left: 4px;
  position: relative;
  top: -2px;
}
/* set up font for elements that need images */
.select2-search-choice-close,
.ui-widget-content a.select2-search-choice-close,
.select2-arrow b {
  font-family: 'tagicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  color: #737373;
  background: none;
  text-decoration: none;
  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.select2-search-choice.tagfontcolor-light .select2-search-choice-close,
.ui-widget-content .select2-search-choice.tagfontcolor-light a.select2-search-choice-close,
.tagfontcolor-light .tagging-text,
.tagfontcolor-light .tagging-text.tagging-text-super,
.tagfontcolor-light .tagging-icon {
  text-shadow: none;
  color: #eaeaea;
}
.select2-search-choice.tagfontcolor-dark .select2-search-choice-close,
.ui-widget-content .select2-search-choice.tagfontcolor-dark a.select2-search-choice-close,
.tagfontcolor-dark .tagging-text,
.tagfontcolor-dark .tagging-text.tagging-text-super,
.tagfontcolor-dark .tagging-icon {
  text-shadow: none;
  color: #3a3a3a;
}
/* configure the font glyph for each element that needs an image */
.select2-search-choice-close:before {
  content: "\4b";
}
.select2-container .select2-choice .select2-arrow b:before {
  content: "\50";
}
.select2-dropdown-open .select2-choice .select2-arrow b:before {
  content: "\51";
}
/* change the icon's colors on hover or when they are active */
.select2-search-choice-focus .select2-search-choice-close,
.select2-search-choice-close:hover,
.select2-arrow b:hover,
.select2-dropdown-open .select2-arrow b {
  color: #000000;
}
/* update the border and size of the select and multiselect to match other inputs */
.select2-container-multi .select2-choices {
  min-height: 30px;
}
.select2-container .select2-choice,
.select2-container-multi .select2-choices {
  border: 1px solid #e6e6e6;
  border-top: 1px solid #b3b3b3;
  background-image: none;
}
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices,
.select2-container-multi.select2-dropdown-open .select2-choices,
.select2-drop-active {
  border: 1px solid #98baf1 !important;
}
.select2-container-active.select2-dropdown-open .select2-choice,
.select2-container-multi.select2-container-active.select2-dropdown-open .select2-choices {
  border-bottom: 0;
}
.select2-drop-active {
  border-top: 0;
}
/* fix the background of the dropdown choice */
.select2-dropdown-open .select2-choice {
  background-color: #ffffff;
}
/* remove all box shadows */
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-container-multi.select2-container-active .select2-choices {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* update style of the arrow for the single select */
.select2-container .select2-choice .select2-arrow {
  border-radius: 0;
  border-left-color: #e6e6e6;
  background-image: none;
  background-color: #f2f2f2;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow {
  background-color: #ffffff;
}
/* update styles for the single search input box */
.select2-search {
  min-height: 0;
  margin: 3px 0;
}
.select2-search input {
  padding: 2px;
  min-height: 0;
}
/* update styles for the single select options */
.select2-container .select2-choice {
  height: 17px;
  line-height: 17px;
  border-radius: 0;
  padding-left: 4px;
  color: #000000;
  border: 1px solid transparent;
}
.select2-container a {
  font-weight: normal;
}
/* update font for results and filter text box of single select */
.select2-results,
.select2-search input {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}
.select2-results {
  margin-top: 2px;
}
/* updates for single select label */
.select2-results .select2-result-label {
  padding: 3px 4px 4px;
}
/* updates for the multiselect select options */
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 2px 18px 2px 4px;
  margin: 2px 0 2px 2px;
  background-color: #e0e0e0;
  border-color: #bfbfbf;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  margin: 0 2px 2px 0;
}
.select2-container-multi.select2-container-disabled.tagrender-basicicon .select2-choices .select2-search-choice {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0px 4px 4px 4px;
}
.select2-container-multi.select2-container-disabled.tagrender-basicicon .select2-choices .select2-search-choice .tagging-tag-container {
  padding: 0;
  margin: 0;
}
.select2-container-multi .select2-search-choice-close {
  right: 5px;
  left: auto;
  top: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice {
  color: #000000;
}
/* updates for custom display of multiselect options */
.select2-results .select2-result-label .tagging-text-container,
.select2-container-multi .select2-choices .select2-search-choice .tagging-text-container {
  display: inline-block;
  vertical-align: middle;
}
.select2-results .select2-result-label .tagging-text,
.select2-container-multi .select2-choices .select2-search-choice .tagging-text {
  vertical-align: middle;
  line-height: 22px;
  display: block;
}
.select2-results .select2-result-label .tagging-text.tagging-text-super,
.select2-container-multi .select2-choices .select2-search-choice .tagging-text.tagging-text-super {
  line-height: 12px;
  padding-top: 2px;
}
.select2-results .select2-result-label .tagging-name,
.select2-container-multi .select2-choices .select2-search-choice .tagging-name {
  vertical-align: middle;
  display: block;
  float: right;
  line-height: 10px;
  font-size: 10px;
  font-style: italic;
  padding: 0;
  margin: -2px 0 0 0;
}
.select2-results .select2-result-label .tagging-icon,
.select2-container-multi .select2-choices .select2-search-choice .tagging-icon {
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;
}
.select2-container-multi.select2-container-disabled.tagrender-basicicon .select2-choices .select2-search-choice .tagging-icon {
  line-height: 16px;
}
.select2-results .select2-result-label .tagging-icon {
  margin-right: 6px;
}
.select2-container-multi .select2-choices .select2-search-choice .tagrender-icontext .tagging-icon {
  margin-right: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .tagging-icon.tagrender-icon {
  margin-right: 0;
}
/* reduce the padding of the input for the multiselect */
.select2-container-multi .select2-choices .select2-search-field input {
  line-height: 20px;
  padding: 4px;
  color: #000000;
}
/* update display of disabled (readonly) multiselect */
.select2-container-multi.select2-container-disabled.tagrender-basicicon {
  vertical-align: top;
}
.select2-container-multi.select2-container-disabled .select2-choices {
  border: 0;
  background: none;
  padding: 0;
  min-height: 24px;
}
.select2-container-multi.select2-container-disabled.tagrender-basicicon .select2-choices {
  min-height: 16px;
}
/* hide the search field when displaying in readonly mode */
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-field {
  display: none;
}
/* Fix for Firefox issue: ECMS-3598
	In theory, this change can be removed once the Select2 library is upgraded to version 4.0.0 or above.
*/
.select2-container {
  display: inline-block !important;
}
/* =================================
	autocomplete
================================= */
.ct-autocomplete {
  min-width: 175px;
  font-family: Arial;
  font-size: 12px;
}
.ct-autocomplete-result {
  font-family: Arial;
  font-size: 12px;
}
.ct-autocomplete > a:hover {
  text-decoration: none;
}
.ct-autocomplete a {
  font-weight: normal;
}
.ct-autocompleteSplitOption {
  display: table;
  width: 100%;
}
.ct-autocompleteSplitOption .primary {
  display: table-cell;
}
.ct-autocompleteSplitOption .secondary {
  display: table-cell;
  text-align: right;
  color: #a7a7a7;
  padding-left: 16px;
}
/* =================================
	tagging
================================= */
.ct-taggingSummary .ct-iconLabels {
  line-height: 16px;
  vertical-align: middle;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.select2-results .select2-highlighted {
  background: #3875d7 !important;
  color: #ffffff !important;
}
.ui-tooltip-content .select2-container-multi.select2-container-disabled .select2-choices {
  min-height: 22px;
}
/* element used to calculate tag width before displaying tagging summary */
#tagging-summary-width {
  font-size: 11px;
  position: absolute;
  top: -10000px;
  left: -10000px;
}
/* moved the padding from the select option to the tagging-tag-container so the tooltip will display even when hovering
 * over the padding
 */
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 0 14px 0 0;
}
.select2-container-multi .select2-choices .select2-search-choice.select2-locked,
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 0 !important;
}
.select2-container-multi .select2-choices .select2-search-choice .tagging-tag-container {
  padding: 1px 4px;
}
/* update styles for security type tags to be slightly different from tagging tags
 */
.select2-container-multi.ct-securityType .select2-choices .select2-search-choice,
.select2-container-multi.select2-container-disabled.ct-securityType .select2-choices .select2-search-choice {
  background-color: #ea5959;
  border: 1px solid #e42c2c;
  color: #ffffff;
  text-shadow: 1px 1px 1px #333333;
  box-shadow: none;
}
.select2-container-multi.ct-securityType .tagging-text,
.select2-container-multi.ct-securityType a.select2-search-choice-close {
  color: #ffffff;
}
.select2-container-multi.select2-container-disabled.ct-tagging-security-readonly .select2-choices .select2-search-choice {
  margin: 0 2px 2px 0;
  background-color: #ea5959;
  border: 1px solid #e42c2c;
  text-align: center;
  box-shadow: none;
}
.select2-container-multi.select2-container-disabled.ct-tagging-security-readonly .select2-choices .tagging-text {
  color: #ffffff;
  background-color: #ea5959;
}
/* =================================
	Banner
================================= */
#applicationBannerBar {
  background: #231f20;
  background-image: linear-gradient(to bottom, #474747 17%, #201d1e 80%);
  font-family: Arial;
  font-size: 12px;
  color: #FFFFFF;
  padding: 3px;
  margin-bottom: 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 3px #a0a0a0;
}
/* prevents the banner bar from resizing as the banner image loads */
#applicationBannerBar tr {
  height: 33px;
}
#bannerImage {
  border-radius: 6px;
  cursor: pointer;
  font-size: 22px;
  text-shadow: 1px 1px 1px #000;
  font-family: Arial;
  font-variant: small-caps;
  padding: 15px 8px 0 8px;
  white-space: nowrap;
  /* these are for alignment issues to make Chrome and FF match each other */

  vertical-align: text-top;
  line-height: 5px;
  transition: background 0.3s ease-out;
}
#bannerImage:hover {
  background-color: #312b2c;
}
/* =================================
	Banner Icons/Dropdowns
================================= */
#banner-icon-tray {
  white-space: nowrap;
  background: #332d2f;
  border-radius: 4px;
  padding: 1px 3px 0px 3px;
  border: 1px solid #201d1e;
}
.banner-button {
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
}
.banner-button.active {
  background: #594f51;
  border-radius: 8px 8px 0 0;
}
.banner-button > a.ct-hyperlink:focus {
  outline: none;
}
div.banner-button {
  display: inline-block;
  width: 26px;
}
.banner-icon {
  display: inline-block;
  text-shadow: 1px 1px #030303;
  padding: 5px 6px;
  font-size: 16px;
  color: #ffffff;
}
.banner-count {
  color: #ffffff;
  position: relative;
  font-size: 10px;
  text-align: center;
  display: inline;
  left: -13px;
  top: 2px;
  padding: 0 3px 0 2px;
  border-radius: 4px;
  background: #e00000;
  text-shadow: 1px 1px 0px #000000;
}
.banner-dropdown {
  display: none;
  position: absolute;
  color: #ffffff;
  top: 0px;
  left: 0px;
  background: #594f51;
  padding: 6px;
  border-radius: 8px 0 8px 8px;
  width: 400px;
  z-index: 200;
  box-shadow: 0px 7px 13px -2px #4d4d4d;
}
.banner-dropdown.fullwidth {
  border-top-left-radius: 0;
}
.banner-dropdown-title {
  font-size: 14px;
  color: #030303;
  font-weight: bold;
  background: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 8px 8px 8px 8px;
  border-bottom: 1px solid #594f51;
}
.banner-dropdown-content {
  background: #ffffff;
  color: #6b6b6b;
}
.banner-dropdown-footer {
  background: #ffffff;
  color: #6b6b6b;
  border-radius: 0 0 8px 8px;
  padding: 8px 20px;
  font-size: 11px;
  border-bottom: none;
  border-top: 1px solid #594f51;
}
/* =================================
	Notifications Banner Dropdown
================================= */
#notifications-dropdown-selection {
  float: right;
  padding: 6px 20px 0 0;
}
#notifications-dropdown-content {
  max-height: 441px;
  overflow-y: scroll;
}
#notifications-dropdown-content > div {
  padding: 7px 8px;
  border-bottom: 1px solid #cccccc;
}
#notifications-dropdown-content > div:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
#notifications-dropdown-content div.body {
  font-size: 12px;
}
#notifications-dropdown-content div.sentdate,
#notifications-dropdown-content div.sentdate > span {
  font-size: 11px;
  color: #939393;
  font-style: italic;
  padding-top: 4px;
}
#notifications-more {
  float: left;
  display: inline-block;
}
#notifications-all {
  text-align: right;
}
#notifications-dropdown-content div.notifications-dropdown-empty {
  font-weight: bold;
  font-style: italic;
  padding: 15px 8px;
  text-align: center;
  font-size: 12px;
}
#notifications-dropdown-content div.notifications-dropdown-empty:hover,
#notifications-dropdown-content div.banner-dropdown-footer:hover {
  background: transparent;
  cursor: default;
}
/* =================================
	User Actions Banner Dropdown
================================= */
#user-actions {
  white-space: nowrap;
  font-weight: bold;
  padding: 0px;
  padding-left: 5px;
  padding-right: 3px;
}
#user-actions.active {
  background: transparent;
}
#user-actions-container {
  min-height: 22px;
  margin-top: 2px;
  padding: 3px 6px 5px 6px;
}
#user-actions-container > span {
  display: inline-block;
  margin-top: 3px;
}
#user-actions.active #user-actions-container {
  background: #594f51;
  border-radius: 8px 8px 0 0;
}
#user-actions-dropdown {
  min-width: 230px;
}
#user-actions-dropdown-content {
  padding-top: 4px;
}
#user-actions-dropdown-content table td {
  padding: 3px 6px;
}
#user-actions-dropdown-content table td,
#user-actions-dropdown-content table td a {
  font-size: 12px;
}
#user-actions-dropdown-content table tr.divider td {
  border-bottom: 1px solid #cccccc;
  height: 1px;
  padding: 0;
}
#user-actions-dropdown-footer {
  border-top: none;
  padding: 4px 0px;
}
.banner-title {
  margin-left: 5px;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 5px;
  padding-top: 4px;
  text-shadow: 1px 1px 0 #000000;
  height: 28px;
  color: #ffffff;
  width: 100%;
}
.banner-text {
  color: white;
  font-family: Arial;
  font-size: 23px;
  font-variant: small-caps;
  font-style: normal;
  padding: 2px 6px 1px 6px;
  display: inline-block;
  border-radius: 4px;
  transition: background 0.3s ease-out;
  text-shadow: -1px -1px 2px #b0b0b0, 1px 1px 1px #003515;
  line-height: 22px;
  vertical-align: super;
}
.banner-text:hover {
  background: #594f51;
  cursor: pointer;
}
.banner {
  background: #231f20;
  background-image: linear-gradient(to bottom, #403f3f 17%, #201d1e 70%);
  font-family: Arial;
  font-size: 12px;
  color: #ffffff;
  padding: 3px;
  margin-bottom: 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 3px #a0a0a0;
}
.banner > table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
#leftNavCell {
  padding: 0px;
  /* removes global table padding */

  width: 185px;
  min-width: 185px;
  /* Mantis #0035697 - specifiy min-width here, otherwise cramped display/page will steal whitespace and shadow space */

}
#leftNavCell.minimized {
  width: 0;
  min-width: 0;
}
/* =================================
	Login Screen
================================= */
.otherLoginOptions {
  padding: 5px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  margin-top: 15px;
}
.otherLoginOptions ul {
  list-style-position: inside;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 10px;
}
.otherLoginOptions li {
  list-style: none;
}
/* =================================
	Contact Information
================================= */
#contactList {
  margin: 0;
  padding: 0;
}
#contactList li {
  line-height: normal;
  float: left;
  margin-right: 60px;
  padding: 2px 0;
  list-style: none;
  border-width: 1px;
  border-image: none;
}
#emailContactList {
  margin: 0;
  padding: 0;
}
#emailContactList li {
  line-height: normal;
  float: left;
  margin-right: 60px;
  padding: 2px 0;
  list-style: none;
  border-width: 1px;
  border-image: none;
}
/* =================================
	Domain Information
================================= */
#domainList {
  margin: 0;
  padding: 0;
}
#domainList li {
  list-style: none;
}
/* =================================
	Home screen portlets
================================= */
.portlet-header {
  background: #231f20;
  background-image: linear-gradient(to bottom, #403f3f 17%, #201d1e 70%);
  text-shadow: 1px 1px 0px #080707;
}
#sortable .ui-sortable-placeholder {
  background-color: #cccccc;
  background-image: linear-gradient(to top, #cccccc 28%, #b3b3b3 64%);
}
#sortable .ui-sortable-helper {
  box-shadow: 0px 4px 32px #000000;
}
/* =================================
	System User notification
================================= */
.notification-unread {
  font-weight: bold;
  background-color: #f0f0f0;
}
.notification-read {
  font-weight: normal;
}
.notification-message-read {
  background-color: #f0f0f0;
  border-bottom-color: #ababab;
}
.noticiation-checkbox {
  text-align: center;
}
.notificationMessage {
  position: relative;
  padding: 10px 10px 10px 0;
  border-bottom-width: 1px;
  border-bottom-color: #ababab;
  clear: both;
  float: left;
}
tr.notificationInfoExpanded td {
  border-bottom: 0;
}
/* ============================
 	Court Tag
 =============================*/
div.courtSelectionWrapper {
  float: left;
  padding-top: 3px;
  margin-right: 50px;
}
/* =================================
	User Actions Banner Dropdown
================================= */
#user-actions-authorizingUser {
  font-size: 10px;
}
#user-actions-authorizingUser .ct-content {
  color: #b8b8b8;
}
#user-actions.active #user-actions-authorizingUser {
  font-size: 10px;
  color: #0d1820;
}
.user-legalOrganization {
  font-family: Arial;
  font-size: 10px;
  color: #ffffff;
  font-style: italic;
  text-align: center;
}
/* =================================
	Fees Styles
================================= */
th.feesCell,
td.feesCell {
  text-align: right;
  padding-right: 15px;
}
tfoot.totalFooter td {
  background-color: #e6e6e6;
  font-weight: bold;
  color: #000000;
}
/* =================================
	Resubmit Icon Styles
================================= */
.ct-iconNext {
  font-size: 18px;
  font-weight: normal;
  font-family: tagicons;
  line-height: 13px;
  color: #000000;
  text-decoration: none;
  position: relative;
  top: 1px;
  opacity: 0.40;
  filter: alpha(opacity=40);
  /* IE8 position & size hacks */

  top: 2px\9;
  display: inline-block\9;
  font-size: 19px\9;
  font-weight: normal\9;
}
.ct-iconNext:hover {
  cursor: pointer;
  text-decoration: none !important;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
/* =========================================
	Docket Entry Document Hover Menu Styles
============================================ */
.ct-efileDocumentRowLink {
  cursor: pointer;
}
/* =========================================
	Court Seletion Field 
============================================ */
.court-options {
  padding-left: 15px;
}
/* =========================================
	Associated Filing Styles
============================================ */
#associatedFilingBundle tr td {
  font-size: 12px;
}
#associatedFilingBundle tr.currentFiling td {
  font-weight: bold;
}
/* =================================
	Configuration Range
================================= */
.cc-context-configurationRangeInfoTable {
  width: 173px;
  table-layout: fixed;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* =================================
	Case info panel
================================= */
.cc-context-caseInfoTable {
  width: 173px;
  table-layout: fixed;
  /* required for word wrapping behavior defined below on TDs */

}
.cc-context-caseInfoTable td {
  word-wrap: break-word;
}
div.termsAndConditionsDiv > div {
  font-size: 12px;
  font-family: sans-serif;
}
div.termsAndConditionsDiv > ol {
  padding-left: 25px;
  margin: 5px 0;
  font-size: 12px;
  font-family: sans-serif;
}
.termsAndConditionsDiv {
  display: none;
  height: 100px;
  overflow-y: scroll;
  border: 1px solid #ababab;
  background: none repeat scroll 0 0 #ffffff;
  padding: 5px;
}
.registrationComments {
  height: 80px;
}
#contactList {
  margin: 0;
  padding: 0;
}
#contactList li {
  line-height: normal;
  float: left;
  margin-right: 60px;
  padding: 2px 0;
  list-style: none;
  border-width: 1px;
  border-image: none;
}
#emailContactList {
  margin: 0;
  padding: 0;
}
#emailContactList li {
  line-height: normal;
  float: left;
  margin-right: 60px;
  padding: 2px 0;
  list-style: none;
  border-width: 1px;
  border-image: none;
}
div.questionAnswer ul li {
  list-style: none;
  line-height: normal;
  float: left;
  width: 50%;
  padding: 2px 0;
  border-width: 1px;
  border-image: none;
  white-space: nowrap;
}
div.questionAnswer table {
  margin: 1em 1em 1em 2em;
}
div.questionAnswer table tr td {
  vertical-align: top;
}
div.clear-floats {
  clear: both;
}
div.question {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
#progress-label {
  margin-bottom: 10px;
  color: #333333;
  font-weight: bold;
  font-size: 11px;
  font-family: Tahoma, sans-serif;
}
#progress-bar {
  width: 100%;
  height: 15px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
#progress {
  background: #231f20;
  background-image: linear-gradient(to left, #231f20 28%, #675b5e 64%);
  height: 15px;
  border-radius: 4px;
}
/*===============================
    Custom RCJ Styles
 ================================*/
#bannerImage {
  font-variant: normal;
  font-size: 18px;
}
.banner-text,
.ct-pageHeader,
.ui-accordion-header {
  font-family: Arial, sans-serif;
}
/* =================================
	Hide the help icon for now 
================================= */
.ct-pageHeader .ct-iconQuestionMark {
  display: none;
}
/* ========================================================
	Override for Current element Breadcrumb/progress bar 
=========================================================== */
.ct-breadcrumbs li.current {
  background-image: linear-gradient(to right, #84a3bc 100%, #d9d9d9 31%);
}
.ct-breadcrumbs li.current:after {
  border: 12px solid transparent;
  border-left: 12px solid #84a3bc;
}
.ct-breadcrumbs li.current a:link,
.ct-breadcrumbs li.current a:visited {
  color: #ffffff;
  text-shadow: none;
}
/*==============================================
 	RCJ Style override on new TR Colour schema
 =============================================*/
.ui-accordion-header,
.ui-dialog .ui-widget-header,
.ct-headerCell,
.ct-resultsTable th,
.ct-pageHeader {
  border-bottom: none;
}
.ct-pageContent {
  border-top: 1px solid #bfbfbf;
}
.ct-resultsTableHeader-title,
.ct-sectionTitle .ct-hyperlink {
  text-transform: none;
}
/* =================================
	PBA Number Information
================================= */
#pbaNumberList {
  margin: 0;
  padding: 0;
}
#pbaNumberList li {
  list-style: none;
}
/* =================================
	Styles to handle long matter number.
================================= */
#leftNav .ct-content,
#leftNav .ct-hyperlink {
  white-space: -moz-pre-wrap !important;
  /* Mozilla, since 1999 */

  white-space: -webkit-pre-wrap;
  /*Chrome & Safari */

  white-space: -pre-wrap;
  /* Opera 4-6 */

  white-space: -o-pre-wrap;
  /* Opera 7 */

  white-space: pre-wrap;
  /* css-3 */

  word-wrap: break-word;
  /* Internet Explorer 5.5+ */

  word-break: break-all;
  white-space: normal;
  display: inline-block;
}
/* =================================================================
   Adjustment for "Terms and Conditions" block on registration page.
   ================================================================= */
#termsAndConditionCB,
#nonTextLabel1 {
  margin-bottom: 2px;
}
/* ====================================================================================
	Insert line breaks in title page the text would otherwise overflow its content box.
======================================================================================== */
.ct-pageHeader {
  word-break: break-all;
}