/** Fonts ****************************************************/

@font-face {
    font-family: 'Roboto';
    src: url("/ims/assets/ctx/eeb13b0b/fonts/roboto/Roboto-Regular.eot");
    src: url("/ims/assets/ctx/eeb13b0b/fonts/roboto/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
         url("/ims/assets/ctx/21c0a907/fonts/roboto/Roboto-Regular.woff") format('woff'),
         url("/ims/assets/ctx/ed19837f/fonts/roboto/Roboto-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("/ims/assets/ctx/da5296fa/fonts/roboto/Roboto-Medium.eot");
    src: url("/ims/assets/ctx/da5296fa/fonts/roboto/Roboto-Medium.eot?#iefix") format('embedded-opentype'),
         url("/ims/assets/ctx/e45c5ffc/fonts/roboto/Roboto-Medium.woff") format('woff'),
         url("/ims/assets/ctx/bacbed6b/fonts/roboto/Roboto-Medium.ttf") format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    margin-top: 0;
	font-family: Roboto, Arial, sans-serif;
}

input, button, select, textarea {
    font-family: Roboto, Arial, sans-serif;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    padding: 7px;
    border-color: #dee2e6; /** disabled gray **/
}

select, input[type="file"] {
    height: 36px;
    line-height: 36px;
}

.input-group .input-group-text,
.input-group .input-group-text {
    padding-top: 9px;
    background-color: transparent;
    border: none;
}

.input-group-addon_ims.currencyUnit {
    padding-top: 11px;
    height: 16px;
}

.addon_ims_forSelect.currencyUnit,
.addon_ims_forSelect select {
    height: 31px !important;
}

label {
    color: #8b979b; /** cool gray **/
}
label.disabled {
    color: #8b979b57; /** cool gray **/
}
.filterDiv label {
    color: white;
}

a, .ui-widget-content a, .nav-link {
	color: #26b0e2; /** sky blue **/
}

a:hover, a:active, .ui-widget-content a:hover, .ui-widget-content a:active {
	color: #26b0e2; /** sky blue **/
	text-decoration: underline !important;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #26b0e2;
}

.label-document > a {
	font-family: Roboto, Arial;
}

div.hsection {
    padding: 7px 0;
	font-size: 13pt;
	font-weight: bold;
	color: #313537; /** charcoal gray **/
	border-bottom: 1px solid #313537; /** charcoal gray **/
}
.viewAllAnn {
	text-align: left;
	border: 0;
	border-bottom: 1px solid #666; /** txt gray **/
	line-height: 30px;
	padding: 2px 0 1px 0;
	margin-bottom: 10px;
}
.viewAllAnn > a {
    padding-left: 0;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
}
.infoLabel {
	font-weight: bold;
	font-size: 8pt;
}
.infoData {
	font-size: 8pt;
}

.btn-planAc {
    width: 100%;
    margin-bottom: 8px;
    padding: 6px 0;
    box-sizing: border-box;
}
.ico-planAC {
    font-size: 1.2em;
    margin-right: 5px;
}

.btn-primary {
	background-color: #313537; /** charcoal gray **/
    margin-bottom: 2px;
    padding: 6px 15px;
    font-weight: bold;
    text-shadow: none;
    border-color: #1f2122; /** dark gray **/
    border-radius: 0;
    box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #1f2122; /** dark gray **/
	text-decoration: none !important;
}
.btn-secondary,
.btn-workflow-secondary,
.btn-default {
    color: #1f2122; /** dark gray **/
	background: none;
	background-color: white;
    margin-bottom: 2px;
    padding: 6px 15px;
    font-weight: bold;
    text-shadow: none;
    border-color: #1f2122 !important; /** dark gray **/
    border-radius: 0;
    box-shadow: none;
}

.btn-secondary:hover,
.btn-workflow-secondary:hover,
.btn-default:hover,
.btn-secondary:focus,
.btn-workflow-secondary:focus,
.btn-default:focus {
	background-color: #fafafa; /** lighter gray **/
	text-decoration: none !important;
}

.btn-success,
.btn-success:hover,
.btn-success:focus {
    color: #333333;
}

.btn-sm {
   padding: 3px 10px;
}

.btn-sm {
   padding: 0 6px;
}

.btn-link {
    padding: 4px 12px;
	color: #161616; /** allan black **/
	background-color: transparent;
	border: none;
}

.btn-link:hover,
.btn-link:focus {
    color: #313537; /** charcoal gray **/
}

.btn-group > .btn,
.btn-group > .btn:first-child {
    border-color: #dee2e6; /** disabled gray **/
    border-radius: 0;
}

.right-btn {
    padding: 0 0 10px;
    border-bottom: 1px solid #313537;
}

.right-btn:has(.btn-sm)  {
    margin-top: 16.5px;
}

.caret {
    margin-right: 7px;
    border: none;
}

.caret::before {
    content: "\f078";
    position: absolute;
    color: black;
    font-family: 'Font Awesome 5 Pro';
    font-size: 10px;
}

.bootstrap-select .dropdown-toggle .caret {
    margin-top: -12px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 10px;
}

.btn-sm .caret,
.btn-sm .caret {
    margin-top: -1px;
    margin-left: 5px;
}

.btn-return {
    margin-bottom: 5px;
    padding-left: 0;
    display: inline-block;
    color: #313537; /** charcoal gray **/
    font-weight: normal;
    background: none;
    border: none;
}

.btn-return:hover {
    background-color: transparent;
    color: #313537; /** charcoal gray **/
    text-decoration: none !important;
}

.btn-return .fa-arrow-left {
    width: 2.2em;
    margin-top: -0.3em;
    margin-right: .1em;
    padding: .5em !important;
    font-size: .8em;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #313537; /** charcoal gray **/
}

.btn-return:hover .fa-arrow-left {
    background-color: #fafafa; /** lighter gray **/
}

.btn-return .fa-arrow-left.whiteIcon {
    color: inherit !important;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba( 0, 0, 0, 0.10 );
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #313537; /** charcoal gray **/
    background-color: #dee2e6; /** disabled gray **/
    background-image: none;
}

.dropdown-menu > li > a,
.dropdown-submenu > a {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dee2e6; /** disabled gray **/
}

.dropdown-menu > li:last-child > a,
.dropdown-submenu > a:last-child {
    border-bottom: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    padding-left: 18px;
    color: #313537; /** charcoal gray **/
    text-decoration: none !important;
    background-color: #fafafa; /** lighter gray **/
    border-left: 2px solid #ed0025; /** red **/
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.ui-datepicker-trigger {
    position: relative;
    background: none;
}

.asofForm .asofDiv :nth-child(2) .ui-datepicker-trigger {
    height: auto;
}

.ui-datepicker-trigger::after {
    content: "\f073";
    position: absolute;
    bottom: 1px;
    left: 3px;
    color: #313537; /** charcoal gray **/
    font-size: 14px;
    font-family: 'Font Awesome 5 Pro';
}

#main-content {
    padding-top: 20px;
}

/** nav-tabs **/
.nav-tabs {
	border-bottom: 1px solid #313537; /** charcoal gray **/
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    --bs-nav-tabs-border-width: 0;
}

.nav-tabs > li > a {
    color: #313537; /** charcoal gray **/
    border: none;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    text-decoration: none !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    color: #313537; /** charcoal gray **/
    border: 1px solid #313537 !important; /** charcoal gray **/
    border-bottom-color: transparent !important;
}
/** end of nav-tabs **/

.nav-pills > li > a {
	border-radius: 0;
}

.well {
    background-color: white; /** solitude gray **/
	border-radius: 0;
}

ul.tree li:hover,
ul.tree li.t-first:hover {
    background-color: unset;
}

h4 {
	font-size: 12pt;
	font-weight: bold;
	color: #666; /** txt gray **/
}

.globalSearchForm #keywordField {
    width: 100%;
}

#acctActions {
	background-color: #f3f5f7; /** solitude gray **/
	border-radius: 0;
}

