@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
.quicksand-<uniquifier> {
  font-family: "Quicksand", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
	margin-top: 0px;
	color: #2B2B2B;
    font-family: "Quicksand", serif;
}
legend, h2, h3, h4, h5 {
    color: rgb(103, 30, 117);
    color: #5F2371;
}
#site-announcements h2 { color: #5F2371; }

.container {
	background-color: white;
}

a, .ui-widget-content a, .nav-link { color: #5F2371; }
a:hover, a:active, .ui-widget-content a:hover, .ui-widget-content a:active { color: #ec692d; }
a:focus { color: #ec692d; }


a:not([href]):not([class]), a:not([href]):not([class]):hover, a:not([href]):not([class]):focus {
	color: rgb(103, 30, 117);
}


.ui-widget-content a.btn-primary, .ui-widget-content button.btn-primary, .ui-widget-content input.btn-primary { color: white; }

#header { margin-bottom: 0px; }
#header-banner { height: 80px; background-color: white; padding: 23px 0px;}
#header-logo { padding: 0 10px; }
#header-logo > a > img { height: 33px; }

.appInfoHeader {
    padding-top: 12px;
}
.edge-logo { text-align: right; padding-bottom: 4px; }
.edge-logo img { width: auto; height: 45px; }

.header-login { border-bottom: 0; text-align: right; margin-right: 18px; }
.btn.btn-sukoonLink { color: white; background-color: #F58012; border-color: #F58012; margin-left: 6px; background-image: none; text-shadow: none; }

.header-login .btn-link { text-transform: none; font-size: 12px; color: #F58012; text-shadow: none; font-weight: bold; padding: 2px 10px 0 3px; }
.header-login .btn-link.active,
.header-login .btn-link:hover { color: #F58012; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }


.icon-login-nav {
	vertical-align: middle;
}

#header-box {
	margin-top: 10px;
}
.namebanner {
	color: #2B2B2B;
    font-weight: bold;
	text-shadow: none;
	background-image: none;
	text-align: left;
	padding-left: 2px;
	line-height: 1.2em;
}
.pwdAlert {
    width: 100%;
    font-size: 11px;
    padding: 2px 10px;
    text-align: left;
    margin: 0;
    margin-top: 6px;
}
.pwdAlert a {
    font-weight: bold;
}
.pwdAlert .faIcon-md {
    vertical-align: middle;
    font-size: 14px;
}
.pwdAlertLink {
    margin-left: 8px;
}

#main_menu, #navbarResponsive { margin: 0px 0px 20px; }

.nav-pills > li.active > a {
	background-color: #EFEFEF;
	color: rgb(103, 30, 117);
}
.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background-color: #EFEFEF;
	color: rgb(103, 30, 117);
}

#main_menu .nav-pills {
	background-color: #5F2371;
	background-image: none;
	filter: none;
	padding: 0;
}

#main_menu .nav-pills > li > a { padding: 15px 25px; color: white; text-shadow: 0 0 0 rgba(0, 0, 0, 0); text-transform: none; font-size: 1em; text-transform: uppercase; font-weight: 500; }

#main_menu .nav-pills > li.active > a,
#main_menu .nav-pills > li.active > a:hover,
#main_menu .nav-pills li > a:hover {
	background-color: #5F2371;
    color: #EC692C;
	background-image: none;
	filter: none;
}
#main_menu li.search {
	height: 34px;
	margin-top: 8px;
}
#main_menu .nav-pills > li.search > a {
    padding: 10px 2px;
    margin-right: 9px;
}
#main_menu .nav-pills li.search a {
    color: white;
}
#main_menu .nav-pills li.search #globalSearchForm a {
    color: #333;
}


#tabs .nav-pills > li > a {
	background-color: transparent;
        color: #5f2371;
        border: 1px solid #5f2371;
        text-transform: uppercase;
        font-weight: 600;
        border-radius: 2px;
}
#tabs .nav-pills > li.active > a,
#tabs .nav-pills > li.active > a:hover,
#tabs .nav-pills > li > a:hover,
#tabs .nav-pills > li > a:focus {
	background-color: #5f2371;
	color: white;
}

/** nav-tabs **/
.nav-tabs {
    border-bottom: none;
    background-color: #EAEAEA;
    text-transform: uppercase;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    color: #F58012;
    border: none !important;
    background-color: transparent;
}
/** end of nav-tabs **/

