@charset "UTF-8";
/* settings for Linedata_VibrantRed theme */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}

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

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

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

#cs-layout-content {
  flex-grow: 1;
  background-color: #fafafa;
  overflow: auto;
}

#cs-layout-content .cs-main-form {
  min-height: 100%;
  width: 100%;
  position: relative;
}

/***** Tab Bar BEGIN *****/
#cs-tab-ctrl-bar {
  position: fixed;
  top: 0px;
  transition: all 0.4s ease 0s;
  /*border-top: 1px solid white;*/
  border-bottom: 1px solid #d0d0cf;
  z-index: 3;
  /*box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.21), 0 6px 10px 0 rgb(255, 255, 255), 0 1px 18px 0 rgb(255, 255, 255);*/
  background: #c1d3d4;
  right: 0px;
  left: 300px;
  padding: 0px 10px;
  color: #62626e;
  transition: all 0.4s ease 0s;
}
#cs-tab-ctrl-bar .cs-mdc-button, #cs-tab-ctrl-bar button {
  font-size: 1.2rem;
  margin: 5px;
  color: #62626e;
  height: 50px;
  background-color: #c1d3d4;
  border: none;
}
#cs-tab-ctrl-bar .cs-mdc-button:hover, #cs-tab-ctrl-bar button:hover {
  color: #000;
}
#cs-tab-ctrl-bar .dropdown {
  display: inline;
}
#cs-tab-ctrl-bar .dropdown-menu {
  text-align: center;
  padding: 5px;
}
#cs-tab-ctrl-bar .dropdown-menu .cs-mdc-button, #cs-tab-ctrl-bar .dropdown-menu button {
  margin: 0px;
  height: 30px;
  background-color: #FFFFFF;
  width: 250px;
  justify-content: left;
}
#cs-tab-ctrl-bar .dropdown-menu .cs-mdc-button:hover, #cs-tab-ctrl-bar .dropdown-menu button:hover {
  background-color: #c1d3d4;
}
#cs-tab-ctrl-bar #cs-tab-bar-header #title {
  margin: 0px;
  padding: 0px 5px;
  visibility: visible;
}
#cs-tab-ctrl-bar #cs-tab-bar-header .icon-mdviewer {
  font-size: 1.4em;
}
#cs-tab-ctrl-bar #cs-tab-bar-form-btns {
  flex: 1;
  text-align: right;
}
#cs-tab-ctrl-bar .material-icons {
  color: #6fc5ca;
}

#catalogs-structure #cs-tab-ctrl-bar {
  position: inherit;
}

/* favorite */
.cs-ui-favor, .page-toggle {
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  color: #6fc5ca;
}

.cs-ui-favor-on, .page-toggle-on {
  color: #E40134;
}

.cs-ui-favor-off, .page-toggle {
  color: #6fc5ca;
}

/***** Form Content *****/
.cs-form-row .cs-form-row-column .cs-mdc-button, .cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-button, .cs-panel .portlet-header .cs-mdc-button, .cs-panel .groupHeader .cs-mdc-button, #cs-layout-content .groupHeader .cs-mdc-button {
  font-size: 1rem;
  border-radius: 3px;
  border: 1px solid #d0d0cf;
  color: #333;
  padding: 0px 10px;
  margin: 0px 3px;
}

#cs-layout-content {
  margin: 70px 10px 0px 0px;
}
#cs-layout-content .groupHeader .cs-mdc-button {
  color: #000;
}

.cs-panel {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.cs-panel .portlet-header, .cs-panel .groupHeader {
  /*background-color: $cs-primary-medium-grey;*/
  padding: 8px;
  border-radius: 0px;
  margin-bottom: 2px;
}
.cs-panel .portlet-header h3, .cs-panel .groupHeader h3 {
  margin: 0px;
}
/***** *****/
.mdc-select--disabled {
  opacity: 1;
}

.cs-form-ctrl .pageContentLink {
  font-size: 15px;
}

.panel .portlet-header-text h4 {
  font-size: small;
}

.form-control-static {
  font-size: 1.5rem;
}

.cs-page-content {
  padding-bottom: 5px;
}

.tab-header-text, #search-modal .modal-header {
  color: #f59f20;
  font-size: 1.2rem;
}

.header-context-text {
  color: #f59f20;
  font-size: 1.8rem;
}

textarea {
  resize: vertical;
}

select::-ms-value {
  background: transparent;
  color: black;
}

/***** START styles for Login screen *****/
/*
body, html 
{
	height: 100%;
	margin: 0px;
}
*/
.loginContainer .imgHeader {
  text-align: center;
}

.cs-flex-column {
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

.login-label {
  font-weight: bold;
}

.login-error {
  width: 250px;
  margin: 5px 0px;
  font-size: 0.8em;
}

.logintable {
  top: 0;
  left: 0;
  position: fixed;
  border-spacing: 0;
}

.loginContainer {
  border: 1px solid #a5a5a5;
  /* margin: 15% 30% 15% 30%;  */
  display: table;
  margin-top: auto;
  box-shadow: 5px 5px 5px #888888;
  border-radius: 5px 5px 5px 5px;
}
.loginContainer .imgHeader {
  background-color: #E40134;
  text-align: left;
  /* margin :1px 1px 1px 1px ;   */
}
.loginContainer .imgHeader img {
  width: 230px;
}

.bgHeadercolor {
  background-color: #a5a5a5;
  height: 2%;
}

.loginContainer div {
  padding: 15px 15px;
}

.ldFormHeaderBorder, .signInBtn {
  display: table-row;
  font-size: 14px;
  font-weight: normal;
  height: auto;
  width: 95%;
  text-align: left;
  font-family: Arial;
  color: #E40134;
}

.ldFormHeaderBorder input {
  font-family: Arial;
}

.signInBtn {
  text-align: right;
  border: 0px solid gray;
}
.signInBtn input {
  background-color: #E40134;
  color: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  margin-top: 0px;
  cursor: pointer;
}

.loginContentLink {
  font-size: 0.8em;
  font-weight: normal;
  text-decoration: none;
  color: #E40134;
  float: left;
}
.loginContentLink:hover {
  color: #6fc5ca;
}

.loginSupport {
  float: right;
}

.imgNewFooter {
  width: 350px;
  text-align: left;
  background-color: #E40134;
}

.loginfooter {
  background-color: #E40134;
  text-align: left;
}

.copyright {
  font-size: 10px;
  color: grey;
  text-align: center;
}
.copyright p {
  position: relative;
}

.ldLoginInputBox {
  border-radius: 4px 4px 4px 4px;
  border: 1px solid gray;
}

#hr-divider {
  width: 300px;
  border: 0.5px solid #9d9d9c;
  text-align: center;
  margin: auto;
}