.acctSummaryTop > table.table-nohead th {
	display: none;
}

.acctSummaryTop table.table-striped td, .acctSummaryContract table.table-striped td {
	padding: 4px;
}

.acctSummaryTop > table.table-nohead td, .acctSummaryContract > table.table-nohead td {
	font-size: 9pt;
}

.acctSummaryTop > table.table-nohead tr:first-child td, .acctSummaryContract > table.table-nohead tr:first-child td {
	border-top: 1px solid #c9cfd2; /** light gray 2 **/
}

.acctSummaryTop > table.table-nohead td:nth-child(odd), .acctSummaryContract > table.table-nohead td:nth-child(odd) {
	font-weight: bold;
}

.acctPosTable td {
	border-top: 1px solid #c9cfd2; /** light gray 2 **/
	padding: 2px 4px;
	font-size: 9pt;
}

.acctPosTable tbody > tr:nth-child(odd) > td {
	background-color: #EFEFEF; /** light gray **/
}

.asValue-hsection .asofArrow a,
.asValue-hsection .asofArrowL a,
.asValue-hsection .asofArrowR a {
    color: #313537; /** charcoal gray **/
}

/** rotate color not implemented on this table**/

.acctTransTab td {
	padding: 3px 4px;
	border-top: 0;
	border-bottom: 1px solid #c9cfd2; /** light gray 2 **/
}