ul.wizard > li.active {
	color: rgb(103, 30, 117);
}
.breadcrumb > li {
	text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
div.hsection {
	color: #5F2371;
    text-transform: uppercase;
    border-bottom: none;
    font-weight: bold;
}
div.hsection.inactive { color: rgb(204, 182, 212); }

.btn-primary {
	background-color: #5F2371;
    color: white;
    border: 1px solid #5F2371;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0px;
    border-radius: 2px;
}
.btn-primary:focus {
	background-color: #ec692d;
    border: 1px solid #ec692d;
}
.btn-primary:hover, .btn-primary:active {
	background-color: #ec692d;
}
.btn-link, .btn-link:focus {
    color: #5F2371;
    text-decoration: underline!important;
}
.btn-link:hover, .btn-link:active {
    color: #5F2371;
}

.right-btn {
    /*padding-bottom: 6px;*/
    border-bottom-color: #e5e5e5;
}

.ui-dialog {
	border: 2px solid #757477;
}
div.ui-widget-header {
	background: 0;
	background: #5f2371;
}

.ui-widget-content a.btn-primary:focus {
	background-color: rgb(207, 189, 214);
	color: rgb(103, 30, 117);
	border: 1px solid rgb(103, 30, 117);
}

.ui-widget-content a.btn-primary:hover {
	background-color: rgb(103, 30, 117);
	color: white;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 8px;
    color: white;
    font-family: "Font Awesome 5 Pro";
    text-align: center;
}

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

.ui-datepicker .ui-datepicker-prev:after {
    content: '\f053';
}

.ui-datepicker .ui-datepicker-next:after {
    content: '\f054';
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    color: white;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

DIV.t-data-grid-pager SPAN.current {
	background-color: rgb(103, 30, 117);
	color: white;
}

/* Tables */

div.t-data-grid table thead th,
.table tr[data-inplace-grid-links] th,
.table.sortable th,
.table.table-striped.table-bordered th,
.table .common-grid-header th,
.table.table-striped th,
.table th {
    color: white;
	background-color: #5F2371;
    background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997fa3',endColorstr='rgb(103, 30, 117)',GradientType=0);
}

div.t-data-grid table.lightheader thead th {
    background-color: rgb(207, 189, 214);
    background-image: inherit;
    color: rgb(103, 30, 117);
}

table.widget thead th {
    background-color: rgb(207, 189, 214);
    background-image: inherit;
    color: rgb(103, 30, 117);
}
table.widget thead td { /* same data-grid th */
	background-image: -moz-linear-gradient(top, #997fa3,rgb(103, 30, 117));
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#997fa3),to(rgb(103, 30, 117)));
	background-image: -webkit-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: -o-linear-gradient(top,#997fa3,rgb(103, 30, 117));
	background-image: linear-gradient(to bottom,#997fa3,rgb(103, 30, 117));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#997fa3',endColorstr='rgb(103, 30, 117)',GradientType=0);
}
table.widget tr.total td {
	background-color: #EFEFEF;
}

.acctTransSubTab th {
     background-image: none !important;
}

footer, div.footersection {
	font-size: 11px;
	background-image: none;
	filter: none;
	background-color: #FFFFFF;
	border-top: 2px solid rgb(103, 30, 117);
}
.copyrights { width: 99%; float:left; color:#000000; }
.footerlinks .disclaimerlink { display: none; }
.footerlinks .privacylink { display: none; }
.footerlinks .disclaimerlink.afterlogin { display: block; }
.footerlinks a { text-decoration: none; }
.alt-lang-fields, .alt-lang-fields-cb { display: none; }

.pieAssetClass { display: none; }
.chartPieChart { display: none; }

.illusMain {
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin: 25px 0 10px 0;
}
.illusTitle {
    background-color: rgb(103, 30, 117);
    text-align: center;
    color: white;
    padding: 2px;
    margin-bottom: 10px;
    font-weight: bold;
}
.illusBox {
	border: 1px solid #CCC;
}
.illusBoxTitle {
	border-bottom: 1px solid #CCC;
	color: rgb(103, 30, 117);
	background-color: #EFEFEF;
	font-weight: bold;
	text-align: center;
}
.illusBoxContent {
	padding: 5px 10px;
}
.illusBoxTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
}
.illusBoxTab td {
	padding: 1px;
}
.illusBoxTab td:nth-child(even) {
	font-weight: bold;
	text-align: right;
}
.illus .infoSection {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.illusDetailsTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-bottom: 1px solid black;
}
.illusDetailsTab th {
	padding: 1px;
	vertical-align: top;
	font-size: 0.75em;
	line-height: 1.2em;
	border-bottom: 1px solid black;
	text-align: right;
}
.illusDetailsTab td {
	padding: 1px 2px;
	font-size: 0.85em;
	text-align: right;
}
.illusDetailsTab tr:nth-child(even) {
	background-color: rgb(207, 189, 214);
}
.illusFooterTab {
	font-size: 0.75em;
	font-style: italic;
}
.illusMatTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-bottom: 1px solid black;
}
.illusMatTab td {
	padding: 2px 2px;
	text-align: center;
	font-weight: bold;
}
.noMargin {
	margin: 0;
}
.illusP {
	margin-bottom: 7px;
}
.clearfix-PDF {
	margin-bottom: 15px;
	height: 1%;
	font-size: 1px;
}
.illus .reqTitle {
	margin-top: 5px;
	border-bottom: 1px solid rgb(103, 30, 117);
	color: rgb(103, 30, 117);
	font-weight: bold;
	padding: 1px 0;
	margin-bottom: 5px;
}
.illus .reqTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
}
.illus .reqTab td {
	padding: 1px 1px;
}
.illus .reqTab td.even {
	font-weight: bold;
	text-align: right;
}
.illus .policyTab {
	width: 99%;
	table-layout: fixed;
	border-top: 1px solid #CCC;
}
.illus .policyTab td {
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}
.illus .policyTab td:nth-child(odd) {
	font-weight: bold;
}


/** Styles for Receipt Voucher **/
.voucherOption {
	padding-bottom: 15px;
}
.voucherButton {
	width: 130px;
}
.paymentOptionTitle {
	font-weight: bold;
	font-size: 1.1em;
}

/*** Styles for Payment Voucher***/
.receiptTitle {
	font-weight: bold;
	font-size: 1.1em;
}
.offSection {
	padding: 25px 0;
}
.signSection {
	width: 300px;
}
.signHead {
	margin-bottom: 10px;
}
.signImg {
	width: 250px;
	height: auto;
	padding: 5px;
}
.signField {
	border-top: 1px solid black;
	text-align: center;
	padding: 3px 0;
}
.voucherButtons {
	margin-top: 15px;
}
.bordered {
	border-bottom: 1px solid #EFEFEF;
	padding: 2px 0;
	margin-bottom: 2px;
}
.bold {
	font-weight: bold;
}
@media print {
	.doNotPrint, .header-login, #header-box, #main_menu, #tabs, .footertext, .footerlinks { display: none; }
	.col-6 {
	    width: 49%;
	    float: left;
		min-height: 1px;
		margin-left: 2%;
	}
	.col-6:first-child {
    	margin-left: 0px;
	}
}
/*** End of Styles for Payment Voucher***/



.cmsMarketingMenu {
    border-right: 1px solid rgb(103, 30, 117);
}
.cmsMarketingMenu .filterEmptyClass a, .cmsMarketingMenu .cmsMarketingMenuActive a {
    border: 1px solid rgb(103, 30, 117);
    border-right: 1px solid white;
}



/* Upload reports */

.currentReportUploads .uploadArea {
     border-radius: 5px;
}

.currentReportUploads .uploadArea b {
    color: rgb(103, 30, 117);
}

.currentReportUploads a.qq-upload-button::before {
    color: rgb(103, 30, 117);
}
/* End of Upload reports */


/* Pager */

.t-data-grid .t-data-grid-pager a,
.t-data-grid .t-data-grid-pager .current {
    color: rgb(103, 30, 117);
    border-color: rgb(207, 189, 214);
    border-radius: 3px;
}

.t-data-grid .t-data-grid-pager .current {
    color: rgb(207, 189, 214);
    border-color: rgb(103, 30, 117);
}

.t-data-grid .t-data-grid-pager a:hover {
     border-color: rgb(103, 30, 117);
 }

.t-data-grid table {
    border-radius: 0px;
}


/*** ***/
.appStepBox {
	padding: 15px;
}
.appStepBoxLast {
	padding: 0 15px 15px 15px;
	position: absolute;
	bottom: 0;
}
.appStepBoxLast .btn {
    margin: 0 3px 3px 0;
    font-size: 0.9em;
}
.appStepBoxTitle {
    color: rgb(103, 30, 117);
}
.appStepBoxElement {
	margin-top: 5px;
}
.contrElement {
	height: 100px;
}
.appStepBoxElement > .element1 {
	font-size: 0.9em;
	color: #7a7a7a;
}
.appStepBoxElement > .element2 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 3px;
}
.appStepBoxFooter {
	margin-top: 20px;
}

/* entire container */
.app-container {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
	box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
	background-color: white;
	height: 100%;
}
.app-container, .front {
	position: relative;
}
.appStepsFront {
	height: 340px;
	background-color: white;
}
.appInfoFront {
	height: 100%;
	background-color: white;
}
.appPaymentFront {
	height: 260px;
	background-color: white;
}

.appStepFF_true {
    font-size: 4em;
    color: rgb(103, 30, 117);
    padding-top: 110px;
}
.appStepFF_false {
    font-size: 4em;
    color: #CCC;
    padding-top: 110px;
}
.appIconStatusDiv {
    float: left;
}
.appIconStatus {
    font-size: 1.1em;
    font-weight: normal;
    vertical-align: top;
    padding-top: 0px;
    color: #4BB543;
}
.appIconStatusOff {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: top;
    padding-top: 3px;
    color: #DDD;
}
.appStatusDiv {
    margin-left: 16px;
    line-height: 1.3em;
}

.appIconPending {
    font-size: 1.1em;
    font-weight: normal;
    vertical-align: top;
    padding-top: 0px;
    color: #FFCC00;
}
.pendingAlert {
    font-size: 0.9em;
    font-style: italic;
}
.tagPendingAlert {
    font-size: 0.9em;
    font-style: italic;
    margin-left: 5px;
}

.txtDisabled {
    color: #888 !important;
    font-weight: normal;
}

.appProcessContainer, .appPaymentContainer {
    min-width: 815px;
}


[class^="imsicon-"],
[class*=" imsicon-"] {
  background-image: url("/ims/assets/ctx/8a92f244/images_oic/imsicons.png");
}
.remove-icon,.reorder-icon,.download-icon,.upload-icon,.play-icon,.refresh-icon,.virus-icon,.download-wait-icon, .splitter-icon {
	background: url("/ims/assets/ctx/8a92f244/images_oic/imsicons.png") no-repeat;
}





/** Dark and Light Branding colors **/
.darkBrandingColor {
    color: rgb(103, 30, 117) !important; /** purple **/
}

.lightBrandingColor {
    color: rgb(204, 182, 212) !important; /** light purple **/
}

.darkBrandingBGColor {
    background-color: rgb(103, 30, 117) !important; /** purple **/
}

.lightBrandingBGColor {
    background-color: rgb(204, 182, 212) !important; /** light purple **/
}

.darkBrandingBColor {
    border-color: rgb(103, 30, 117) !important; /** purple **/
}

.lightBrandingBColor {
    border-color: rgb(204, 182, 212) !important; /** light purple **/
}

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

/** KDF **/

.kfdHeaderTitle {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
}
.kfdHeaderSubTitle {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding-top: 4px;
	color: rgb(103, 30, 117);
}
.kfdSectionTitle {
	font-size: 13pt;
	font-weight: bold;
	text-align: left;
	color: rgb(103, 30, 117);
	margin-bottom: 10px;
	page-break-after: avoid;
}
.kfdSectionSubTitle {
	font-size: 11pt;
	color: rgb(103, 30, 117);
	page-break-after: avoid;
	margin-bottom: 6px;
	margin-top: 10px;
}
.kfdTableTxt {
    font-size: 11pt;
    page-break-after: avoid;
    margin-bottom: 6px;
    line-height: 1.2em;
    color: #333;
}
.kfdRedAlert {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 10pt;
}
.kfdIntroTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-top: 1px solid rgb(103, 30, 117);
	border-left: 1px solid rgb(103, 30, 117);
}
.kfdIntroTab tr {
    page-break-inside: avoid;
}
.kfdIntroTab td {
	padding: 5px;
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid rgb(103, 30, 117);
    border-right: 1px solid rgb(103, 30, 117);
    color: #333;
}
.kfdIntroTab td:first-child {
	background-color: rgb(103, 30, 117);
	color: white;
	border-bottom: 1px solid white;
}
.kfdIntroTab tr:last-child td:first-child {
	border-bottom: 1px solid rgb(103, 30, 117);
}
.kfdTabNote {
    font-size: 9pt;
    margin-top: 8px;
    font-style: italic;
    color: #333;
}
.kfdDataTab {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-top: 1px solid rgb(103, 30, 117);
	border-left: 1px solid rgb(103, 30, 117);
	-fs-table-paginate: paginate;
}
.kfdDataTab tr {
    page-break-inside: avoid;
}
.kfdDataTab th {
	padding: 5px;
	font-size: 10pt;
	vertical-align: top;
	background-color: rgb(103, 30, 117);
    color: white;
	border-bottom: 1px solid rgb(103, 30, 117);
    border-right: 1px solid rgb(103, 30, 117);
}
.kfdDataTab td {
	padding: 5px;
	font-size: 10pt;
	vertical-align: top;
	border-bottom: 1px solid rgb(103, 30, 117);
    border-right: 1px solid rgb(103, 30, 117);
    text-align: center;
    color: #333;
}
.kfdEmptySign {
    height: 60px;
}
.kfdList {
    margin-top: 4px;
    margin-bottom: 6px;
}
.kfdList li {
    margin-bottom: 3px;
}

/* pagination */
.pagination .active a {
    background-color: #5f2371 !important;
    border-color: #5f2371 !important;
}

.cardSummary {
    padding: 15px;
    background-color: white;
    background-clip: border-box;
    border: 1px solid #8e8e8e;
    border-radius: 0.25rem;
    margin-bottom: 15px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
}
.cardTitle {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 15px;
    color: #696969;
}
.cardTitle i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 4px;
}
.cardInfo {
    color: #696969;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.cardInd {
    font-size: 13px;
}
.cardSummary p {
    color: #696969;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    line-height: 16px;
    text-align: justify;
}