.cs-login-error {
  background-color: #ffc7c7;
  width: 100%;
  color: #b71928;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.cs-login-processing {
  cursor: initial;
  background-color: buttonface;
}
.cs-login-processing img {
  display: initial;
  vertical-align: middle;
}

.cs-login-error-icon {
  margin-right: 10px;
}

#cs-login #cs-login-header {
  height: 30%;
}

#cs-login #cs-login-header #cs-login-header-img {
  height: 100%;
  width: 70%;
}

#cs-login #cs-login-content {
  height: 60%;
  align-self: center;
  width: 400px;
  align-items: center;
  padding: 30px 0px;
  min-height: 400px;
}

#cs-login-content .cs-product-title {
  font-size: 24pt;
  font-weight: bold;
  margin-bottom: 20px;
}

#cs-login-content .cs-product-title, .cs-login-ctrl .cs-login-ctrl-label {
  color: #E40134;
}

#cs-login-content .cs-login-form {
  height: 80%;
  width: 100%;
}

#cs-login #cs-login-footer {
  height: 20%;
}

.cs-login-form {
  padding: 10px 0px;
}

.cs-login-ctrl {
  margin: 10px 0px;
}
.cs-login-ctrl .cs-login-ctrl-label {
  font-size: 14pt;
}
.cs-login-ctrl input {
  margin: 10px 0px;
  margin: 10px 0px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d1c9c0;
  border-radius: 0px;
  padding: 8px 5px;
  font-size: 15px;
}

#login_button_panel {
  width: 100%;
  border-radius: 0px;
  background-color: #E40134;
  color: #fff;
}
#login_button_panel:hover {
  background-color: #6fc5ca;
}

#cs-login-support, #cs-login-forgotpwd, #cs-login-reset {
  padding: 0px 10px;
  color: #4343bdc4;
}

#cs-login-support, #cs-login-reset {
  border-right: 1px solid #E40134;
}

#cs-login-security {
  justify-content: center;
}

.cs-poweredby-logo {
  width: 200px;
  padding: 20px;
  text-align: end;
}

#cs-login-copyright {
  height: 10%;
  justify-content: center;
  align-items: center;
}
#cs-login-copyright #brand-logo {
  position: fixed;
  bottom: 50px;
  right: 0px;
  height: 70px;
  padding: 0px 30px;
}
#cs-login-copyright #info {
  color: #9d9d9c;
}

#closeExistingSession {
  padding: 0px;
  margin: 0px;
  width: auto;
}

.csmd-login-ctrl {
  margin-bottom: 20px;
}
.csmd-login-ctrl .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #E40134;
}
.csmd-login-ctrl .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path {
  stroke: #E40134;
}
.csmd-login-ctrl .mdc-checkbox {
  background-color: initial;
}

/***** END styles for Login screen *****/
/****** START Search screen  *****/
.search-container .tabbar-header {
  padding: 0px;
  font-size: 1.5em;
  font-weight: 600;
}
.search-container .page-main-header {
  background-color: #E40134;
  padding: 15px;
}
.search-container #basic-search-panel {
  padding: 5px 5px 0px 5px;
}
.search-container .cs-form-row .cs-form-row-column {
  padding: 0px;
}
.search-container .cs-form-row .cs-form-row-column .cs-form-ctrl {
  max-width: 100%;
  min-width: 150px;
  padding: 0px;
  min-height: 65px;
}
.search-container .search-result {
  padding: 5px;
}

/* Basic filters container stylesheets */
/*Basic filters panel stylesheets*/
#basic-filter-panel, #basic-search-panel {
  /* height:100%; */
}

#basic-filter {
  /* height:55%; */
  /* overflow:auto; */
  width: 100%;
}

/* Basic filters formrow input controls stylesheets */
#basic-filter .form-group .form-control {
  width: 100%;
}

#advance-filter {
  /* height: 35%; */
  /* overflow:auto; */
  border-top: 1px solid #ccc;
}

#advance-filter #multirowTable td {
  padding: 3px;
  vertical-align: middle;
}

#basic-filter-panel .form-group {
  margin: 5px;
}

#basic-filter-panel .panel-heading, #advance-filter-panel, #basic-filter-panel, #SearchResultForm .page-main-header {
  border: 0px;
  border-radius: 0px;
}

#basic-filter-panel .page-main-header {
  /*padding: 8px 12px 8px 0px;*/
}

#SearchPanelFrame, #SearchResultFrame {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px;
}

.search-container {
  background: #fff;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24), 0 0 2px rgba(0, 0, 0, 0.12) !important;
  border: 0px;
  padding: 0px;
  height: 700px;
}

.modal-body .search-container {
  height: 100%;
}

/*Advance filters container toggle icon stylesheets*/
#advance-filter-toggle, #adv-option-add, .search-panel-toggle .fa, #basic-filter-panel .collapsed:before, #SearchPanelSearchButton {
  padding: 0px 10px;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 1.4em;
}

#adv-option-add {
  color: #6fc5ca;
}

#SearchPanelSearchButton {
  padding: 1px;
}

#search-modal .modal-header {
  background: #E40134;
  color: white !important;
  font-size: 1.5rem;
  font-weight: 600;
}

#search-modal .modal-body {
  height: 500px;
  padding: 5px;
}

/*SearchResults frame stylesheets*/
#SearchResultFrame {
  height: 100%;
  padding: 0px;
  overflow: hidden;
  min-height: 400px;
}

#search-result-content {
  overflow: auto;
  height: 90%;
}

#search-result-content .contentHeaderBG {
  background-color: #757575;
}

/*Search Result pagination controls stylesheets */
#search-result-control {
  margin-left: 25%;
}