.acctTransTab td a:hover, .acctTransTab td a:focus{
    text-decoration: none;
}

.acctTransTab td > a > img {
	vertical-align: middle;
	margin-right: 3px;
	margin-top: -3px;
	height: 11px;
	width: auto;
}
.txntrades {
	padding: 0 !important;
}

.acctDetailsTransTab  {
    table-layout: fixed;
    width: 100%;
    empty-cells: show;
}

.acctDetailsTransTab th.contractCode {
    width: auto;
}
.acctDetailsTransTab th.feeType {
    width: 9%;
}
.acctDetailsTransTab th.status {
    width: 9%;
}
.acctDetailsTransTab th.currency {
    width: 9%;
}
.acctDetailsTransTab th.amount {
    width: 11%;
}
.acctDetailsTransTab th.date {
    width: 11%;
}
.acctDetailsTransTab th.expectedCollection {
    width: 11%;
}
.acctDetailsTransTab th.collectedOn {
    width: 11%;
}

.acctTransSubTab td {
	border: 0;
	border-top: 1px solid #EFEFEF; /** light gray **/
	font-size: 8pt;
}
.acctTransSubTab th {
	border: 0 !important;
	border-bottom: 1px solid #EFEFEF; /** light gray **/
	background-color: #EFEFEF !important; /** light gray **/
	color: black !important;
	font-size: 8pt;
	font-weight: bold !important;
}
.acctTransTab tr.noborder td {
	border-bottom: 0;
}


.acctDetTransSubTab {
    table-layout: fixed;
    width: 100%;
    empty-cells: show;
	border: 0;
	margin-bottom: 0;
}
.acctDetTransSubTab td {
	border: 0;
	border-top: 1px solid #EFEFEF !important; /** light gray **/
	font-size: 8pt;
	padding: 3px 5px !important;

}

.acctDetTransTab tr.noborder td {
	border-bottom: 0;
}

.voucherOption {
	margin-bottom: 5px;
}

tr.newAllocTabTotal td {
    border-bottom: 1px solid #c9cfd2; /** light gray 2 **/
    font-weight: bold;
}
.sbDisc {
    font-size: 0.9em;
    color: #666; /** txt gray **/
    line-height: 14px;
}

/** modal **/