.poweredDiv {
    text-align: right;
    margin-bottom: -2px;
    margin-right: -1px;
}

.poweredDiv img {
    border-right: 2px solid #5F2371;
}

th[data-grid-property="currencyCode"], th.currencyCode, td[data-grid-property="currencyCode"], td.currencyCode {
    text-align: center;
}

/* Employer portal */
.mainPortalDashboard {
    width: calc(100% - 20px);
    padding: 10px;
    background-color: #f8f9fc;
}

.border-left-primary {
    border-left: 0.25rem solid rgb(103, 30, 117) !important;
}

.infoCard .endContent [type="submit"] + i {
    color: #671e75;
}

.infoCard .endContent [type="submit"]:hover + i {
    color: white;
}

.infoCard.companyBranding .mfaStepTitle span {
    left: -1.2em;
    border-color: #671d75;
}

.btn-portalSave:before {
    color: #671d75;
}

.btn-portalSave:hover:before {
    color: white;
}

.paymentDetailsTable th {
    background-color: #671d75 !important;
    background-image: none !important;
}

#payrolls th, .paymentPremiumsTable th {
    background-color: #671d75 !important;
}


/* Client profile */
.profile-card .profile-name {
	font-size: 18px;
	font-weight: bold;
}

.profile-brief .historyClose {
	float: right;
}

.client-profile-info .hsection i {
	margin-right: 10px;
}

#personEditFormZone .profile-validation {
	margin: 0;
	list-style-type: none;
}

#personEditFormZone .profile-validation li {
	margin: 0;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
}

#personEditFormZone .profile-validation li:last-child {
	border-bottom: none;
}

#personEditFormZone .profile-validation i {
	font-size: 20px;
}

#personEditFormZone .profile-validation i[data-status="updated-info"]::before {
	content: '\f058';
	color: #009677;
	font-weight: 600;
}

#personEditFormZone .profile-validation i[data-status="missing-info"]::before {
	content: '\f06a';
	color: red;
	font-weight: 600;
}

#personEditFormZone .profile-validation i[data-status="warning"]::before {
	content: '\f05a';
	color: #F98701;
	font-weight: 600;
}

#personEditFormZone .profile-validation i[data-status="no-change"]::before {
	content: '\f00c';
	padding: 2px;
	color: #009677;
	font-size: 12px;
	border: 2px dashed;
	border-radius: 100%;
	font-weight: 600;
	vertical-align: middle;
}

.profile-brief ul {
	padding: 0;
}
.client-profile-edit {
    padding-top: 20px;
}
.client-profile-edit .hsection {
	margin-top: 20px;
}

.client-profile-edit .form-group {
	margin-bottom: 20px;
}