#SearchResultForm .page-main-header {
  /*padding: 11px;*/
}

#SearchResultForm {
  height: 100%;
}

#SearchResultForm .fa {
  cursor: pointer;
  margin: 0px 5px;
  color: #ccc;
  font-size: 1.4em;
}

#search-modal .modal-body #SearchPanelFrame {
  border-right: 1px solid #ccc;
}

/* .search-panel-toggle:before,#basic-filter-panel .collapsed:before
{
	display: inline-block;
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
*/
.search-panel-toggle .fa-chevron-down, #basic-filter-panel .collapsed .fa-chevron-up {
  display: inline-block;
}

.search-panel-toggle .fa-chevron-up, #basic-filter-panel .collapsed .fa-chevron-down {
  display: none;
}

/****** END Search screen styles  *****/
/****** START My Tools Menu styles  *****/
div.menu {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 7.5pt;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #E40134;
}

a.menu {
  background: none;
}

div.menuOver {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: bold;
  text-decoration: none;
  background-color: #b71928;
}

.border {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: bold;
  text-decoration: none;
  color: #E40134;
  background-color: #000000;
}

.separator {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: bold;
  text-decoration: none;
  color: #E40134;
  background-color: #000000;
}

.myToolsEnabled {
  color: #E40134;
}

/****** END My Tools Menu styles  *****/
/***** Styles for Calendar *****/
.calendarHeader {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.3cm;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
}

.calendarOffDays {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: none;
  color: #333333;
}

.calendarBG {
  background-color: #FFFFFF;
}

.calendarNavHeaderBG {
  background-color: #6fc5ca;
}

.calendarWeekendBG {
  background-color: #e9e9e9;
}

.calendarMonthDay {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.4cm;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

.calendarNavHeaderContent {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.weekDayHeader {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.1cm;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

.calendarPageContentLink:link {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: underline;
  color: #293bae;
}

.calendarPageContentLink:visited {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: underline;
  color: #293bae;
}

.calendarPageContentLink:hover {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: underline;
  color: #6fc5ca;
}

.calendarNavHeaderLink:link {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}

.calendarNavHeaderLink:visited {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}

.calendarNavHeaderLink:hover {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}

/* ---- End of New Style Classes for Application Ver 10.0 --- */
/* ---- Begin of New Style Classes for Jquery Date Picker of Application Ver 10.2 --- */
/* Styles for the DatePicker month and year. */
#ui-datepicker-div .ui-datepicker-header, .ui-widget-header {
  border: 1px solid #ded3cc;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.3cm;
  font-weight: bold;
  text-decoration: none;
  background: #E40134;
}

/* Styles for the DatePicker days. */
#ui-datepicker-div .ui-datepicker-calendar thead {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.3cm;
  font-weight: bold;
  text-decoration: none;
  color: #b16535;
  background: #fcfcfc;
}

/* Styles for the DatePicker table content. */
#ui-datepicker-div .ui-datepicker table {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: normal;
  border-collapse: collapse;
}

/* Styles for the DatePicker table content. */
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {
  border: 1px solid #ddd;
  background: #FFFFFF;
  font-weight: bold;
  color: #685f59;
}

/* Styles for the DatePicker current date highlight hover. */
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
  border: 1px #ddd;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 0.265cm;
  font-weight: bold;
  color: #faf7f5;
  background: #E40134;
}

/* Styles for the DatePicker current cell hover. */
#ui-datepicker-div .ui-state-default:hover {
  text-decoration: underline;
}

#ui-datepicker-div .ui-datepicker-calendar thead, .ui-helper-clearfix span {
  color: #E40134;
}

button.ui-datepicker-trigger .fa {
  color: #E40134;
}

/* ---- End of New Style Classes for Jquery Date Picker of Application Ver 10.2 --- */
/****** START various header styles*****/
#cs-layout-header {
  background-color: #E40134;
  align-items: center;
  padding: 0px 10px;
}
#cs-layout-header .cs-layout-header-item {
  padding: 20px 5px;
}
#cs-layout-header .cs-leftnav-trigger {
  color: #fff;
  cursor: pointer;
}
#cs-layout-header #cs-header-logo {
  padding: 10px;
  cursor: pointer;
}
#cs-layout-header #cs-header-user-nav {
  flex-grow: 1;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
}
#cs-layout-header #cs-header-user-nav .header-search {
  width: 100%;
}
#cs-layout-header .cs-header-user-menu .material-icons {
  vertical-align: middle;
}
#cs-layout-header .cs-header-user-menu {
  color: #fff;
  cursor: pointer;
}
#cs-layout-header #cs-global-search {
  height: 35px;
  width: 400px;
  border-radius: 2px;
  background-color: #cb1039;
}
#cs-layout-header #cs-global-search #cs-global-search-input {
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  border: 0px;
  outline: none;
  flex-grow: 1;
  padding: 5px;
  background-color: #cb1039;
}
#cs-layout-header #cs-global-search button, #cs-layout-header #cs-global-search input {
  color: #fff;
}
#cs-layout-header #cs-global-search input::placeholder {
  color: #fff;
  opacity: 1;
  /* Firefox */
}
#cs-layout-header #cs-global-search #cs-global-search-trigger {
  padding: 0px;
}

#user-info-dropdown .open .header-menu-icon, #user-info-dropdown .open .header-context-name, #user-info-dropdown .open .header-context-text:hover {
  color: #6fc5ca !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
  color: #f4f4f4;
  text-decoration: none;
  background: #6fc5ca;
  margin: 0px;
}

/****** END various header styles*****/
/***** START styles for Workspace Nav/Left Nav *****/
#cs-left-nav {
  width: 300px;
  min-width: 300px;
  background-color: #f3f3f3;
  transition: all 0.4s ease 0s;
  /*box-shadow: 0 -1px 0 0 rgba(0,0,0,.02), 0 2px 4px 0 rgba(0,0,0,.2);*/
  border-right: 1px solid #d0d0cf;
  margin: 0px 10px 0px 0px;
  /*Footer stylesheet*/
}
#cs-left-nav .panel .fa {
  color: #6fc5ca;
}
#cs-left-nav .panel .panel-heading.active a {
  color: #E40134;
}
#cs-left-nav #formNavigation, #cs-left-nav #formActions {
  font-size: 1.4rem;
}
#cs-left-nav #formNavigation .no-list-group .list-group-item, #cs-left-nav #formNavigation .list-group .list-group-item {
  border-left-color: #eee;
}
#cs-left-nav #formNavigation .list-group-item.active {
  border-left: 3px solid #E40134;
}
#cs-left-nav #workspaceFooter .fa {
  color: #E40134;
}
#cs-left-nav #workspaceFooter .fa:hover {
  color: #6fc5ca;
}