div.ui-widget-header {
    color: #313537; /** charcoal gray **/
    background: #dee2e6;; /** disabled gray **/
    border-radius: 0;
}

.ui-icon-closethick {
    background-image: none !important;
}

.ui-dialog-titlebar::before {
    content: "\f00d";
    width: 18px;
    position: absolute;
    top: 6px;
    right: 1px;
    color: #313537 !important;
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    z-index: 10;
    pointer-events: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: white !important;
    border-color: #313537; /** charcoal gray **/
    border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    background: #fafafa !important; /** lighter gray **/;
}

.ui-widget-content {
    border-color: #dee2e6; /** disabled gray **/
    background: none;
    background-color: white;
}

.ui-widget-content table {
    border-radius: 0;
}

.ui-widget-content a.btn-primary {
	text-decoration: none !important;
}

.ui-widget-content a.btn-primary:focus {
	background-color: #313537; /** charcoal gray **/
    border-color: #1f2122; /** dark gray **/
}

.ui-widget-content a.btn-primary:hover {
	background-color: #1f2122; /** dark gray **/
}

.ui-datepicker {
    width: 22em;
    padding: 10px;
	border-radius: 0;
    box-shadow: 0 5px 15px rgba( 0, 0, 0, 0.10 );
}

.ui-datepicker .ui-widget-header {
    color: #313537; /** charcoal gray **/
	background-color: white;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev::after,
.ui-datepicker .ui-widget-header .ui-datepicker-next::after {
    position: absolute;
    top: 4px;
    color: #313537; /** charcoal gray **/
    font-family: 'Font Awesome 5 Pro';
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover {
    background: none;
    border: none;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover {
    top: 2px;
    left: 0;
}

.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover {
    top: 2px;
    right: 0;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev::after {
    content: "\f053";
    left: 6px;
}

.ui-datepicker .ui-widget-header .ui-datepicker-next::after {
    content: "\f054";
    right: 6px;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
    display: none;
}

.ui-datepicker table {
	background-color: white;
}

.ui-datepicker th {
    color: #8b979b; /** cool gray **/
    font-family: Roboto;
    font-weight: normal;
}

.ui-datepicker .ui-state-default {
    height: 30px;
    width: 30px;
    color: #313537; /** charcoal gray **/
    line-height: 30px;
    text-align: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 50%;
}

.ui-datepicker .ui-state-highlight {
    color: white;
    background-color: #ed0025; /** red **/
}

.ui-datepicker .ui-state-active {
    border: 1px solid #dee2e6; /** disabled gray **/
}

ul.doclist .icons-arrange-container .btn {
    border: none;
    padding: 0;
    background-color: transparent;
}

.bootstrap-switch {
    border-radius: 11px !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: #3ab972 !important; /** mint green **/
}

/** cascade fixes **/
DIV.t-data-grid-pager SPAN.current {
	background-color: #161616; /** allan black **/
}

/** Ann **/

.annTitle {
    color: #666; /** txt gray **/
}

a.qq-upload-button {
    background: url("/ims/assets/ctx/537330e9/images_allangray/upload-arrow.png") 16px 6px no-repeat !important;
}

#docsZone ul.doclist li {
    color: #666; /** txt gray **/
}
.remove-icon,.reorder-icon,.download-icon,.upload-icon,.play-icon,.refresh-icon,.virus-icon,.download-wait-icon, .splitter-icon {
	background: url("/ims/assets/ctx/92b8f8f3/images_allangray/imsicons.png") no-repeat;
}
.btn-sm .download-icon {
    background-size: 180px;
    width: 13px;
    background-position-x: -25px !important;
    margin-right: 0.5em;
    height: 13px;
}

#loginLink {
    display: none;
}

.cmsMarketingMenu {
    border-right: 1px solid #161616; /** allan black **/
}
.cmsMarketingMenu .filterEmptyClass a, .cmsMarketingMenu .cmsMarketingMenuActive a {
    border: 1px solid #161616; /** allan black **/
    border-right: 1px solid white;
}


/* Upload reports */

.currentReportUploads .uploadArea b {
    color: #161616; /** allan black **/
}

.currentReportUploads a.qq-upload-button::before {
    color: #161616; /** allan black **/
}
/* End of Upload reports */


/* Pager */

.t-data-grid .t-data-grid-pager a,
.t-data-grid .t-data-grid-pager .current {
    color: #161616; /** allan black **/
    border-color: #c9cfd2; /** light gray 2 **/
}

.t-data-grid .t-data-grid-pager .current {
    color: #FFF;
}

.t-data-grid .t-data-grid-pager a:hover {
    border-color: #161616; /** allan black **/
}


/** Dark and Light Branding colors **/
.darkBrandingColor {
    color: #161616 !important; /** allan black **/
}

.lightBrandingColor {
    color: #8B8B8B !important; /** allan gray **/
}

.darkBrandingBGColor {
    background-color: #161616 !important; /** allan black **/
}
.lightBrandingBGColor {
    background-color: #8B8B8B !important; /** allan gray **/
}
.darkBrandingBColor {
    border-color: #161616 !important; /** allan black **/
}
.lightBrandingBColor {
    border-color: #313537 !important; /** charcoal gray **/
}


/** overwrite **/
#header {
    margin: 0;
    position: relative;
}

#header .bottom-bar {
    width: 100%;
    height: 38px;
    background-color: #f3f5f7; /** solitude gray **/
}