.client-profile-edit .form-group .radio > * {
	vertical-align: -2px;
}

.client-profile-edit .form-group .optionButtons .radio b + input {
	margin-top: 3px;
	margin-right: 3px;
	float: left;
}

.client-profile-edit .form-group .optionButtons .radio > * {
	vertical-align: middle;
}

.client-profile-edit .col-4 {
	float: none;
	width: 100%;
	margin-left: 0;
}

.client-profile-edit #personEditForm > fieldset:first-of-type .hsection:first-child  {
	margin-top: 0;
}

.client-profile-edit #personEditForm input.inputFullSet {
	width: 100% !important;
}

.client-profile-edit .col-12 {
	margin-left: 0;
	/*margin-bottom: 20px;*/
}

.client-profile-edit .officeAddressSection {
	margin-bottom: 20px;
}

.client-profile-edit .add-field .btn {
	padding-left: 0;
}

.client-profile-edit .id-field {
	margin-bottom: 20px;
}

.client-profile-edit #personEditForm .btn-small {
	margin-top: 0;
}

.client-profile-edit .editorActionButtons {
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
	text-align: right;
}

.profileChangeSummary .authenticationZone {
	margin-bottom: 20px;
}

.profileChangeSummary #authenticateFormDiv {
	display: grid;
	align-items: center;
	justify-content: center;
	position: fixed;
	inset: 0;
	z-index: 10;
	background: rgb(0 0 0 / .5);
}

.profileChangeSummary form[id*="authenticateForm"] {
	width: 345px;
	padding: 20px;
	position: relative;
	background: white;
	border-radius: 5px;
	box-shadow: 1px 1px 15px rgb(0 0 0 / .12);
}

.profileChangeSummary form[id*="authenticateForm"] .closeFormBtn {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 1rem;
	text-decoration: none;
}

.profileChangeSummary form[id*="authenticateForm"]::before {
	display: block;
	color: rgb(103, 30, 117);
	font-size: 0.9rem;
	line-height: 1.3;
	text-wrap: pretty;
}

.profileChangeSummary form[id*="authenticateForm"] fieldset label {
	position: relative;
	height: 0;
	text-indent: -1000px;
}

.profileChangeSummary form[id*="authenticateForm"] fieldset label::before {
	content: 'OTP';
	padding: 2px;
	position: absolute;
	top: -3px;
	left: 3px;
	font-size: 8px;
	line-height: 1;
	text-indent: 0;
	background: white;
}

.profileChangeSummary form[id*="authenticateForm"] #sentMessage {
	margin-bottom: 10px;
	line-height: 1.3;
}

.profileChangeSummary form[id*="authenticateForm"] fieldset input {
	width: 62px;
	margin-bottom: 20px;
	padding: 25px 20px;
	display: inline-block;
	font-size: 25px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
}

.profileChangeSummary form[id*="authenticateForm"] fieldset input:not(:placeholder-shown) {
	border: 1px solid rgb(103, 30, 117) !important;
}

.profileChangeSummary form[id*="authenticateForm"] fieldset input + input {
	margin-left: 15px;
}

.profileChangeSummary form[id*="authenticateForm"] .triesWarning {
	margin-bottom: 0;
	padding-right: 5px;
	font-size: .6rem;
	text-align: right;
	translate: 0 -15px;
}

.profileChangeSummary form[id*="authenticateForm"] .resendOtpBtn {
	border-color: inherit;
	color: #666;
}

.profileChangeSummary form[id*="authenticateForm"] .resendOtpBtn:hover {
	color: white;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodLink {
	margin-bottom: -20px;
	margin-top: 15px;
	display: block;
	color: #999;
	font-size: .7rem;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodLink:hover {
	color: rgb(103, 30, 117);
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodLink:has(input:checked) {
	display: none;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodLink input {
	display: none;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions {
	margin-top: 15px;
	display: none;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodLink:has(input:checked) + .otherMethodOptions {
	margin-bottom: -20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions label {
	margin: 0;
	margin-left: auto;
	color: #999;
	font-size: .9rem;
	line-height: 1;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions label:hover {
	color: rgb(103, 30, 117);
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions span {
	width: 100%;
	margin-bottom: 20px;
	font-size: .8rem;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions a {
	box-sizing: border-box;
	width: calc(50% - 10px);
	padding: 15px;
	position: relative;
	color: #999;
	text-align: center;
	border: 1px solid #999;
	border-color: inherit;
	border-radius: 4px;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions a:hover {
	color: rgb(103, 30, 117);
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions a span:first-child {
	width: auto;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -10px;
	left: 5px;
	font-size: .6rem;
	background: white;
}

.profileChangeSummary form[id*="authenticateForm"] .otherMethodOptions a span:nth-child(2) {
	margin: 10px 0;
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
}

.profileChangeSummary .actionButtons {
	border-top: 1px solid #e5e5e5;
	padding-top: 10px;
}

.profileChangeSummary .actionButtons span {
	padding: 7px 14px;
	display: inline-block;
	color: #333;
	font-weight: 500;
	background-color: #e6e6e6;
	border: 1px solid transparent;
	border-radius: 4px;
	opacity: .65;
	cursor: default;
}

.profileChangeSummary .actionButtons a:not([disabled]) span {
	all: unset;
}


/* ==== New Visual =====*/
/* General */
.textOrange{
    color: #ec692d!important;
}
.textPurple{
    color: #5F2371!important;
}
/* Header */
.bodySimple #main-content #wrapMenu{
    display: none;
}
#main_menu .nav-pills > li{
    position: relative;
}
#main_menu .nav-pills > li:nth-child(n + 2):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 50%;
    background: #855994;
    top: 25%;
    z-index: 2;
}
#main_menu .nav-pills > li.active > a:before,
#main_menu .nav-pills > li.active > a:hover:before,
#main_menu .nav-pills li > a:hover:before {
	content: "";
    position: absolute;
    bottom: 0px;
    left: 25%;
    width: 50%;
    height: 3px;
    background-color: #EC692C;
}
#main_menu .nav-pills > li:first-child > a {
    font-size: 0;
    line-height: 20px;
}
#main_menu .nav-pills > li:first-child > a:after {
   content: url("/ims/assets/ctx/zf60a0fa2/images_gosaver/iconHomewhite.svg");
   height: 20px;
   width: 20px;
   float: left;
   display: block;
}
#main_menu .nav-pills > li:first-child > a:hover:after,
#main_menu .nav-pills > li:first-child > a.active:after {
   content: url("/ims/assets/ctx/z7861ec84/images_gosaver/iconHome.svg");
}
.nav.nav-tabs .nav-item .nav-link{
    padding: 12px;
    position: relative;
    font-weight: 600;
}
.nav-tabs .nav-link:hover {
    color: #EC692C;
}
.nav-tabs .nav-link.active:before,
.nav-tabs .nav-link:hover:before,
.nav-tabs .nav-link:focus:before{
    content: "";
    position: absolute;
    bottom: 2px;
    left: 10%;
    width: 80%;
    height: 3px;
    background-color: #EC692C;
}
.namebanner{
    position: relative;
    margin-left: 20px;
}
.namebanner.lastlogin{
    font-weight: normal;
    color: #8E8E8E;
}
.namebanner .NavWelcome {
    font-weight: normal;
}
.namebanner i.far.fa-user {
    position: absolute;
    left: -20px;
    top: 7px;
    font-size: 15px;
    color: #ec692d;
}
.header-login a {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.header-login a i {
    color: #ec692d;
    font-size: 15px;
    vertical-align: middle;
}
.header-login a:hover i {
    color: #5F2371;
}
.header-login .btnUserGoS {
    margin-top: -10px;
    padding-top: 0;
    padding-bottom: 0px;
}
.header-login .btnUserGoS span, .header-login .btnUserGoS i {
    font-size: 10px;
}
a.btn i {
    color: #2B2B2B;
}
.btn.btn-primary i{
    color: white;
}
a.btn.btn-default i, .btn.btn-link i {
    color: #5F2371;
}
a.btn.btn-default:hover i {
    color: white;
}
#main_menu i.fa-search, a.btn.btn-link.sign-out-button i{
    color: white;
}
#main_menu i.fa-search:hover, a.btn.btn-link.sign-out-button i:hover, #notificationOpener.notifications-icon i:hover {
    color: #ec692d;
}
#offcanvasDarkNavbar.show .nav {
    display: block;
}
.bg-dark {
    background-color: #5F2371 !important;
}
#navbarResponsive .container-nav{
    display: flex;
    flex-wrap: inherit;
    align-items: center;
}
#navbarResponsive {
    padding: 0px;
    position: relative;
}
#navbarResponsive #main_menu {
    margin: 0px;
}
#navbarResponsive .navbar-toggler{
    margin: 0px 10px;
}
#navbarResponsive .navbar-toggler {
    padding: 13px;
    font-size: 16px;
    border: none;
    border-radius: 0px;
}
#navbarResponsive .navbar-toggler:hover {
    background-color: #551261;
}
#navbarScroll .nav-pills li.search a {
    color: #5F2371;
}
#home-responsive .nav-pills > li {
    display: none;
}
#main_menu #navSettings {
    position: absolute;
    right: 0;
    top: 0;
}
#main_menu #navSettings i{
    font-size: 16px;
    vertical-align: -1px;
}
#main_menu #navSettings .labelSettings {
    padding: 0px 5px;
}
#main_menu #navSettings .nav-link {
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px 40px;
}
#main_menu #navSettings .nav-link.show .fa-angle-down:before{
    content: "\f106";
}
#main_menu #navSettings .nav-link:hover,
#main_menu #navSettings .nav-link.show{
    background-color: #551261;
    color: #ec692d;
}
#main_menu #navSettings .dropdown-menu {
    border: none;
    right: 0;
    left: inherit;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
}
#main_menu #navSettings .dropdown-menu > li > a {
    padding: 13px 15px;
    text-transform: uppercase;
}
#main_menu #navSettings.active a:before,
#main_menu #navSettings.active a:hover:before,
#main_menu #navSettings a:hover:before {
	display: none;
}
#main_menu #navSettings .dropdown-menu > li > a:hover,
#main_menu #navSettings .dropdown-menu > li > a:focus,
#main_menu #navSettings .dropdown-submenu:hover > a,
#main_menu #navSettings .dropdown-submenu:focus > a {
    color: #ec692d;
    background-color: transparent;
}
#main_menu #navSettings:before,
#main_menu .search:before{
    display: none;
}
#main_menu #navSettings .dropdown-menu .dropdown-item:hover,
#main_menu #navSettings .dropdown-menu .dropdown-item:focus{
    color: #EC692C!important;
}
#main_menu .nav-pills a {
    text-shadow: none;
}