#cs-left-nav-trigger {
  position: absolute;
  left: 300px;
  background-color: #eee;
  padding: 10px 0px;
  top: 50%;
  box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  border-radius: 0px 4px 4px 0px;
  outline: none;
  transition: all 0.4s ease 0s;
  z-index: 2;
}

#cs-left-nav-trigger:hover {
  background: #6fc5ca;
  color: #FFFFFF;
}

.cs-left-nav-hide #cs-left-nav {
  width: 0px;
  min-width: 0px;
  overflow: hidden;
}

.cs-left-nav-hide #cs-left-nav #cs-left-nav-trigger {
  background-color: #6fc5ca;
  color: #FFFFFF;
}

.cs-left-nav-hide #cs-left-nav #cs-left-nav-trigger, .cs-left-nav-hide #cs-tab-ctrl-bar {
  left: 0px;
}

.list-group-item, #formNavigation .list-group .list-group-item, #formActions .list-group-item, #workspaceFooter button.quick_link, #wrapper #workspaceNavContent .panel, #workspaceNavContent .panel {
  background-color: transparent;
}

#workspaceNavContent .panel-title .fa {
  color: #E40134;
}
#workspaceNavContent .quicklink-pane {
  background-color: #eee;
}

#workspaceFooter button.quick_link {
  padding: 10px 25px;
  border: none;
  outline: none;
}

#recentItemsPortlet .pageContent, #recentItemsPortlet .pageContentBold, #draftItemsPortlet .pageContent, #draftItemsPortlet .pageContentBold, #favoritesPortlet .pageContent, #favoritesPortlet .pageContentBold, #treeControlPortlet .pageContent, #treeControlPortlet .pageContentBold, #treeControlPortlet .pageContent, #treeControlPortlet .pageContentBold {
  font-size: 1.4rem;
  color: #62626e;
}

#ajaxRestoreTempData .ajaxRestoreOtherUserTempMessage {
  color: #ff0000;
}

.jstree-default .jstree-node .jstree-clicked, .jstree-default .jstree-node .jstree-hovered {
  background-color: #e3e3e3;
  border-radius: 0px;
  box-shadow: none;
}

/***** END styles for Workspace Nav/Left Nav *****/
/***** Quick Summary component *****/
#quickSummaryPortlet {
  overflow: visible;
  width: 100%;
}

.quickSummaryDiv {
  display: none;
}

/***** Relationship View ("tree control") component *****/
#treeControlPortlet, #treeControlFooter {
  width: 100%;
}

#treeControlPortlet {
  padding: 5px;
}

/* This style controls the navigation bar at bottom of the Relationship View component  */
#treeControlNav {
  overflow: hidden;
  height: 15px;
  padding: 0px;
}

/* This style controls the color of the navigation bar at bottom of the Relationship View component */
.treeControlNavBG {
  background-color: #f1af84;
}

.treeControlBtn {
  cursor: pointer;
}

/* This style controls the color of buttons in the navigation bar, for additional visual cue */
.treeControlBtn:hover {
  background-color: #f1af84;
}

/* This style controls the appearance of a tree node when user hovers the mouse over the item */
/* This style controls the appearance of a tree node upon selection */
.jstree-default .jstree-clicked {
  background-color: #f5f1ee;
  border: 1px solid #f5f1ee;
  padding: 0 2px 0 1px;
}

/***** Recent Items component and Favorites component *****/
#leftpane #favoritesPortlet, #leftpane #recentItemsPortlet, #leftpane #draftItemsPortlet {
  overflow: auto;
  height: 200px;
  width: "100%";
}

#favoritesPortlet ul, #recentItemsPortlet ul, #draftItemsPortlet ul {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
}
#favoritesPortlet li, #recentItemsPortlet li, #draftItemsPortlet li {
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
}
#favoritesPortlet a, #recentItemsPortlet a, #draftItemsPortlet a {
  display: inlineblock;
  padding: 3px;
}
#favoritesPortlet a:link, #favoritesPortlet a:visited, #recentItemsPortlet a:link, #recentItemsPortlet a:visited, #draftItemsPortlet a:link, #draftItemsPortlet a:visited {
  text-decoration: none;
}

#favoritesPortlet ul {
  list-style-type: none;
}

#recentItemsPortlet ul, #draftItemsPortlet ul {
  list-style-type: circle;
}

/***** Other general styling *****/
/* This style controls the Leftpane UI properties generally */
.ui-state-default, .ui-state-active {
  background: #f18a48;
  border: 0px solid #ded3cc;
  font-weight: bold;
  color: #f1af84;
}

/* This style controls the color of the text in Left Nav component headers */
.ui-accordion-header a, .ui-accordion-header a:link, .ui-accordion-header a:visited {
  color: #f18a48;
}

/* This style controls the body of "tool-tip" flyout */
.ui-tooltip-capitalstream {
  border: 3px solid lightgray;
  border-radius: 3px;
  background-color: #f5f1ee;
}

/* This style controls the title bar of "tool-tip" flyout */
.ui-tooltip-capitalstream .ui-tooltip-titlebar {
  color: #FFFFFF;
  background: #f18a48;
}

/* This specifies the images used to denote when a screen has been selected or unselected as a "favorite" */
.cs-ui-icon-favor-on {
  background-image: url(../images/star-gold16.png);
}

.cs-ui-icon-favor-off {
  background-image: url(../images/star-white16.png);
}

#cs-layout {
  height: 100%;
}
#cs-layout #cs-left-nav {
  border-right: 1px solid #eee;
  background-color: #eee;
  width: 250px;
}
#cs-layout #app_FinanceCenter {
  flex-grow: 1;
}

#cs-layout-main {
  height: 100%;
}