.admin-links {
    padding: 10px 60px;
}

.admin-links a {
    margin-left: 2em;
    padding: 3px 10px;
    font-size: 10.2px;
    border: 1px solid #1f2122;
}

.admin-links a#logoutLink {
    margin-left: .5em
}

.admin-links a:hover {
    color: #ed0025; /** red **/
}

.admin-links #logoutLink::after {
    content: "\f08b";
    padding-left: .5em;
    font-family: 'Font Awesome 5 Pro';
}

#header-banner {
    height: auto;
    margin: 0;
    padding: 15px 30px 10px;
    background-color: white;
    border-top: 1px solid #dee2e6; /** disabled gray **/
}

#main-menu-public + hr {
    display: none;
}

.header-divide {
    display: none;
}
#main_menu {
    margin: 0;
}
#header-logo > a > img {
	width: 120%;
	max-width: 143px;
}

.namebanner {
    color: #8b979b; /** cool gray **/
    background-color: transparent;
}
.pwdAlert {
    width: 350px;
    font-size: 11px;
    padding: 3px 8px 1px 0;
    text-align: right;
    margin: 0;
    margin-left: auto;
}
.pwdAlert a {
    font-weight: bold;
}
.pwdAlert .faIcon-md {
    vertical-align: middle;
    font-size: 14px;
}
.pwdAlertLink {
    margin-left: 8px;
}
.pwdAlertLink a {
    border: 0 !important;
    margin: 0 !important;
}

#main_menu .nav-pills {
	background-image: none;
    background-color: transparent;
}

#main_menu .nav-pills > li:last-child {
	border-right: 0;
}

#main_menu .nav-pills > li > a {
    margin: 0 23px;
    padding: 12px 7px 8px;
    display: inline-block;
    color: black;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: none;
    text-shadow: none;
    border-bottom: 3px solid transparent;
}

#main_menu .nav-pills > li >a:hover,
#main_menu .nav-pills > li.active > a,
#main_menu .nav-pills > li.active > a:hover,
#main_menu .nav-pills > li > a:focus {
    color: #ed0025; /** red **/
    text-decoration: none !important;
    background-image: none;
    background-color: transparent;
    border-bottom-color: #ed0025; /** red **/
    border-radius: 0;
}

#main_menu .nav-pills > li:last-child > a {
    margin-right: 0;
}

#header-banner .header-search {
    margin-top: 7px;
    display: inline-block;
}