/* Breadcrumb */
.breadcrumb > .active {
    color: #EC692C;
}
.breadcrumb {
    background-color: transparent;
}
.breadcrumb > li {
    font-weight: 500;
}
.breadcrumb li a{
    color: #2B2B2B;
}
.breadcrumb li a:hover, .breadcrumb li a:focus, .breadcrumb li a:active {
    color: #ec692d;
}
.breadcrumb > li > .divider {
    font-size: 0;
    position: relative;
}
.breadcrumb > li > .divider:before {
    content: '\f0da';
    color: #2B2B2B;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: 300;
}
.divider {
    font-size: 0;
    position: relative;
}

.divider:before {
    content: '\f0da';
    color: #2B2B2B;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: 300;
}
.fa-home-lg:before {
    content: "Home";
    font-family: "Quicksand", serif;
    font-weight: 500;
}
/* Tables */
thead, tbody, tfoot, tr, td, th {
    border-style: none;
}
.acctTransTab td {
    padding: 10px;
    border-top: 0;
    border-bottom: 1px solid #EAEAEA;
}
.table th, .table td {
    padding: 10px;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: none;
    --bs-table-bg-type: none;
    border-bottom: 1px solid #EAEAEA;
}
.table-striped  tbody > tr > * {
    border-bottom: 1px solid #EAEAEA;
}
.table-nohead thead {
    display: none;
}
table.acctSumTabWide {
    border-bottom: none;
}
table.userCrmInfo {
    border: none;
}
.userCrmInfo td.info-label {
    background-color: transparent;
    border-top: 1px solid #EAEAEA;
}
.userCrmInfo td {
    border-left: none;
}
.table.acctTransTab tbody td, .table.acctTransTab thead th{
    text-align: left !important;
}
.acctPosSubAcct .d-none{
    display: block!important;
}
.table.acctTransTab thead th {
    width: 10% !important;
}
.table.acctTransTab thead th[data-grid-property=fundName]{
    width: 25% !important;
}

/* Accordions */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #5F2371;
    font-weight: normal;
    color: #F5F2F7;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #F5F2F7;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #F5F2F7;
}
.ui-accordion .ui-accordion-header {
    padding: 10px;
    position: relative;
    border-radius: 2px;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-icon, .ui-widget-content .ui-icon {
    background-image: url("/ims/assets/ctx/zf60a0fa2/images_gosaver/plus.svg");
    background-position: 0;
    position: absolute;
    right: 12px;
    top: 12px;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("/ims/assets/ctx/zf60a0fa2/images_gosaver/minus.svg");
}
.ui-dialog .ui-dialog-titlebar-close {
    transform: rotate(45deg);
}
.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-button:hover, .ui-button:focus {
    border: none;
    background: #551261;
}
.ui-widget-content {
    border: 1px solid #EAEAEA;
}

/* Buttons */
.btn.btn-default, .btn.btn-secondary {
    background-color: transparent;
    background-image: none;
    border-color: #5F2371;
    color: #5F2371;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 2px;
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active{
    background-color: #5F2371;
    color: #F5F2F7;
}
#switch-builder-v2 .btn-group .btn {
    text-transform: capitalize;
}
.btn-employeeTemplate i {
    display: none;
}

/* Pagination */
.pagination > li > a, .pagination > li > span {
    border: 1px solid #5f2371;
    color: #5f2371;
}
/* Tabs */
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: transparent;
    border-color: transparent;
}
#fund-list-app .t-data-grid table thead th{
    padding: 10px 8px !important;
}
#fund-list-app .t-data-grid table td{
    border-left: none!important;
    background: white!important;
    padding: 10px 8px !important;
}
.editableDocsTab .document .btn-link .play-icon{
    display: none;
}
#userTabsWrapper #toggle-nav, #userTabsWrapper .label-toggle-nav{
    display: none;
}