/****** START portlet/form section styles  *****/
.cs-panel {
  margin-bottom: 10px;
  border-radius: 0px 0px 4px 4px;
  /*padding-bottom: 5px;*/
  background-color: #f2f2f2;
  border: 1px solid #f4f4f4;
}
.cs-panel .portlet-header {
  background-color: #e3e3e3;
  padding: 8px;
  border-radius: 0px;
  margin-bottom: 2px;
  z-index: 1;
  border: 0px;
}
.cs-panel .portlet-header .portlet-header-title h1, .cs-panel .portlet-header .portlet-header-title h2, .cs-panel .portlet-header .portlet-header-title h3, .cs-panel .portlet-header .portlet-header-title h4, .cs-panel .portlet-header .portlet-header-title h5, .cs-panel .portlet-header .portlet-header-title h6 {
  visibility: visible;
}
.cs-panel .panel-body {
  border: 0px;
  padding: 5px 5px;
}
.cs-panel .panel-body .formHeader-cont {
  width: 100%;
}
.cs-panel .panel-body .formHeader-cont label {
  color: #E40134;
}
.cs-panel .panel-body .formHeader-cont .formRowSubHeader {
  color: #62626e;
  font-weight: 500;
  padding: 0px;
}

.cs-form-row.col-2 .cs-form-row-column {
  width: 50%;
}
.cs-form-row.col-2 .cs-form-row-column .cs-form-ctrl {
  max-width: 100%;
}

.cs-form-row.col-3 .cs-form-row-column {
  width: 33.3333333333%;
}
.cs-form-row.col-3 .cs-form-row-column .cs-form-ctrl {
  max-width: 100%;
}