#header-banner .header-search a:hover {
    color: #ed0025; /** red **/
    background-color: transparent;
}

#header-banner .header-search a,
#header-banner .header-search .btn {
    padding: 0;
    display: inline;
    color: #313537; /** charcoal gray **/
    font-size: 1.3em;
    vertical-align: baseline;
    border: none;
}

#header-banner .header-search form {
    margin: 0;
    position: relative;
}

#header-banner .header-search form .col-3 {
    width: 200px;
    position: absolute;
    top: -8px;
    right: 35px;
}

#header-banner .header-search form .col-3,
#header-banner .header-search form .float-right {
    float: none;
    display: inline;
}

/** Tabs **/

#main-content > .row > .col-9 > #tabs > .nav.nav-pills,
#main-content > .row > .col-9 > #tabs > #tabs > .nav.nav-pills,
#main-content > .row > .col-12 > #tabs > .nav.nav-pills,
#main-content > .row > .col-12 > .row > .col-12 > #tabs > .nav.nav-pills {
    margin-top: -59px;
    margin-bottom: 20px;
}

#tabs .nav-pills li {
    margin-right: 1px;
	background-color: #f3f5f7; /** solitude gray **/
	border-right: none;
}

#tabs .nav-pills li:hover {
	background-color: white;
}

#tabs .nav-pills .active {
	background-color: white;
}

#tabs .nav-pills a {
    margin: 0 10px;
    padding: 10px 5px;
    position: relative;
	color: #313537; /** charcoal gray **/
	font-weight: bold;
	border-bottom: 3px solid transparent;
}

#tabs .nav-pills a:focus,
#tabs .nav-pills a:hover,
#tabs .nav-pills > .active > a,
#tabs .nav-pills > .active > a:hover {
	color: #ed0025; /** red **/
	text-decoration: none !important;
	background-color: white;
	border-bottom-color: #ed0025; /** red **/
}

#tabs .nav-pills > .active > a,
#tabs .nav-pills > .active > a:hover {
	color: #313537; /** charcoal gray **/
}

/** Pagination **/

.t-data-grid .t-data-grid-pager a,
.t-data-grid .t-data-grid-pager .current {
    padding: 3px 10px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 50%;
}

.t-data-grid .t-data-grid-pager a:hover {
     text-decoration: none !important;
}


/** Footer **/

.footerContainer {
    padding: 20px 30px 5px;
    background-color: #f3f5f7; /** solitude gray **/
}

.doNotPrint {
    margin-top: 10px;
}

.footerContainer + div.container-padded .doNotPrint .btn {
    padding-top: 0;
    padding-bottom: 0;
    color: #26b0e2; /** sky blue **/
    border: none;
}

.footerContainer + div.container-padded .doNotPrint .btn:hover {
    text-decoration: underline !important;
    background-color: transparent;
}


/** Book **/
div.t-data-grid table {
    font-family: 'Roboto';
    border: none;
    border-radius: 0;
}

div.t-data-grid table thead th {
	background-image: none;
	background-color: #EFEFEF; /** light gray **/
	color: #666; /** txt gray **/
	border-radius: 0 !important;
	border-top: 1px solid #C1C1C1 !important; /** th gray **/
	border-bottom: 1px solid #C1C1C1; /** th gray **/
	border-left: 1px solid #C1C1C1; /** th gray **/
	padding: 8px 6px;
	font-weight: bold;
}

div.t-data-grid table thead th:last-child {
	border-right: 1px solid #C1C1C1; /** th gray **/
}

div.t-data-grid table thead th a,
div.t-data-grid table thead th .t-sort-icon, 
table thead th[data-grid-column-sort] a {
    color: #666; /** txt gray **/
}

div.t-data-grid table thead th a:hover,
table thead th[data-grid-column-sort] a:hover {
    color: black;
}