/* Home */
.gridster.ready {
    min-width: auto !important;
}
.gridster.ready .gs-resize-disabled {
    width: auto !important;
}
/* Content */
#main-content {
    padding: 0px 20px;
}
#asOfTitle {
    display: grid;
    text-align: right;
    font-weight: bold;
    padding: 8px 0 5px 0;
    margin-bottom: 5px;
    font-size: 13px;
}
#asOfTitle span{
    color: #5F2371;
}
.hsection .titleGoS, .titleGoS {
    background-color: #ec692d;
    padding: 8px;
    color: #fff;
    border-radius: 2px;
    font-size: 20px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}
.titleCardGoS {
    background: #5f2371;
    padding: 12px;
    color: white;
    line-height: 12px;
    font-weight: 600;
}
.wrapCardGoS {
    padding-left: 0px;
    margin-bottom: 0px;
}
.itemCardGoS {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrapCardGoS li:not(:last-of-type) {
    border-bottom: 1px solid #EAEAEA;
}
.valorCardGoS {
    color: #5f2371;
    font-weight: 600;
    font-size: 1.2em;
}
.itemCardGoS.totalCardGoS {
    background-color: #5f2371;
    color: #fff;
}
.itemCardGoS.totalCardGoS .valorCardGoS{
    color: #fff;
}
.itemCardGoS .currentPlan{
    background-color: #EAEAEA;
}
.itemCardGoS.totalCardGoS .currentPlan{
    background-color: #ec692d;
}
.itemCardGoS .dateCard {
    background-color: #5f2371;
    color: white;
    padding: 0 6px;
    margin-top: 3px;
    display: inline;
}
.itemCardGoS .contentCardGoS{
    padding: 15px;
    min-height: 70px;
    align-content: center;
}
.contentCardGoS.titlePlan {
    width: 60%;
}
.contentCardGoS.titlePlan .titleTotal{
    font-size: 1.2em;
    font-weight: 600;
}
.contentCardGoS.investedPlan,
.contentCardGoS.currentPlan {
    width: 20%;
    text-align: center;
}
.wrapBodyBook {
    padding: 20px;
    border: 1px solid #EAEAEA;
    border-top-color: transparent;
}
.table.tableGoS {
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
    border: 1px solid #f1f1f1;
}
.tableGoS .itemTableGoS td {
    padding: 20px;
    border-bottom: 1px solid #f1f1f1;
    vertical-align: middle;
}
.tableGoS .itemTableGoS .lastTableGoS {
    background: #F8F8F8;
}
.tableGoS .itemTableGoS .titleTableGoS {
    color: #ec692d;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 3px;
}
.tableGoS .itemTableGoS a.titleTableGoS {
    text-decoration: underline;
}
.tableGoS .itemTableGoS .valueTableGoS {
    text-align: right;
}
.tableGoS .itemTableGoS .valueGoS {
    font-size: 16px;
    color: #5f2371;
    font-weight: 600;
    margin-bottom: 3px;
}
.tableGoS .itemTableGoS .dateCard {
    background-color: #5f2371;
    color: white;
    padding: 2px 6px;
    margin-top: 14px;
    display: inline;
    font-size: 0.9em;
    border-radius: 2px;
}
.tableGoS .itemTableGoS.totalTableGoS td {
    background-color: #5f2371;
    color: white;
}
.tableGoS .itemTableGoS.totalTableGoS .lastTableGoS {
    background: #ec692d;
}
.tableGoS .itemTableGoS.totalTableGoS .valueGoS {
    color: white;
}
.tableGoS .itemTableGoS.totalTableGoS .titleTableGoS{
    color: white;
    font-size: 16px;
    font-weight: 600;
}
#ContentCommonAcct .well.wrapFundGos{
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
    border: 1px solid #f1f1f1;
    padding: 30px;
}
.well.wrapFundGos .hsection {
    background-color: #5f2371;
    color: white;
    padding: 0px 10px;
    font-size: 1em;
    margin-bottom: 0px;
}
.well.wrapFundGos .itemFundGos {
    padding: 10px 0px;
    border-top: 1px solid #f1f1f1;
    margin: 0px;
}
.well.wrapFundGos .currencyFundGos {
    font-weight: 600;
    color: #ec692d;
}
.well.wrapFundGos .titleFundGos {
    font-weight: 600;
    color: #5f2371;
}
.well.wrapFundGos .valueFundGos {
    text-align: right;
    font-weight: 600;
    color: #5f2371;
    align-self: center;
}
.infoCard.h-100 {
    height: inherit !important;
}


/*Book*/
#extraContent #contractSummary {
    flex: 70%;
    padding-right: 20px;
}
#contractSummary .hsectionLeft {
    text-transform: uppercase;
}
#extraContent .userCrmInfo{
    margin-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
    border-color: #EAEAEA;
    padding: 20px;
    border-radius: 2px;
}
#extraContent .userCrmInfo td.info-label{
    background-color: transparent;
    border-top: none;
    padding-right: 0px;
}
#WrapContractSummary .planActionsButtons {
    display: flex;
    flex: 1;
    column-gap: 10px;
}
#WrapContractSummary .planActionsButtons .hsectionLeft {
    display: none;
}
#WrapContractSummary .planActionsButtons .btn-planAc {
    padding: 16px 6px;
    font-size: 10px;
    max-width: 120px;
    min-width: 90px;
    min-height: 82px;
    background-color: #5F2371;
    color: white;
    margin-bottom: 0px;
    border-radius: 2px;
    line-height: 12px;
}
#WrapContractSummary .planActionsButtons .btn-planAc:hover {
    background-color: #4E185E;
}
#WrapContractSummary .planActionsButtons .btn-planAc i{
   display: block;
   color: white;
   margin-bottom: 10px;
   font-size: 1.5em;
}
.acctPosSubAcct {
    border-bottom: none;
}
.asofForm .asofDiv :nth-child(2) .ui-datepicker-trigger {
    height: auto;
}
button.ui-datepicker-trigger {
    width: 0;
    margin-right: 11px;
    padding: 0;
    background: none;
}
button.ui-datepicker-trigger::before {
    content: '\f073';
    color: #ec692d;
    font-family: 'FontAwesome';
    font-size: 14px;
    font-weight: 300;
}
.asofDiv .valueAsof {
    position: absolute;
    top: -6px;
    right: 110px;
}
.asofDiv {
    position: relative;
    padding-top: 20px;
}
.asofForm .asofDiv {
    text-transform: none;
    color: initial;
}
.asofForm .asofDiv :nth-child(2) input {
    color: #5f2371;
    font-weight: 600;
}
#ContentCommonAcct .wrapCard{
    padding: 20px;
    border: 1px solid #EAEAEA;
    border-top: none;
    border-radius: 2px;
    margin-bottom: 20px;
    min-height: 200px;
}
#ContentCommonAcct .wrapCard .titleBook{
    display: none;
}
#ContentCommonAcct #tabs .nav {
    margin-bottom: 0px;
}
.ui-widget {
    font-family: "Quicksand", serif;
}
ul.doclist li.document {
    border: 1px solid #EAEAEA;
    border-radius: 2px;
}
.btnPerformance{
    text-align: right;
}
.btnPerformance a {
    background-color: transparent;
    background-image: none;
    border: 1px solid #5F2371;
    color: #5F2371;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 2px;
    padding: 0.375rem 0.75rem;
}
.btnPerformance a:hover,
.btnPerformance a:focus{
    background-color: #5F2371;
    color: white;
}
#bookBreadcrumbGoS {
    position: relative;
    top: -15px;
    font-size: 12px;
    font-weight: 600;
    color: #ec692d;
}
#bookBreadcrumbGoS .divider {
    vertical-align: middle;
    padding-right: 4px;
}
#bookBreadcrumbGoS .itemBreadcrumbGoS {
    color: #2b2b2b;
    padding-right: 4px;
    font-weight: 500;
}
#bookBreadcrumb:has(.hierarchy) + .mainLayout #bookBreadcrumbGoS{
    display: none;
}
#WrapContractSummary #contractSummary {
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
}
#WrapContractSummary .userCrmInfo .itemTable span {
    display: block;
}
#WrapContractSummary .userCrmInfo{
    margin: 0px;
}
#WrapContractSummary .userCrmInfo td {
    padding: 20px;
    width: auto;
}
#WrapContractSummary .itemTable .info-data{
    font-weight: 600;
}
#WrapContractSummary .userCrmInfo .titleCrmInfo .number {
    width: 33%;
}
#WrapContractSummary .userCrmInfo tr td:last-child {
    background: #eaeaea !important;
}
#WrapContractSummary .itemTable.value .info-label {
    text-align: center;
}
#WrapContractSummary .itemTable.value .info-data {
    text-align: center;
    font-size: 1.3em;
    color: #5f2371;
}
#marketing-admin #tabs{
    display: none;
}