.cs-form-row .cs-form-row-column.cs-form-row-column--full-width {
  width: 100%;
}
.cs-form-row .cs-form-row-column.cs-form-row-column--full-width .cs-form-ctrl {
  min-width: 100%;
}
.cs-form-row .cs-form-row-column.cs-form-row-column--full-width .form-group {
  width: 100%;
}
.cs-form-row .cs-form-row-column {
  padding: 0px 20px;
  /* box-shadow: 0 2px 2px rgba(0,0,0,.24), 0 0 2px rgba(0,0,0,.12) !important; */
  border: 0px;
  min-height: 100%;
  /* margin: 0px 10px; */
  width: 100%;
  flex-wrap: wrap;
}
.cs-form-row .cs-form-row-column .cs-colspan-1 {
  min-width: 33.3333333333%;
}
.cs-form-row .cs-form-row-column .cs-colspan-1 .cs-form-ctrl {
  min-width: 100%;
}
.cs-form-row .cs-form-row-column .cs-colspan-2 {
  min-width: 66.6666666667%;
}
.cs-form-row .cs-form-row-column .cs-colspan-2 .cs-form-ctrl {
  min-width: 100%;
}
.cs-form-row .cs-form-row-column .cs-colspan-3 {
  min-width: 100%;
}
.cs-form-row .cs-form-row-column .cs-colspan-3 .cs-form-ctrl {
  min-width: 100%;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl {
  max-width: 33.33%;
  min-width: 300px;
  flex-grow: 1;
  padding-right: 20px;
  min-height: 80px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl label {
  color: #62626e;
  font-size: 15px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl select, .cs-form-row .cs-form-row-column .cs-form-ctrl input, .cs-form-row .cs-form-row-column .cs-form-ctrl textarea, .cs-form-row .cs-form-row-column .cs-form-ctrl .mceInlineView, .cs-form-row .cs-form-row-column .cs-form-ctrl .mceInline, .cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-url {
  font-size: 1.5rem;
  border: 0px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl input[type=file] {
  padding-top: 25px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-form-field {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-form-field .cs-mdc-button {
  background-color: #9e9e9d;
  color: #FFFFFF;
  border-radius: 3px;
  padding-right: 20px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-md-text-field {
  width: 100%;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-md-text-field, .cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-select, .cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-checkbox-field {
  min-height: 60px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.87);
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--disabled input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field__input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--focused label {
  color: #b71928;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-select label {
  margin-bottom: 15px;
  left: 12px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-select select {
  padding: 20px 12px 6px 12px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--textarea label, .cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--textarea .mdc-floating-label {
  /*font-size: 1.5em;*/
  right: auto;
  background-color: inherit;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--textarea .md-text-field__input {
  padding-top: 35px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--textarea.mdc-text-field--disabled {
  pointer-events: auto;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-checkbox-field {
  padding-top: 10px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-checkbox-field label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 15px 0px 0px 25px;
  padding-right: 20px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-checkbox {
  border: none;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-button {
  background-color: #FFFFFF;
  margin-top: 10px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mceInlineParEle {
  min-width: 100%;
  height: 100%;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mceInlineParEle .mceInline, .cs-form-row .cs-form-row-column .cs-form-ctrl .mceInlineParEle .mceInlineView {
  width: auto;
  box-sizing: border-box;
}
@media only screen and (max-width: 1200px) {
  .cs-form-row .cs-form-row-column .cs-form-ctrl {
    max-width: 50%;
  }
}
@media only screen and (max-width: 900px) {
  .cs-form-row .cs-form-row-column .cs-form-ctrl {
    max-width: 100%;
  }
}

.cs-form-row, .cs-form-row .cs-form-row-column, .cs-form-row-column .cs-form-ctrl {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.cs-form-row.cs-flex-flow-column, .cs-form-row .cs-form-row-column.cs-flex-flow-column, .cs-form-row-column .cs-form-ctrl.cs-flex-flow-column {
  flex-flow: column;
}

.cs-form-ctrl.cs-form-ctrl-checkbox {
  align-items: center;
}

.cs-form-ctrl label {
  font-weight: inherit;
  max-width: 90%;
}

.cs-form-ctrl.cs-form-ctrl-checkbox label {
  margin-bottom: 0px;
}

.cs-mdc-form-field-error {
  padding-bottom: 15px;
  width: 100%;
  color: #e40134 !important;
  font-size: 1.3rem;
}

/* This style controls the color of portlet headers */
.ui-widget-header {
  background-color: #e3e3e3;
  border: 1px solid #62626e;
}

/* This style controls the global font properties for portlet header text */
.ui-dialog .ui-dialog-titlebar .ui-dialog-title, .ui-helper-clearfix span {
  font-size: 0.265cm;
  font-weight: bold;
  text-decoration: none;
  color: #62626e;
}

.portlet-cont-view .form-inputControl .form-control-static, .portlet-cont-view .form-inputControl .pageContent {
  border-bottom: 1px solid #e3e3e3;
}
.portlet-cont-view td.pageContent {
  border-bottom: 1px solid #e3e3e3;
}

#sessionWarning .portlet-header {
  background-color: #E40134;
}

/****** END portlet/form section styles  *****/
/****** START various form styles (_cs-forms.scss) *****/
.ui-tooltip-capitalstream .ui-tooltip-titlebar, .ui-tooltip-capitalstream .qtip-titlebar {
  background: #E40134;
}

.formHeader-cont {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

.formHeader-cont .formRowHeader {
  flex-grow: 0;
  margin-bottom: 5px;
}

.formDisabledInput, .formDisabledTextAreaInput {
  background-color: #eee;
}

.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-form-field {
  background-color: #FFFFFF;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-form-field .mdc-checkbox {
  background-color: inherit;
  border: none;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-form-field.mdc-text-field--disabled,
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-form-field.mdc-select--disabled,
.cs-form-row .cs-form-row-column .cs-form-ctrl .cs-mdc-form-field.cs-mdc-checkbox-field-disabled {
  background-color: #eee;
}

/* This style controls the border of the form Row Header boxes */
.formRowHeaderBorder {
  border: 0px !important;
  padding: 10px 0px 5px 0px;
}

/* This style controls the character that marks required fields*/
.formRequiredField:before {
  content: "*";
  color: red;
  padding: 0px 2px 0px 5px;
  font-weight: bold;
  font-size: 1.5rem;
}

.formInput, .formDisabledInput, .formSelect, .formSelectDarkBG {
  font-size: 1.5rem;
}

/****** END various form styles*****/
/****** START Multirow Tables and Grid styles  *****/
.multirowHeader .contentHeaderBG, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .contentHeaderBG, #dealsLayout .contentHeaderBG {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #62626e;
  background-color: #9e9e9d;
}

.paging-control-row {
  background-color: #e3e3e3;
}

/*
.multirowHeader a {
	color:$cs-secondary-color;
}
*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid white;
  background: #ededed;
  font-size: 0.265cm;
  font-weight: normal;
  text-decoration: none;
  color: #62626e;
}

/* This style controls the color of a row in a multi-row portlet and grid when mouse is over that row */
.pageContentRowColor1:hover, .pageContentRowColor2:hover, .ui-widget-content .ui-state-hover td {
  background: #f4f4f4;
}

/* This style controls the first of the 2 alternating row colors in a multi-row portlet */
.pageContentRowColor1 {
  background-color: #FFFFFF;
}

/* This style controls the second of the 2 alternating row colors in a multi-row portlet */
.pageContentRowColor2 {
  background-color: #e3e3e3;
}

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

.contentHeader, .contentHeaderFixed, .contentHeaderLink {
  color: #eee;
  font-size: 1.5rem;
}

.multirowHeader .contentHeaderBG, #dealsLayout .contentHeaderBG {
  /*text-decoration: none;*/
  background-color: #9e9e9d;
}

.multirowHeader .contentHeaderBorder, .ui-th-column {
  border: 1px solid #d0d0cf;
}

.multi-row-table-header span {
  color: #f2f2f2;
  font-size: 1.4rem;
  font-weight: normal;
}
.multi-row-table-header a {
  color: #FFFFFF;
  text-decoration: none;
}
.multi-row-table-header a span:not(.formRequiredField):after {
  content: "";
  font-family: FontAwesome;
  /*font-size: 1.2em;*/
  /*display: inline-block;*/
  padding-left: 5px;
}

/****** END Multirow Tables and Grid styles  *****/
/****** START various page content and data values styles*****/
.pageContent, .pageContentBold, .pageContentLink, .pageContentLinkPopup {
  font-size: 1.5rem;
  /*font-weight: normal;*/
  text-decoration: none;
  color: #62626e;
}

.pageContentBold {
  font-weight: bold;
}

td.pageContent {
  font-weight: normal;
  font-size: 1.5rem;
  text-align: left;
}

.left-pane .panel .panel-title .fa, .groupHeader, .groupSkinHeader, .panel .formHeader-cont label, .formRowHeader, .subGroupHeader, .subGroupSkinHeader {
  color: #757575;
}

.groupHeader, .groupSkinHeader, .subGroupHeader, .subGroupSkinHeader {
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}

/****** END various page content and data values styles*****/
/***** START hyperlink styles *****/
.pageContentLink, .pageContentLinkPopup, .globalHeaderLink {
  color: #b71928;
  cursor: pointer;
}

.mceInline a, .mceInlineView a, .pageContent a, .pageContent a:focus {
  color: #b71928;
}

.pageContentLink:hover, .globalHeaderLink:hover {
  color: #b71928;
}

.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 {
  font-weight: bold;
  color: #E40134;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #E40134;
  text-decoration: none;
}

.globalHeaderLink {
  font-size: 1.1em;
}

.icon-mdviewer, .ui-jqgrid-labels .ui-state-default a {
  margin-left: 5px;
  cursor: pointer;
  font-size: 1em;
  color: #9d9d9c;
}

.form-labelControl .icon-mdviewer {
  float: right;
}

.ui-layout-toggler-hover,
.ui-layout-resizer-hover .ui-layout-toggler-hover {
  /* need specificity when IS resizable */
  background-color: #6fc5ca;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-menu .ui-menu-item:hover {
  color: #6fc5ca;
}

/***** END hyperlink styles *****/
/***** START styles for error and system messages *****/
#cs-layout-content .error, #cs-layout-content .errorLarge {
  text-decoration: none;
  color: #e40134 !important;
}
#cs-layout-content .error {
  font-size: 1.3rem;
  font-weight: normal;
}
#cs-layout-content .errorLarge {
  font-size: 1.35rem;
  font-weight: bold;
}
#cs-layout-content .systemMessage {
  font-size: 1.35rem;
  font-weight: bold;
  text-decoration: none;
  color: #E40134 !important;
}

/***** END styles for error and system messages *****/
/***** START styles for tabs application wizard *****/
.nav-tabs > li.active {
  background: none;
  border-bottom: 3px solid #E40134 !important;
  color: #E40134 !important;
}

.nav-tabs > li.active a {
  color: #E40134 !important;
}

.panel-title .fa {
  color: #E40134;
}

/***** END styles for tabs application wizard *****/
/****** BEGIN paging controls styles ******/
.paging-icon {
  padding: 5px 12px;
  font-size: 1.2em;
}

.paging-icon .fa {
  color: #8D8D8D;
}

.paging-icon .fa:hover {
  color: #6fc5ca;
}

.paging-active-control {
  cursor: pointer;
}

.paging-active-control .fa {
  color: #6fc5ca;
}

.paging-info-control {
  margin-top: 3px;
}

.paging-control-cont {
  padding: 10px;
}

.paging-control-row {
  margin: 0px;
}

/****** END paging controls styles ******/
/****** START Material Design attributes *****/
.mdc-button:not(:disabled) {
  background-color: rgba(0, 0, 0, 0);
  color: #E40134;
}

.mdc-button::after,
.mdc-button::before {
  background-color: #6fc5ca;
}

@supports not (-ms-ime-align: auto) {
  .mdc-button::after,
.mdc-button::before {
    background-color: #6fc5ca;
  }
}
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  background-color: #6fc5ca;
  color: #fff;
}

.mdc-button--outlined:not(:disabled) {
  border-color: #6fc5ca;
  border-width: 1px;
}

.mdc-checkbox::after,
.mdc-checkbox::before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  background-color: #6fc5ca;
  top: calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}

.mdc-checkbox__background::before {
  background-color: #6fc5ca;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #6fc5ca;
  background-color: #6fc5ca;
}

@-webkit-keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-color: #6fc5ca;
    background-color: #6fc5ca;
  }
}
@keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0);
  }
  50% {
    border-color: #6fc5ca;
    background-color: #6fc5ca;
  }
}
@-webkit-keyframes mdc-checkbox-fade-out-background-0 {
  0%, 80% {
    border-color: #6fc5ca;
    background-color: #6fc5ca;
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0);
  }
}
@keyframes mdc-checkbox-fade-out-background-0 {
  0%, 80% {
    border-color: #6fc5ca;
    background-color: #6fc5ca;
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0);
  }
}
.mdc-checkbox__checkmark {
  color: #fff;
  transition: opacity 180ms 0s cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after,
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before {
  background-color: #E40134;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  color: #E40134;
  color: var(--mdc-theme-primary, #E40134);
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon.mdc-chip__icon--leading {
  color: #E40134;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  color: #E40134;
  color: var(--mdc-theme-primary, #E40134);
}

.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  stroke: #E40134;
  stroke: var(--mdc-theme-primary, #E40134);
}

.mdc-dialog__action:not(:disabled) {
  color: #6fc5ca;
  color: var(--mdc-theme-secondary, #6fc5ca);
}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
  color: #E40134;
}

.mdc-drawer .mdc-list-item--activated {
  color: #E40134;
}

.mdc-fab {
  background-color: #6fc5ca;
  color: #fff;
}

.mdc-grid-tile__secondary {
  background-color: #E40134;
  color: #fff;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  height: 48px;
  padding: 16px;
}

.mdc-linear-progress__bar-inner {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: none;
  animation: none;
  background-color: #E40134;
}

.mdc-linear-progress__buffer {
  background-color: #e6e6e6;
}

.mdc-list-item--activated,
.mdc-list-item--activated .mdc-list-item__graphic,
.mdc-list-item--selected,
.mdc-list-item--selected .mdc-list-item__graphic {
  color: #E40134;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after,
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  background-color: #E40134;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after,
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  background-color: #E40134;
}

.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #6fc5ca;
}

.mdc-radio .mdc-radio__background::before {
  background-color: #6fc5ca;
}

.mdc-radio::after,
.mdc-radio::before {
  background-color: #6fc5ca;
}

.mdc-ripple-surface--primary::after,
.mdc-ripple-surface--primary::before {
  background-color: #E40134;
}

.mdc-ripple-surface--accent::after,
.mdc-ripple-surface--accent::before {
  background-color: #6fc5ca;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-line-ripple {
  background-color: #E40134;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label {
  color: #E40134;
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path {
  stroke-width: 2px;
  stroke: #E40134;
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
  background-color: #6fc5ca;
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
  background-color: rgba(1, 135, 134, 0.26);
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after,
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after {
  background-color: #6fc5ca;
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
  fill: #6fc5ca;
  stroke: #6fc5ca;
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring,
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  background-color: #6fc5ca;
}

.mdc-snackbar__action-button {
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  color: #6fc5ca;
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb,
.mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: #6fc5ca;
  border-color: #6fc5ca;
}

.mdc-switch__thumb-underlay::after,
.mdc-switch__thumb-underlay::before {
  background-color: #6fc5ca;
}

.mdc-tab__ripple::after,
.mdc-tab__ripple::before {
  background-color: #E40134;
}

.mdc-tab__ripple.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}

.mdc-tab--active .mdc-tab__icon,
.mdc-tab--active .mdc-tab__text-label {
  color: #E40134;
  transition-delay: 0.1s;
  opacity: 1;
}

.mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  background-color: #E40134;
  height: 2px;
}

.mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  color: #6fc5ca;
  height: 34px;
  font-size: 34px;
}

.mdc-text-field .mdc-text-field__input {
  caret-color: #E40134;
}

.mdc-text-field .mdc-line-ripple {
  background-color: #E40134;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
  stroke: #b71928;
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path {
  stroke: #b71928;
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  border-bottom-color: #b71928;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #E40134;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  color: #E40134;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  color: #E40134;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  color: #E40134;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  color: #E40134;
}

.mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after,
.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  color: #e40134;
  font-size: 1.3rem;
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled),
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  border-color: #E40134;
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled),
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  border-color: #b71928;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  border-bottom-color: #b71928;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  background-color: #b71928;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  color: #b71928;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  color: #b71928;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  color: #b71928;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  color: #b71928;
}

.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #b71928;
}

.mdc-theme--primary {
  color: #E40134 !important;
}

.mdc-theme--secondary {
  color: #6fc5ca !important;
}

.mdc-theme--primary-bg {
  background-color: #E40134 !important;
}

.mdc-theme--secondary-bg {
  background-color: #6fc5ca !important;
}

.mdc-toolbar {
  background-color: #E40134;
  color: #fff;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.mdc-top-app-bar {
  background-color: #E40134;
  color: #fff;
  position: fixed;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  z-index: 4;
}

.mdc-top-app-bar__action-item,
.mdc-top-app-bar__navigation-icon {
  background-color: transparent;
}

.cs-mdc-nested-field {
  flex-flow: row nowrap !important;
}

.cs-mdc-nested-ctrl {
  width: 100%;
}

.cs-mdc-RateIndex-field {
  flex-flow: row nowrap !important;
}

.cs-mdc-url {
  pointer-events: visible;
  font-size: initial;
  padding-top: 30px;
  padding-left: 12px;
  color: #b71928;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cs-mdc-url:hover {
  color: #E40134;
}

.cs-mdc-url-icon {
  padding-top: 15px;
}

.cs-mdc-label {
  pointer-events: visible !important;
}

.cs-mdc-text-area-ctrl {
  display: block !important;
  max-width: 100%;
}

.cs-mdc-textarea, .cs-md-rte {
  pointer-events: visible !important;
  padding: 1px !important;
}

.mdc-text-field--textarea .mdc-text-field__input.mce-edit-focus {
  outline: none;
  border-bottom: none;
  border: none;
}

.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label {
  color: #b71928;
}

/*
.cs-md-text-field.mdc-text-field--disabled .mdc-text-field__input, .cs-md-text-field.mdc-text-field--disabled .mdc-floating-label, 
.mdc-select.mdc-select--disabled .mdc-select__native-control,.mdc-select.mdc-select--disabled .mdc-floating-label, 
.cs-md-text-field.mdc-text-field--textarea--disabled .mdc-text-field__input
{
      color: rgba(0, 0, 0, 0.50);
      background-color: #EEEEEE;   
}
*/
.cs-form-row-column .cs-form-ctrl.cs-mdc-checkbox-field {
  flex-flow: row nowrap;
}

.loading-img {
  position: absolute;
  right: 15px;
  top: 20px;
  height: 16px;
}

.mdc-checkbox .loading-img {
  left: 30px;
}

#workflow-requirement .mdc-text-field__input, #workflow-requirement .mdc-floating-label {
  color: #E40134;
  font-size: 1.2em;
}

.mdc-form-field.cs-form-ctrl {
  line-height: normal;
}

.cs-md-text-field .ui-datepicker-trigger {
  position: absolute;
  bottom: 15px;
  right: 10px;
  padding: 5px;
  font-size: 8px;
}

.mdc-text-field__icon .input-clear-group-icon {
  padding-left: 12px;
}

.cs-mdc-label.mdc-floating-label--float-above {
  font-size: 1.1em;
}

.cs-md-text-field .ui-datepicker-trigger .fa {
  color: grey !important;
}

.mdc-text-field span {
  pointer-events: visible;
  width: 100%;
}

.cs-form-row-column.cs-form-row-column-full .cs-form-ctrl {
  width: 100%;
}

.cs-form-row-column.cs-form-row-column-full .cs-form-ctrl label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.cs-form-ctrl label {
  width: auto !important;
}

.cs-form-row-column.cs-form-row-column-full .cs-mdc-text-area-ctrl label {
  padding-top: 20px;
  padding-bottom: 10px;
}

.cs-mdc-label .icon-mdviewer {
  position: absolute;
  right: 0px;
}

/* Material form fields stylesheets END*/
[data-jspname="entityDocuments.jsp"] table .multi-row-table tbody td {
  vertical-align: middle;
}

.cs-change-pwd-req {
  background-color: #f6f6f6;
}

.cs-change-pwd-req .password-rule {
  margin: 0px;
  padding: 5px;
}

.mdc-text-field__input:required + .mdc-floating-label::after {
  color: #E40134;
}

.mdc-floating-label {
  font-weight: normal;
  letter-spacing: 0.03em;
}

.icon-mdviewer:hover, .icon-search:hover, .collapse-close:hover, .collapse-open:hover, .icon-trash:hover, .ui-jqgrid-labels .ui-state-default a:hover {
  color: #6fc5ca;
  text-decoration: none;
}

.mdc-select__native-control .mdc-text-field__input, .mdc-checkbox {
  background-color: #FFFFFF;
}

.mdc-checkbox {
  border: none;
}

/* for form field label */
/* _cs-portlet.scss #144 */
.cs-form-row .cs-form-row-column .cs-form-ctrl label {
  color: #62626e;
  font-size: 1.4rem;
  opacity: 0.85;
  /*letter-spacing: 1px;*/
  top: 10px;
  padding-right: 15px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-select--box label {
  top: 7px;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-floating-label {
  max-width: 90%;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field .mdc-floating-label--float-above, .cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-select--box .mdc-floating-label--float-above {
  -webkit-transform: none;
  transform: none;
}
.cs-form-row .cs-form-row-column .cs-form-ctrl .mdc-text-field--textarea .mdc-floating-label {
  margin-top: 0px;
  padding-top: 0px;
}

/****** END Material Design attributes *****/
/***** style for About Screen *****/
.aboutHeader {
  background-color: #E40134;
  text-align: right;
  padding: 5px;
  padding-right: 50px;
}

.aboutBody {
  margin-left: 20%;
  margin-right: 20%;
  padding: 5px;
}

.aboutContentHeader, .aboutContentText, .aboutTitle, .aboutCopyrightText, .aboutCopyright {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
}

.aboutContentHeader, .aboutContentText, .aboutTitle {
  font-size: 12px;
}

.aboutContentHeader, .aboutTitle, .aboutCopyright {
  font-weight: bold;
}

.aboutTitle {
  color: #b71928;
  text-decoration: underline;
}

.aboutCopyright {
  text-align: right;
  color: grey;
  padding-right: 50px;
}

/*# sourceMappingURL=default-sass.css.map */