.table th {
	background-image: none;
	background-color: #EFEFEF; /** light gray **/
	color: #313537; /** charcoal gray **/
}
div.t-data-grid table td {
    font-size: 11px;
    padding: 4px 6px;
    border-top: none;
    border-bottom: 1px solid #c9cfd2; /** light gray 2 **/
    border-left: 1px solid #c9cfd2; /** light gray 2 **/
}

div.t-data-grid table td:last-child {
	border-right: 1px solid #c9cfd2; /** light gray 2 **/
}

div.t-data-grid table table.acctTransSubTab thead th.t-first {
    border-left: 1px solid #c9cfd2 !important; /** light gray 2 **/
}

div.t-data-grid table table.acctTransSubTab th,
div.t-data-grid table table.acctTransSubTab td {
    padding: 2px 4px;
    border: none !important;
}

div.t-data-grid table table.acctTransSubTab tr:last-child td {
	border-bottom: none;
}

div.t-data-grid table table.acctTransSubTab td:last-child {
	border-right: none;
}

table.no-headers tr:first-child td {
    border-top: 1px solid #c9cfd2 !important;
}

.iconDetailsClass {
    color: #313537 !important; /** charcoal gray **/
}

.boldR {
	font-weight: bold;
}
.div-bordered {
	background-color: #f3f5f7; /** solitude gray **/
	border-radius: 0;
	border: 0;
}

#contractSummary td.tab-data {
	font-weight: bold;
	text-align: left;
}

/* follow workflow switch on search - branding colors (dark) */
.followWorkflowSw .react-toggle--checked .react-toggle-track {
    background-color: #ed0025 !important; /** red **/
}
.followWorkflowSw .react-toggle--checked .react-toggle-thumb {
    border-color: #ed0025 !important; /** red **/
}
.followWorkflowSw .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: #ed0025 !important; /** red **/
}


/* Create Asset Allocation Model - Model Manager */
#fund-model-app .fundModFields .dl-horizontal dt {
    width: 80px;
}

#fund-model-app .fundModFields .dl-horizontal dd {
    margin-left: 100px;
}



/** Notifications **/
.public-notifications .notifications-icon {
    margin-right: 0;
}

/* Document tags */
.tags-popover .popover-header {
    height: 39px;
}

.tags .popover-wide .tag-filter input {
    padding: 5px 7px 5px 20px
}

.tags .popover-wide .tag-options .form-control form-control-sm {
    padding: 5px;
}

.tags .popover-wide .popover-content .tag-list .tag-options {
    height: 34px;
}

/**
overwrite the z-index property for the autocomplete widget because it is used in
a modal window and it needs to be placed over the modal and the overlay div and the
overlay's z-index is 100 by default
 **/
.ui-autocomplete {
  z-index: 200 !important;
}

.contactFieldFullModalFix {
  width: calc(100% - 17px) !important;
  max-width: 100% !important;
}


/** Responsive ****************************************************/

@media (max-width: 768px) {

    body {
        padding: 0;
    }

    .admin-links {
        padding-right: 30px;
    }

    #header-banner {
        padding: 15px 0 10px;
    }

    #header-logo {
        padding-bottom: 10px;
    }

    /*#header-banner .col-1 {
        width: calc(100% + 60px);
        margin-top: 4px;
        margin-left: -30px;
        padding-top: 4px;
        padding-right: 30px;
        border-top: 1px solid #dee2e6; *//** disabled gray **//*
    }*/

    #fund-model-app .fundModFields .dl-horizontal dd {
        margin-left: 0px;
    }
    #wrapMenu #main_menu{
        background-color: white;
    }
    #wrapMenu label i {
        color: #ed0025;
    }
    .generalMenu .order-end{
        order: 1;
    }
    .generalMenu #wrapMenu .label-checkbox {
        right: 0px;
    }
}

div#tabs-1 div.hsection {
    margin-top: 50px;
}

.onlineAppForm .detailsFormEx .calendarGroup {
    margin-top: 0;
}