/*Profile View*/
#ContentCommonAcct .profile-view {
    margin-top: 30px;
}
#ContentCommonAcct .profile-view #clientBlock{
    position: relative;
}
#ContentCommonAcct .profile-view #clientBlock .btn-primary{
    position: absolute;
    right: 9px;
    top: -70px;
}
.row #ContentCommonAcct .row{
        margin-right: 0;
        margin-left: 0;
    }
#ContentCommonAcct .offset-1 {
    margin-left: inherit;
}
#ContentCommonAcct .well {
    min-height: inherit;
    padding: 0 0px 10px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px solid #EAEAEA;
}
#ContentCommonAcct .WrapProfileInfo{
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
    border: 1px solid #f1f1f1;
    padding: 25px;
    border-radius: 2px;
    margin-bottom: 20px;
}
.WrapProfileInfo .profile-card {
    margin-bottom: 10px;
}
.WrapProfileInfo .profile-card .profile-name{
    color: #5f2371;
    margin-bottom: 10px;
}
.WrapProfileInfo .history-link a{
    background-color: transparent;
    color: #5f2371;
    border: 1px solid #5f2371;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1em;
    text-align: center;
    border-radius: 2px;
    display: block;
    margin-bottom: 10px;
}
.WrapProfileInfo .history-link a:hover{
    background-color: #5f2371;
    color: white;
}
.client-profile-info.wrap-accordion .hsection {
    font-size: 13.5px;
    background-color: #5f2371;
    color: white;
    padding: 2px 14px;
    text-transform: capitalize;
    border-radius: 2px;
    margin-bottom: 0;
    position: relative;
    font-weight: normal;
}
.wrap-profile-info{
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
    border: 1px solid #f1f1f1;
    padding: 25px;
    border-radius: 2px;
    margin-bottom: 20px;
}
.wrap-accordion .accordion-panel {
    padding-top: 10px;
    padding-bottom: 20px;
}
#beneficiaryBlock .wrap-accordion .accordion-panel {
    align-items: center;
}
#beneficiaryBlock .hsection {
    margin-top: 20px;
}
.wrap-accordion .accordion-panel.active {
    display: flex;
}
.accordion-panel .dl-horizontal dt {
    width: 35%;
    text-align: left;
    margin-left: 12px;
}
.accordion-panel .dl-horizontal dd {
    margin-left: 10px;
    display: inline-block;
}
.client-profile-info.wrap-accordion .hsection .d-none {
    display: block!important;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: right;
    vertical-align: middle;
    padding-top: 10px;
}
.client-profile-info.wrap-accordion .accordion-panel:not(.show) {
    display: none;
}
.client-profile-info.wrap-accordion .hsection .fa-plus[aria-expanded=true]:before {
    content: "\f068";
}
.dl-horizontal dd {
    margin-left: 55%;
}
.dl-horizontal dt {
    width: 50%;
}
#personEditForm .contact-info .address-info {
    order: 2;
}
#personEditForm .address-info .wrap-formGroup {
    padding-top: 1px;
}
#personEditForm .contact-info .residential-address {
    order: 1;
}
#personEditForm .contact-info .residential-address .col-12,
#personEditForm #otherAddress .col-12,
#personEditForm #fieldOfficeAddress .col-12 {
    width: 100%;
}
#personEditForm .officeAddressSection .hsection {
    margin-bottom: 40px;
}
#personEditForm .form50 {
    width: 50%;
    display: inline-block!important;
}
#personEditForm .form-group.min-form55 {
    min-height: 57px;
    padding-top: 4px;
}
#inputHomePhone, #inputPhone {
    margin-top: 22px;
}
#personEditForm .form-group.add-field {
    padding-top: 16px;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 2px;
}
a#homeCountryPhoneDetails, a#phoneDetails, a#addNationality {
    background-color: #5F2371;
    color: white;
    border: 1px solid #5F2371;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0px;
    border-radius: 2px;
    padding: 4.5px 12px;
    display: inline-block;
}

/*Contact*/
.adInfoWell {
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1.5px 3px 0px;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    width: auto;
    margin-bottom: 20px;
    max-width: 700px;
}

/* Responsive */
@media (max-width: 767px) {
    #main-content {
        padding: 0px 10px;
    }
    .mainLayout {
        padding-top: 5px;
    }
    #main_menu .nav-pills > li:first-child > a {
        font-size: inherit;
    }
    #main_menu .nav-pills > li:first-child > a:after,
     #main_menu .nav-pills > li:first-child > a:hover:after,
     #main_menu .nav-pills > li:first-child > a.active:after{
        content: none;
    }
    #offcanvasDarkNavbar {
        width: 100%;
    }
    #offcanvasDarkNavbar .nav-pills{
        background-color: white;
    }
    #offcanvasDarkNavbar .nav-pills > li {
        border-bottom: 1px solid #EAEAEA;
        width: 100%;
    }
    #offcanvasDarkNavbar .offcanvas-header .btn-sukoonLink  {
            font-size: 0px;
        }
    #offcanvasDarkNavbar .offcanvas-header .btn-sukoonLink i {
        color: #ec692d;
        font-size: 20px;
        vertical-align: middle;
    }
    .offcanvas-body .btn-close {
        padding: calc(var(--bs-offcanvas-padding-y)* 0.5) calc(var(--bs-offcanvas-padding-x)* 0.5);
        margin-top: calc(-0.5* var(--bs-offcanvas-padding-y));
        margin-right: calc(-0.5* var(--bs-offcanvas-padding-x));
        margin-bottom: calc(-0.5* var(--bs-offcanvas-padding-y));
        position: absolute;
        right: 19px;
        z-index: 4000;
    }
    .offcanvas-body .btn-close.d-none {
        display: block!important;
    }
    #offcanvasDarkNavbar .nav-pills > li > a {
        color: #5F2371;
    }
    #offcanvasDarkNavbar .nav-pills > li:nth-child(n + 2):before {
        content: none;
    }
    #offcanvasDarkNavbar .nav-pills > li.active > a, #offcanvasDarkNavbar .nav-pills > li.active > a:hover, #offcanvasDarkNavbar .nav-pills li > a:hover {
        background-color: transparent;
        color: #EC692C;
        background-image: none;
        filter: none;
    }
    #offcanvasDarkNavbar .nav-pills > li.active > a:before, #offcanvasDarkNavbar .nav-pills > li.active > a:hover:before, #offcanvasDarkNavbar .nav-pills li > a:hover:before {
        content: none;
    }
    #offcanvasDarkNavbar .nav-pills .dropdown{
        display: none;
    }
    #home-responsive .nav-pills > li > a {
        padding: 15px 15px;
    }
    #home-responsive .nav-pills > li:first-child, #home-responsive .nav-pills  li#navSettings {
        display: block;
    }
    #navSettings .navbar-nav .dropdown-menu {
        position: absolute;
    }
    #WrapContractSummary .userCrmInfo .titleCrmInfo {
        display: flex;
        flex-flow: wrap;
    }
    #WrapContractSummary .userCrmInfo .titleCrmInfo .itemTable {
        width: 30%;
    }
    #WrapContractSummary .userCrmInfo .titleCrmInfo .itemTable.number {
        width: 40%;
    }
    #WrapContractSummary .userCrmInfo .titleCrmInfo .itemTable.value {
        width: 50%;
    }
    #WrapContractSummary .userCrmInfo td, .tableGoS .itemTableGoS td {
        padding: 10px 5px;
    }
    #ContentCommonAcct .profile-view {
        margin-top: 0px;
    }
    #ContentCommonAcct .profile-view #clientBlock .btn-primary {
        position: inherit;
        margin-bottom: 10px;
    }
    .hsection .titleGoS, .titleGoS, .tableGoS .itemTableGoS .titleTableGoS, .tableGoS .itemTableGoS.totalTableGoS .titleTableGoS, .tableGoS .itemTableGoS .valueGoS {
        font-size: 11px;
    }
    td.valueTableGoS span {
        font-size: 10px;
    }
    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    .container-fluid.brandedPublicContainer{
        padding-left: 30px;
        padding-right: 30px;
    }
    #header #header-logo > a > img {
        height: 25px;
    }
    #asOfTitle {
        font-size: 12px;
    }
    #main_menu #navSettings .labelSettings {
        display: none;
    }
    #main_menu #navSettings i {
        margin-right: 5px;
    }
    #header-banner .row, .footersection .row {
        margin-right: 0;
    }
    #main_menu #navSettings .nav-link {
        padding: 15px 25px;
    }
    .cardSummary {
        padding: 15px 5px;
    }
    .cardSummary .cardTitle {
        font-size: 10px;
    }
    .cardSummary .cardInfo {
        font-size: 12px;
    }
    .tableGoS .itemTableGoS .dateCard {
        font-size: 0.6em;
    }
    #fund-list-app,  #fund-performance-app{
        overflow-x: scroll !important;
    }
    #fund-performance-app th, #fund-performance-app td {
        min-width: 90px !important;
    }
    #fund-performance-app th:nth-child(-n+3), #fund-performance-app td:nth-child(-n+3) {
        min-width: 150px !important;
    }
    #fund-list-app thead th, #fund-list-app .ReactVirtualized__Grid td {
        width: 110px !important;
    }
    #fund-list-app td.name-td {
         left: 110px !important;
    }
    #fund-list-app td.manager-name-td {
        left: 220px !important;
    }
    #fund-list-app td.asset-class-td {
        left: 330px !important;
    }
    #fund-list-app td.currency-code-td {
        left: 440px !important;
    }
    #fund-list-app td.pricing-frequency-td {
        left: 550px !important;
    }
    #userTabsWrapper {
        background: #eaeaea;
        padding: 8px;
        text-align: end;
        position: relative;
    }
    #userTabsWrapper .label-toggle-nav{
        display: inline-block;
        z-index: 99;
        cursor: pointer;
        padding: 4px 8px;
        background-color: #ffffffab;
        border-radius: 4px;
        margin-bottom: 0;
        width: 30px;
        text-align: center;
    }
    #userTabsWrapper .label-toggle-nav:hover{
        background-color: #ffffff;
    }
    #userTabsWrapper .label-toggle-nav i{
        font-size: 16px;
        color: #f58012;
        transition: all 1s linear;
    }
    #userTabsWrapper #toggle-nav:checked ~ label i:before{
        content: "\f00d";
    }
    #userTabsWrapper #tabs{
        position: absolute;
        left: 0;
        top: 44px;
        z-index: 99;
        text-align: left;
        width: 100%;
    }
    #userTabsWrapper .nav-tabs .nav-item {
        display: none;
        transition: all 3s linear;
    }
    #userTabsWrapper #toggle-nav:checked ~ div .nav-item{
        display: block;
    }
    #userTabsWrapper .nav-tabs .nav-link.active:before, #userTabsWrapper .nav-tabs .nav-link:hover:before, #userTabsWrapper .nav-tabs .nav-link:focus:before {
        content: none;
    }
    #userTabsWrapper .nav-tabs .nav-item.active {
        display: block;
        position: absolute;
        top: -43px;
    }
    #beneficiaryBlock .wrap-accordion .accordion-panel .btn-primary{
        margin-top: 20px;
    }
    #inputHomePhone, #inputPhone {
        margin-top: 7px;
    }
    .form-group.min-form55 {
        min-height: 55px;
         padding-top: inherit;
    }
    #personEditForm .form50 {
        width: inherit;
        display: inherit;
    }
    #personEditForm .form-group.add-field {
        padding-top: 0px;
        padding-bottom: 34px;
    }
    .table-respon{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table#\:sell-table-grid-table, table#\:buy-table-grid-table {
        width: 180%;
    }
    .container-fluid.container-padded.doNotPrint{
        padding: 0px 10px 10px 10px
    }
}
@media (min-width: 768px) {
    #home-responsive{
        display: none;
    }
    .profile-view .col-md-7, #personEditFormZone .col-md-7 {
        width: 66.66666667%;
    }
}
@media (min-width: 992px) {
    .profile-view .col-lg-8, #personEditFormZone .col-lg-8 {
        width: 75%;
    }
}
.planActionsButtons {
    display: flex;
    flex-wrap: wrap;
}
.planActionsButtons .hsectionLeft {
    width: 100%;
}
.planActionsButtons .btn-planAc {
    box-sizing: border-box;
    padding: 8px 15px;
    font-size: .9em;
    line-height: 1;
}
.btn-primary.btn-sm .download-icon {
	background: url("/ims/assets/ctx/40af764c/images/imsicons.png") no-repeat;
}
.btn-primary.btn-sm .download-icon {
	background-size: 230px;
	width: 13px;
	background-position-x: -34px !important;
	margin-top: 0em;
	margin-right: 0.5em;
	height: 13px;
}